Hola!!!Que tal?Primero quiero pedirles mil perdones por no haber publicado(desapareserme)estos dos dias,es que estoy algo enferma y no tengo muchos animos de usar cosas electronicas...Pero ahora que me anime,lo aprovechare..Bueno hoy les trigo una cajita deslizante que la puedes usar para menu o para los contactos de facebook,twitter,tumblr o otra cosa...Aqui les dejo la tuto!!
SI QUIERES VER EL EFECTO "click aqui"
Plantilla>>>Edicion HTML>>>Y buscas este codigo ]]>
para mas facilidad en la busqueda CTRL+F
Arriba de ]]>pegas esto:
a.networks {
text-decoration: none;
border: 1px solid #fff;
text-align:center;
margin:2px;
width:140px;
text-transform: uppercase;
font-family:consolas;
font-size:10px;
color: #333;
display:inline-block;
letter-spacing:1px;
background: #f6f6f6;
}
.cont {
padding-left:10px;
padding-right:10px;
border-top-right-radius:10px;
border-top-left-radius:10px;
background:#d0e6f9;
}
#box {
text-align: center;
position:fixed;
right:10px;
bottom:-110px;
width:170px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#box:hover {
bottom:-6px;
}
#contit {
font: 9px century gothic;
letter-spacing:2px;
color:#000;
}
Ahora vamos a
diseno>>>anadir un gadget>>>javacrisp/HTML
Y pegas esto:
<div id="box">
<div class="cont">
<div id="contit" style="padding-top:3px;">contact</div><br>
<a class="networks" href="url ">link1</a><br><a class="networks" href="url">link2</a><br><a class="networks" href="url">link3</a><br><a class="networks" href="url">link4</a><br><a class="networks" href="url">link5</a><br><br></div></div>
EDITAR:
Lo que esta en rojo es el nombre que le tienes que poner a tus links.
Lo que esta en anaranjado es la url de tu wed..
Muchas gracias por el tutorial y espero te recuperes pronto, que se te extraña.
ResponderEliminarBesos enormes.
RBC.
Owww que Monada de cajita >w< Muy linda..capáz que la coloque en mi blog de pruebas/diario o___- iajsaksjka un beso Daayy♥
ResponderEliminarwaa ke mono es *0*
ResponderEliminard: recuperate, por aca andamos igual =n= saludos.
ResponderEliminar~Gadry
Dayi ya tengo tu firma (^^) pasa por aquí http://nemuri-kuma.blogspot.com/2013/01/pedido-dayi.html
ResponderEliminar