tutoriales

Tutorial • Menu para Afiliados


 
Hola mis bebés: 3 ¿Cómo estás ??
Estoy a punto de O. La locura! Estoy casi volverse loco cuando me pongo a pensar en lo que va a seguir la carrera. Pasé pro tercero año y tengo que empezar sólo de pensar en mi futuro, pero es tan difícil elegir mi carrera. No me gusta nada, hace las cosas difíciles: @ 'he hecho examen profesional, he hablado con un montón de gente, pero yo no me puedo encontrar ... Oh, estoy perdido!
Pero dejando a un lado mis problemas, hoy les traigo un tutorialzinho bastante fácil. Él es un menú para simples afiliados, pero es lindo. Me gustaría poner aquí en HS, pero creo que no sería legal. La plantilla de menú es este blog, pero he hecho algunas modificaciones en el menú permanecen diferentes.Por confieren clic aquí, y vete a la primera gadget. Siga leyendo para solicitar el menú a tu blog.
Ir a la presentación Añadir Gadget HTML / Java Script y pegar:


<style>

@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

#afiliados1{

background-color: #F6F2F6;

width: 33px;
height: 8px;
font-family: wish;
font-size: 8px;
Inset: #000;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #C4ACC4;
line-height: 13px;
border: 1px solid #CDB5CD;
-moz-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
return: false;
}
#afiliados1:hover {
color: #fff;
border: 1px solid #8B7B8B;
-moz-box-shadow:inset 0px 15px 0px #CDB5CD; /** cor de quando desce**/
-webkit-box-shadow:inset 0px 15px 0px #CDB5CD; /** cor de quando desce**/
-o-box-shadow:inset 0px 15px 0px #CDB5CD; /** cor de quando desce**/
-ie-box-shadow:inset 0px 15px 0px #CDB5CD; /** cor de quando desce**/
-webkit-transition-duration: 0.40s;
-moz-transition-duration: 0.40s;
transition-duration: 0.40s;}}
</style>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
<a href="LINK"  title="NOME" id="afiliados1">VG</a>
 Tutorial Marquesina Efecto Girar

 


Hola Linduras! Cómo estás ??
Estoy bien! Haciendo un terrible calor aquí en Río. Voy a necesitar playa urgente, si no terminan la fusión en frente de la computadora! No me gusta el verano, creo que me gusta más si hubiera que vive en frente de la playa, pero como yo vivo allí en el fin del mundo es difícil ir para siempre.
Hoy traje un tutorial que encontré en un blog que no recuerdo el nombre (en realidad no me acuerdo, he querido dar el debido crédito). Voy a enseñar dos modelos, el primero que lo hará "infinitamente" el otro que "va y viene" los dos tiene el efecto de la rotación de la imagen cuando se pasa. Para comprobar el modelo 1 Vaya a ver el modelo 2 ver aquí!


Vamos ver?
Bueno, primero entra en tu HTML y buscar:


 ]]></b:skin>

Una vez que haya encontrado el código, pegue el otro por encima de ella. Se sirve a dos propósitos!

.isa-cute{-webkit-transition-duration: .80s;}
.isa-cute:hover {opacity:1.0; border-radius: 50px; -webkit-transform: rotate(90deg) rotate(280deg);
-webkit-transition-duration: 2.5s -webkit-transition-duration: .80s;}
 Una vez que haya hecho esto, usted elegirá uno de los modelos.

Si desea utilizar el modelo 1, entra en tu diseño HTML Añadir un Gadget / Java Script y pega este código:



<marquee behavior="infinity" onmouseout="this.start(1);" onmouseover="this.stop(0);" scrollamount="5">
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
</marquee>
 Después Ahorre!

Si desea utilizar la plantilla 2, vaya a Esquema Añadir Gadget HTML / Java Script y pegar:



<marquee behavior="alternate" onmouseout="this.start(1);" onmouseover="this.stop(0);" scrollamount="5">
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
<a href="https://www.blogger.com/LINK" title="TÍTULO"><img class="isa-cute" src="LINK DA IMAGEM" /></a>
</marquee>
 Bueno, eso fue el tutorial de hoy. Espero que hayan disfrutado!


No hay comentarios:

Publicar un comentario en la entrada