Menu Afiliados com expansão + Efeito marca-texto

KW

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.