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

Notes em hover
Olá meus amores, como todo mundo sabe, colocar as notes para aparecer ta super em alta né ? Se você ainda não sabe como fazer suas notes aparecerem e desaparecerem siga os passos desse tutorial ok ? :D

01- Copie o código abaixo e cole no seu CSS:

.notesilh {width:auto; height:12px; padding:5px; border-radius:10px; color:transparent; background:#fff; margin-left:0px; margin-top:10px;border:1px solid #f5f5f5; z-index:300;filter:alpha(opacity=0); opacity:0; font-size:11px; font-family:georgia;-webkit-transition-duration: .90s;position: absolute;}

.boxx:hover .notesilh {filter:alpha(opacity=99); opacity:99; width:auto; height:12px; padding:5px; border-radius:10px; color:#555; background:#fff; margin-left:10px; margin-top:20px; border:1px solid #f5f5f5; z-index:300;font-size:11px; font-family:georgia;-webkit-transition-duration: .90s;position: absolute;}

copiou ? Ok. vamos intender o código, o que você pode ou não mudar.

- No primeiro você só NÃO pode mudar a opacity, a position e a color ok ? o resto pode mudar tudo.
- No segundo você pode mudar tudo menos a position ok ?

02- Agora procure por {block:Posts} e abaixo dele coloque esse código:

<div class="boxx"><div class="notesilh"> <a href="{ReblogURL}" target="blank">reblog this</a> ! em {DayOfMonth} de {Month} ({block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}/{block:ContentSource}<a href="{SourceURL}" target=blank>Source</a>{/block:ContentSource}) {block:NoteCount}<a href="{Permalink}">Notes </a>{/block:NoteCount}. </div>

03- Agora procure por {/block:Posts} e coloque ACIMA DELE isso:

</div>

Esse tutorial lhe foi útil ? Tem alguma dúvida ? Deixe um comentário. Beijos

Marcadores:


Postado por I Love HTML. 08:40. 1 Comentários


1 Comentários:

Às 27 de fevereiro de 2012 14:25 , Anonymous Carol disse...

Salvaram minha vida õ/ haha s2

 

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