Slider

espacios slider









7 oct. 2013

Tutorial: Caja de músia flotante {blogsking}

Caja de musica
Hola a todos! hace tiempo que no publico nada y es por que estos días estoy muy ocupada y con los exámenes ,pero cuando pueda me volverán a ver no se preocupen y bueno aquí les dejo el tutorial para blogsking.



Les voy a enseñar a poner su cajita de música en su blog así es como se verá 


Para comenzar tenemos que meternos en esta página here
ahora lo que tenemos que hacer es pegar este código antes de:
</ style>
y pegamos este otro código
<style>.believe{position:fixed;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;top:-30;left:20px;text-align:center;text-transform:uppercase; font-family: 'lucida sans unicode'; font-size: 9px;}

.believe:hover{position:fixed;top:3}
.doradora{background:#fff;width:50px;height:25px;padding-top:10px;background:#F1ECEA }
.msc{padding:5px;background:#CBBAB0;color:#fff;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;
</style><div class="believe"><div class="doradora">MUSIC PLAYER CODES<div class="msc">music</div></div></div>

Por último le damos a vista prueba y guardamos plantilla bien hasta aquí termino el tutorial, espero que les haya gustado, suerte y besitos!!

4 comentarios:

  1. se agradece el tuto!!! yo ya sabia pero hay muchas que no por ello gracias!!!

    ResponderEliminar
    Respuestas
    1. jejeje :) estaba pensando en hacer tutos de blogsking y este es el primero *m*

      Eliminar
  2. muchas gracias por el tutorial ^^

    ResponderEliminar