Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.




Em breve novas parcerias, fique ligado.








Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda

Estilos de ask :)
PRIMEIRO ESTILO (igual ao que está no meu tumblr):


Como fazer:

1- Copie os códigos abaixo e cole-os em seu CSS:

.h5 {font-size:9px;padding:1px;text-align:left;letter-spacing:1px;
font-family: 'verdana';text-shadow: 0 1px 1px #fff;height:16px;
background:#f1f8f3;color:#bed5cd;
text-transform:uppercase;letter-spacing:-1px;}

.ask {width:auto;align:left;background:#f1f8f3;margin:1px;
margin-right:40px;padding:8px;position: relative;font: 10px verdana; 
text-shadow: 0px 1px 1px #fff;z-index:80;border-left:3px solid #e9f2ef;
text-transform:uppercase;color:#888;} 
.res {color:#888;font: 10px verdana;text-align:right;}

OBS: Mude as cores dos backgrounds e color, mude as fontes se você quiser e só.

- Agora procure por {block:Answer}

E apague de {block:Answer} até {/block:Answer}

- Depois copie o código abaixo e cole no lugar.

ATENÇÃO ! acima de <div style="margin-top:1px;"> você coloca a a div da sua caixa/box ok ? Quando colocar não esqueça de pôr o <div> antes de {/block:Answer}

{block:Answer}

<div style="margin-top:1px;">
<img src="{AskerPortraitURL-40}"align="right" class="border1"width="40px" id="opacidade"/></div>
<div class="ask">
<span></span>{Question}</div>
<div style="float:left; background:#f7f7f7; border-radius:0px 0px 5px 5px; width;200px;padding:4px; font-size:8px; font-family:verdana;text-transform:uppercase;letter-spacing:1px; ">pergunta por: <b>{Asker}</b> <w>♥</w></div>
<br>
<div class="res">{Answer}</div>

<div class="h5">Em {DayOfMonth} de {Month} - {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} <a href="{ReblogURL}" target="blank">Reblog !</a> • <a href="{SourceURL}" target=blank>Source</a>{/block:ContentSource} {block:HasTags} {block:Tags}&nbsp;<a class="tag" href="{TagURL}"><ta>{Tag}</ta></a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>

{/block:Answer}

Depois é só salvar e pronto !

SEGUNDO ESTILO DE ASK !


Como fazer:

1- Copie os códigos abaixo e cole-os em seu CSS:

.h5 {font-size:10px;padding:1px;text-align:right;letter-spacing:-1px;
font-family: 'verdana';text-shadow: 0 1px 1px #fff;height:16px;
background: #f6f8e9;border-radius:0px 0px 5px 5px;text-transform:uppercase;}


.ask {width:auto;align:center;background:#f6f8e9;margin:0px;padding:10px;
padding-bottom:20px;position: relative;text-shadow: 0px 1px 1px #fff;
z-index:0;-moz-border-radius:0px 0px 20px 20px;border-radius:0px 0px 20px 20px;}
.caixinhabyfran2 {width:auto;align:center;background:#bdcfd8;margin:0px;
padding:4px;position: relative;text-shadow: 0px 1px 1px #bdcfd8;
z-index:0;color:#fff;}

OBS: Mude as cores dos backgrounds e color, mude as fontes se você quiser e só.

- Agora procure por {block:Answer}

E apague de {block:Answer} até {/block:Answer}

- Depois copie o código abaixo e cole no lugar.

ATENÇÃO ! acima de  <div class="caixinhabyfran2"> você coloca a a div da sua caixa/box ok ? Quando colocar não esqueça de pôr o <div> antes de {/block:Answer}



{block:Answer}

<div class="caixinhabyfran2"><center>Pergunta por: {Asker}</center></div>
<div class="ask"><img src="{AskerPortraitURL-40}"align="left" class="border" width="30px" id="opacidade"/> {Question}</div>
<br>
<div class="res">{Answer}</div>

<div class="h5">
Ask respondida por <i>SEU NOME</i>. Em {DayOfMonth} de {Month}.</div>

{/block:Answer}

Antes de salvar, no lugar de SEU NOME, coloque o seu nome ok ? :)

Salve e está pronto !

Postado por I Love HTML. 07:47. 0 Comentários


0 Comentários:

Postar um comentário

- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.

Assinar Postar comentários [Atom]

<< Página inicial