Facebookinga! V1.0 [Firefox | Chrome]
Facebookinga! es un theme para Taringa que hice yo mismo. Funciona en Chrome y en Firefox con la extensión Stylebot en Chrome y Stylish en Firefox.
Capturas (Click para ver más grande)
La barra es más chica y le da a Taringa un estilo Facebook.
Los botones de navegación están sobre la barra.
¡Muy bueno! ¿Cómo lo instalo?
Chrome:
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:
#favorites-navitem.active i {
background-position: -29px -382px ;
}
#header {
background: #3b5998;
height: 38px;
left: 0;
margin: auto;
position: fixed;
right: 0;
z-index: 10000;
}
#main {
padding-top: 38px;
}
#logo {
-webkit-transform: scale(.5);
left: -50px;
position: relative;
top: -6px;
}
#nav {
position: fixed;
z-index: 10000;
width: 470px;
background: none;
top: -1px;
margin: auto;
left: 280px;
right: 0;
}
#bubble-alert-mi {
z-index: 100000;
}
#mensajes-navitem.active i {
background-position: -4px -798px ;
}
#notifications-navitem.active i {
background-position: -4px -733px;
}
#search {
border-radius: 0;
left: -380px;
margin: auto;
position: absolute;
right: 0;
top: 8px;
z-index: 10000;
}
#search a {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yA/x/MQLqXy_6l1n.png);
background-position: -603px -20px;
background-repeat: no-repeat;
background-size: auto;
height: 19px;
position: relative;
top: -21px;
width: 22px;
}
#search input {
background: white;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
padding: 4px;
width: 230px
;
}
.compose {
display: none;
}
.favorites {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/x/F-HqU82RLrT.png);
background-position: -5px -349px;
background-repeat: no-repeat;
background-size: auto;
}
.messages {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/x/F-HqU82RLrT.png);
background-position: -29px -349px;
background-repeat: no-repeat;
background-size: auto;
}
.navbar {
left: -110px;
margin: auto;
position: relative;
right: 0;
top: 5px;
}
.navbar.rounded {
border-radius: 0;
}
.navbar .navitem.nohide:hover {
background: rgba(200,200,200,.4);
cursor: pointer;
}
.navbar .navitem.active, .navbar .navitem.active:hover {
background: none;
border-radius: 40px;
cursor: pointer;
}
.navbar .navitem.nohide {
margin: 0;
padding-right: 5px;
padding-left: 5px;
}
.navitem, .navbar, .navbar .navitem:hover, .navitem.active, .navitem.active:hover, .useritem.hover {
background: none;
border: none;
border-radius: none;
}
.notifications {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/x/F-HqU82RLrT.png);
background-position: -4px -279px;
}
.useritem {
left: 661px;
position: relative;
}
#nav div.wrapper {
width: 373px;
}
#nav .floatR {
display: none;
}
#nav ul li {
margin: 0;
padding: 0;
}
#nav ul li a {
padding: 7px;
background: none;
border-radius: 0;
}
#nav ul li a:hover {
background: rgba(255,255,255,.3);
text-decoration: none;
}
.navitem.useritem ul li:hover {
background: rgba(200,200,200,.4);
text-decoration: none;
}
.navitem.useritem.hover div {
background: rgba(200,200,200,.4);
border: none;
}
.active#menu-section-mi .home {
background-position: -152px -119px;
}
ul.floatL .active a {
color: white;
}
#notifications-navitem:hover {
border-radius: 0;
}
#notifications-navitem:hover {
border-radius: 0;
}
#notifications-box {
left: 77px;
}
#mensajes-box {
left: 64px;
}
#favorites-box {
left: 52px;
}
Nos quedará algo así:
4) Apretamos 'Save' ¡Y listo!
Ya podemos disfrutar de Facebookinga! en nuestro Chrome.
Firefox:
1) Instalamos Stylish, vamos al Administrador de Complementos, y a la pestaña Estilos de Usuario:
2) Apretamos Añadir nuevo estilo y nos aparecerá esto:
Ponemos:
Nombre: Facebookinga! V1.0 by electrocrookers
En el código:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("taringa.net")
{
#favorites-navitem.active i {
background-position: -29px -382px ;
}
#header {
background: #3b5998 !important;
height: 38px !important;
left: 0 !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
z-index: 10000 !important;
}
#main {
padding-top: 38px !important;
}
#logo {
-webkit-transform: scale(.5) !important;
left: -50px !important;
position: relative !important;
top: -6px !important;
}
#nav {
position: fixed !important;
z-index: 10000 !important;
width: 470px !important;
background: none !important;
top: -1px !important;
margin: auto !important;
left: 280px !important;
right: 0 !important;
}
#bubble-alert-mi {
z-index: 100000 !important;
}
#mensajes-navitem.active i {
background-position: -4px -798px !important;
}
#notifications-navitem.active i {
background-position: -4px -733px !important;
}
#search {
border-radius: 0 !important;
left: -380px !important;
margin: auto !important;
position: absolute !important;
right: 0 !important;
top: 8px !important;
z-index: 10000 !important;
}
#search a {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yA/x/MQLqXy_6l1n.png) !important;
background-position: -603px -20px !important;
background-repeat: no-repeat !important;
background-size: auto !important;
height: 19px !important;
position: relative !important;
top: -21px !important;
width: 22px !important;
}
#search input {
background: white !important;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif !important;
padding: 4px !important;
width: 230px !important;
}
.compose {
display: none !important;
}
.favorites {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/x/F-HqU82RLrT.png) !important;
background-position: -5px -349px !important;
background-repeat: no-repeat !important;
background-size: auto !important;
}
.messages {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/x/F-HqU82RLrT.png) !important;
background-position: -29px -349px !important;
background-repeat: no-repeat !important;
background-size: auto !important;
}
.navbar {
left: -110px !important;
margin: auto !important;
position: relative !important;
right: 0 !important;
top: 5px !important;
}
.navbar.rounded {
border-radius: 0 !important;
}
.navbar .navitem.nohide:hover {
background: rgba(200,200,200,.4) !important;
cursor: pointer !important;
}
.navbar .navitem.active, .navbar .navitem.active:hover {
background: none !important;
border-radius: 40px !important;
cursor: pointer !important;
}
.navbar .navitem.nohide {
margin: 0 !important;
padding-right: 5px !important;
padding-left: 5px !important;
}
.navitem, .navbar, .navbar .navitem:hover, .navitem.active, .navitem.active:hover, .useritem.hover {
background: none !important;
border: none !important;
border-radius: none !important;
}
.notifications {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/x/F-HqU82RLrT.png) !important;
background-position: -4px -279px !important;
}
.useritem {
left: 661px !important;
position: relative !important;
}
#nav div.wrapper {
width: 373px !important;
}
#nav .floatR {
display: none !important;
}
#nav ul li {
margin: 0 !important;
padding: 0 !important;
}
#nav ul li a {
padding: 7px !important;
background: none !important;
border-radius: 0 !important;
}
#nav ul li a:hover {
background: rgba(255,255,255,.3) !important;
text-decoration: none !important;
}
.navitem.useritem ul li:hover {
background: rgba(200,200,200,.4) !important;
text-decoration: none !important;
}
.navitem.useritem.hover div {
background: rgba(200,200,200,.4) !important;
border: none !important;
}
.active#menu-section-mi .home {
background-position: -152px -119px !important;
}
ul.floatL .active a {
color: white !important;
}
#notifications-navitem:hover {
border-radius: 0 !important;
}
#notifications-navitem:hover {
border-radius: 0 !important;
}
#notifications-box {
left: 77px !important;
}
#mensajes-box {
left: 64px !important;
}
#favorites-box {
left: 52px !important;
}
}
3) Guardamos, vamos a Taringa, y ¡A disfrutar!
¡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
¿Querés que tu Taringa se vea así?
¡Instalá Taringa 2021 Beta 4!
¡Para estar al tanto de los scripts y themes que hago seguime!
¡Adiós!