22 de jan de 2013

Menu Afiliados com expansão + Efeito marca-texto



Heey leitoras e leitores!! ^^

Obrigada pelos 70 seguidores, seus lindoos! *o*
Hoje trago um tutorial que vi no The Lovers, que atualmente, está desativado, mas mesmo assim, irei dar os créditos. E também um efeito marca-texto nas palavras do blog! Créditos: #

Vamos ver?


Menu Afiliados com expansão

PREVIEW:

  
Imagem do blog Connectadus


Adicione um gadget HTML/JavaScript e cole:

<script language="JavaScript" type="text/javascript">function openDir( form ) {var newIndex = form.fieldname.selectedIndex;if ( newIndex == 0 ) {alert( "Please select a location!" );} else {cururl = form.fieldname.options[ newIndex ].value;window.location.assign( cururl );}}</script><form name="form" id="form"><select style="width: 100%;font-family:corbel; text-align: center; font-size: 11px; border: 2px solid #c71585 ;/* cor da borda */ font-size:13px ;/*tamanho da fonte */ background: #FFFAFD " /* cor de fundo */name="fieldname" onchange="openDir( this.form )"><option />Confira todos os Afiliados<option style="background:#fffaf0;/* cor de fundo do afiliado*/  color: #000000; /* cor da letra*/" value="LINK DO AFILIADO" />NOME DO AFILIADO<option style="background:#ffdab9; /* cor de fundo de outro afiliado  color: #000000; " /* cor da fonte /* value="LINK DO AFILIADO" />NOME DO AFILIADO</select></form></center>


Edite e salve! Se quiser colocar mais afiliados, cole isso abaixo de NOME DO AFILIADO:

<option style="background:#fffaf0;/* cor de fundo do afiliado*/  color: #000000; /* cor da letra*/" value="LINK DO AFILIADO" />NOME DO AFILIADO<option style="background:#ffdab9; /* cor de fundo de outro afiliado  color: #000000; " /* cor da fonte /* value="LINK DO AFILIADO" />NOME DO AFILIADO

Fácil, não é?!


Efeito marca-texto nas palavras do blog


PREVIEW:

 este é o efeito



Pesquise por body {

Cole o código abaixo depois da tag procurada:

destaque{ padding:3px; /* aumente o numero para que ele fique maior */
border-radius:4px; /* bordas */
background: #cor; /* cor do fundo */
color: #cor; /* cor do texto */
}

Agora, edite e visualize. Se estiver tudo certo, salve! Se quiser usar esse efeito nas palavras das postagens do seu blog, vá em HTML, do lado de Escrever na postagem e cole isso:

<destaque> PALAVRA AQUI </destaque>



Beijoos!


 Rara F.




2 comentários:

  1. Hum adorei o tutorial! Seguindo aqui amora, amei seu cantinho. Segue de volta? Beijos e uma ótima semana!
    Blog: http://blogparisvie.blogspot.com.br/
    Instagram: @gibertolini

    ResponderExcluir
    Respostas
    1. Obrigada flor! Sigo siim! c:
      Ótima semana pra você também, linda! ^^

      Excluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!