[TUTORIALES]Caja Deslizante:para contactos!!

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..



Bueno espero que les guste!!!
Me voy despidiendo que ya me siento mal!!
Las kiero un chorro!!y les deseo lo mejor!
Ohh felicidades pame por tus 100 seguidores y sofi felicidades te estas acercando a la meta!!
Les deje besos de cherryT.O.P
Att:Dayi

5 comentarios:

  1. Muchas gracias por el tutorial y espero te recuperes pronto, que se te extraña.
    Besos enormes.
    RBC.

    ResponderEliminar
  2. Owww que Monada de cajita >w< Muy linda..capáz que la coloque en mi blog de pruebas/diario o___- iajsaksjka un beso Daayy♥

    ResponderEliminar
  3. d: recuperate, por aca andamos igual =n= saludos.

    ~Gadry

    ResponderEliminar
  4. Dayi ya tengo tu firma (^^) pasa por aquí http://nemuri-kuma.blogspot.com/2013/01/pedido-dayi.html

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com