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} <a class="tag" href="{TagURL}"><ta>{Tag}</ta></a> {/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:
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