Slider

espacios slider









8 oct. 2013

Tutorial: Menú Flotante {uno}


Hola que tal se encuentran?las pruebas son dificiles, deserame suerte y aquí les dejo el tutorial 



Para verlo mejor here
Para poder tenerlo en nuestro blog es muy simple, lo único que tenemos que hacer es poner este código en un gadget y listo.


<style>

.raejun{
width:60px;
padding:15px;
margin-top:15px;
box-shadow:2px 2px 4px #DFDFDF;
background:#eee;
font:8px tt; 
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #000;
-webkit-border-top-right-radius: 333px;
-webkit-border-bottom-right-radius: 333px;
-moz-border-radius-topright: 333px;
-moz-border-radius-bottomright: 333px;
border-top-right-radius: 333px;
border-bottom-right-radius: 333px;
}
.raejun:hover{
width:66px;
border-left:10px solid #aaa;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>
<div style="position:fixed; top:100px;left:0px;width:100px; color:#aaa;">
<a class="raejun" href="LINK HERE">link 1</a>
<a class="raejun" href="LINK HERE">link 2</a>
<a class="raejun" href="LINK HERE">link 3</a>
<a class="raejun" href="LINK HERE">link 4</a>
</div>

Aquí termino el tutorial besitos!! 

3 comentarios:

  1. *w* He estado mirando tu blog .. y me parece realmente precioso :D
    yo tengo uno tambien que es: http://curiosidadesdeneremitty.blogspot.com.es/
    De manualidades, recetas, tutoriales, recursos.. etc
    y la verdad acabo de volver de ''vacaciones'' y lo estoy editando y eso :D
    Espeero tu visita :3
    Un Besito y un saludo
    -NereMitty

    ResponderEliminar
    Respuestas
    1. Claro ^^ ahora mismo me paso y te afilio :) tambien te seguire nos vemos !!

      Eliminar