![Mejoras en Header de Taringa V6 [StyleBot]](https://storage.posteamelo.com/assets-adonis/assets/2014/09/01/7iylTKI-T4y302aiu2M.webp)
Hola, Bueno desde que salio la V6 estoy como que no me acostumbro a Taringa V6! por lo cual me puse con el styleboot y pues hice un par de mejoras en el header de la V6.
Las mejoras que hice son las siguientes.
1.- Fijar el header. (con esto me refiero a que si bajas hasta los comments de un post el header estará ahi, Ejemplo )
2.- Mover la opción de enviar Shout. (No me acostumbraba a verlo en el otro lado así que lo moví como estaba en la v5 Ejemplo )
Solo hice esas 2 modificaciones ya que no vi la necesidad de modificar algo mas pues lo demás me pareció que estaba bueno.
Bueno, ahora les explico que hacer para instalar el styleboot y modificar el css.
Instalar styleboot para chrome, para instalar haz click aquí y en la parte superior derecha sale la un botón que dice "Instalar".
una vez instalado el stylebot le damos click al icono que aparece en el navegador y le damos click donde dice "Open Stylebot".
Ahora se nos abrirá una ventana, en esa ventana buscamos el botón que dice "Edit CSS" y le damos click.
Ahora nos aparece otra ventana, en esa ventana pegamos el siguiente código y le damos click en "Save"
.v6 header {
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background: #005dab;
border-bottom: 2px solid #004178;
border-top: 1px solid #004f91;
display: block;
height: 58px;
left: 0;
min-width: 1000px;
position: fixed;
right: 0;
top: 0;
transition: all 300ms ease;
z-index: 100;
}
.v6 .ico-shout {
line-height: 40px;
display: block;
color: #fff;
background: #00ab4e;
font-weight: bold;
font-size: 11px;
padding: 0;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
float: right;
height: 40px;
width: 34px;
position: relative;
margin-left: -4px;
margin-right: 5px;
}
.v6 #tool-shout {
position: absolute;
top: 42px;
left: 150px;
width: 287px;
padding: 10px;
background: #fff;
border: solid 1px #dadada;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}
Resultado final.
Bueno, eso sería todo ya tendrían las mejoras que hice espero les sea util, saludos!
