Taringa 2021 BETA 2 [Stylebot | Chrome]
Taringa 2021 es un theme para Taringa que hice yo mismo. Funciona en Chrome con la extensión Stylebot.
Cambios en esta versión
Reparado el bug en el que desaparecía el fondo del header al estar sobre un objeto Flash.
Se solucionó un error de diseño para las resoluciones de pantalla chica en donde no se podía ver el menú de usuario. Ahora no es tan estético, pero es funcional para todos.
Añadidos efectos sobre los botones del header, con -webkit-transition.
Capturas (Click para ver más grande)
La barra es más chica y le da vida a Taringa con su fondo.
En esta versión se movieron las barras para tener el menú del usuario sobre ella.
Cada día, con sólo recargar la página (F5) en Taringa, tendremos un nuevo fondo en el header. Puede ser un paisaje, una textura, o un diseño.
¡Muy bueno! ¿Cómo lo instalo?
1) Instalar Stylebot. Desde este
2) Vamos a Taringa y apretamos el botón 'css'
3) Apretamos el botón 'Edit CSS' y pegamos esto:
#compose-navitem {
display: none;
}
#favorites-box {
left: 96px;
top: 44px;
}
#footer {
position: relative;
top: 12px;
}
#header {
background: url(http://brianvalente.com.ar/taringa2021/fondo-header-taringa.jpg) top center;
border: none;
height: 50px;
left: 0;
margin: auto;
position: fixed;
right: 0;
z-index: 10000;
}
#logo {
-webkit-transform: scale(.5);
background: url(http://k41.kn3.net/D166A3D54.png)
;
left: -40px;
position: relative;
width: 186px;
}
#main {
position: relative;
top: 50px;
}
#mensajes-box {
left: 91px;
top: 44px;
}
#nav {
background: none;
left: -340px;
margin: auto;
position: fixed;
right: 0;
top: 5px;
width: 420px;
z-index: 10000;
}
#nav .floatR {
display: none;
}
#nav .wrapper {
width: 470px;
}
#notifications-box {
left: 86px;
top: 44px;
}
#search {
display: none;
}
.active#menu-section-mi .home {
background-position: -152px -119px;
}
.navbar {
left: 370px;
position: relative;
top: 10px;
z-index: 10000;
}
.navbar .navitem.active, .navbar .navitem.active:hover {
background: rgba(180,180,180,.4);
border-radius: 40px;
cursor: pointer;
}
.navbar .navitem.nohide:hover {
background: rgba(200,200,200,.4);
border-radius: 40px;
cursor: pointer;
}
.navbar .navitem:hover {
background: rgba(200,200,200,.4) ;
border-radius: 40px;
cursor: pointer;
}
.navitem {
margin-left: 5px;
-webkit-transition: background .1s, border-radius .1s;
}
.navitem .nick {
display: none;
}
.navitem, .navbar, .navitem:hover, .navitem.active, .navitem.active:hover, .useritem.hover {
background: none;
border: none;
border-radius: none;
}
.navitem.useritem ul {
background: none;
border-radius: 3px;
left: -245px;
list-style-type: none;
position: absolute;
top: 0px;
width: 250px;
}
.navitem.useritem ul li {
background: none;
border-radius: 40px;
border: none;
float: left;
margin-left: 10px;
padding: 6px 12px 6px 12px;
-webkit-transition: background .1s, border-radius .1s;
}
.navitem.useritem ul li:hover {
background: rgba(200,200,200,.4);
border-radius: 40px;
text-decoration: none;
}
.navitem.useritem.hover div {
background: rgba(200,200,200,.4);
border: none;
border-radius: 40px;
}
.useritem {
left: 230px;
position: relative;
}
.useritem ul {
position: absolute;
width: 152px;
}
ul.floatL a {
background: none;
color: rgb(230,230,230);
-webkit-transition: background .1s, border-radius .1s;
}
ul.floatL a:hover, ul.floatL .active a {
background: rgba(200,200,200,.4);
border-radius: 40px;
text-decoration: none;
}
.navitem.useritem ul:hover ~ .navbar {
background: red;
}
Nos quedará algo así:
4) Apretamos 'Save' ¡Y listo!
Ya podemos disfrutar de Taringa 2021 en nuestro Chrome.
¡Y eso es todo! ¿Te gustó el theme? ¡Compartilo en Taringa! Seguro que a muchos más les gustará el tema y lo pondrán en su PC.
Si encontrás algún bug o querés sugerir algo comentalo o mandame un MP, se los voy a agradecer
¡Para estar al tanto de las actualizaciones de Taringa 2021 seguime!
¡Adiós!