InicioTaringaCambiale el diseño a T! [Taringa Black]

Cambiale el diseño a T! [Taringa Black]

Taringa2/9/2013






Hola Taringueros, en este post les voy a enseñar a cambiarle el diseño a Taringa! Les voy a enseñar a cambiarlo en diferentes diseños.




Comenzemos:

Sólo sirve para Chrome.

A continuación.. Hagan click sobre el icono de chrome.




Luego instalan el complemento.





En chrome, hacen click en CSS.



Y luego hacen click en "Edit CSS"



Y pegan este código.

#alertmsg {
    background-color: #f0f0f0;
}

#alertmsg h1 {
    color: #333333;
}

#alertmsg p {
    font-weight: bold;
}

#friends-live-activity {
    display: none;
}

#header {
    background: -webkit-gradient(linear, 0 -1, 0 95%, from(#959595), to(#000000));
    border-style: none;
    padding-bottom: 15px;
}

#last-activity-filter {
    background-color: #f0f0f0;
    border-radius: 6px;
}

#logo {
    background: url(http://k05.kn3.net/680FA74F0.png) no-repeat top left transparent;
    background-position: -5px -1px;
    display: block;
    float: left;
    height: 44px;
    margin-left: -5px;
    margin-top: 14px;
    width: 210px;
}

#logo:hover {
    background-position: -5px -53px;
}

#menu-section-comunidades a {
    background: none;
    color: #ffffff;
    font-weight: bold;
}

#menu-section-comunidades a:hover {
    background-color: #bdbdbd;
}

#menu-section-juegos a:hover {
    background-color: #bdbdbd;
}

#menu-section-mi a {
    background: none;
}

#menu-section-mi a:hover {
    background-color: #bdbdbd;
}

#menu-section-musica a {
    background: none;
    color: #ffffff;
    font-weight: bold;
}

#menu-section-musica a:hover {
    background-color: #bdbdbd;
}

#menu-section-posts a {
    background: none;
    color: #ffffff;
    font-weight: bold;
}

#menu-section-posts a:hover {
    background-color: #bdbdbd;
}

#menu-section-tops a {
    background: none;
    color: #ffffff;
    font-weight: bold;
}

#menu-section-tops a:hover {
    background-color: #bdbdbd;
}

#nav {
    background: -webkit-gradient(linear, 0 -10, 0 100%, from(#171717), to(#1F1F1F));
    border-style: none;
}

#nav ul li a {
    background: #202020;
}

#nav ul li.active a {
    background: white;
    color: black;
}

#nav ul li:hover a {
    background: #3F3F3F;
}

#post-filter-select {
    border-radius: 5px;
}

#scroll-up {
    background: url(http://k12.kn3.net/9ADD74265.png);
    border-radius: 32px;
    box-shadow: 0px -6px 5px rgba(0,0,0,0.2);
    opacity: 0.75;
}

#search .btn_search, #search-bottom .btn_search {
    background: transparent url(http://k34.kn3.net/383341C08.png) no-repeat top left;
    cursor: pointer;
    float: right;
}

#search input, #search-bottom input {
    background: transparent url(http://k42.kn3.net/7E0BA8E24.png) 

input.searchq.fast-search.suggest.suggest-mention.suggest-hashtag {
    margin-top: 5px;
}
;
}

#user-metadata-post div span {
    font-size: 14px;
    text-transform: capitalize;
}

.activity-element a.avatar img:hover, .shout-box a.avatar img:hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #44a5e8;
    border: 1px solid rgb(22, 158, 252);
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3;
    float: left;
}

.activity-element i.remove {
    display: block;
}

.avatar-list-48 li {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #44a5e8;
    border: 1px solid rgb(28, 211, 20);
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23 ,148, 232, 0.81), inset 0 1px 0 #bbecf3;
}

.list-element:hover {
    background: #CCC;
}

.list.recomenados {
    display: none;
}

.min-avatar {
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3;
    background: #44a5e8;
    border: 1px solid rgb(22, 158, 252);
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3;
}

.navbar {
    background: url(http://k35.kn3.net/510531167.png) repeat-x top left;
    border-bottom: 1px solid #252525;
    border-left: 1px solid #0F0F0F;
    border-right: 1px solid #493949;
    border-top: 1px solid #363636;
    height: 33px;
    position: absolute;
    right: 245px;
    top: 17px;
}

.navbar .navitem {
    background: url(http://k36.kn3.net/724028624.ng) no-repeat top right;
}

.navbar .navitem.active, .navbar .navitem.active:hover {
    background: url(http://k44.kn3.net/780A21B92.png) repeat top right ;
    cursor: pointer ;
}

.navbar .navitem:hover {
    background: url(http://k39.kn3.net/09660590B.png) repeat-x top right;
    cursor: pointer;
}

.navitem.useritem ul li {
    background: url(http://k36.kn3.net/724028624.png) top repeat-x #252525;
    border: 1px solid #171717;
    border-top: none;
}

.navitem.useritem ul li:hover {
    background: url(http://k45.kn3.net/6114D74DF.png) top repeat-x #161616;
    cursor: pointer;
}

.navitem.useritem.hover div {
    background: url(http://k39.kn3.net/09660590B.png) repeat-x top right;
    border-bottom: 1px solid #07273b;
}

a.Feed-load {
    color: #828282;
}

a.Feed-load.active {
}

a.Feed-load.first.overflow-ellipsis {
    color: #6b6b6b;
}

a.avatar img {
    border-color: #4c2078;
}

a.btn.a.dropdown-dropper {
    display: none;
}

a.btn.a.dropdown-text.radio-on {
    display: none;
}

a.btn.g {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#dbdbdb), to(#828282));
}

a.btn.g.hastipsy {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#DEDEDE), to(#f0f0f0));
    border-radius: 1px 1px 10px 10px;
    border-style: none;
}

a.btn.g.leave {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#dbdbdb), to(#828282));
}

a.btn.g.not-following {
    border-color: #9e9e9e;
    border-style: double;
}

a.btn.g.require-login {
    border-color: #9e9e9e;
    border-style: double;
    color: #050505;
}

a.btn.v.floatR {
    color: #333333;
}

a.btnPagi.floatR {
    color: #333333;
}

a.btn_search {
    margin-top: 5px;
}

a.btn_search.ui-btn.ui-button-positive.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover {
    margin-top: -1px;
}

a.button-action-s.button-action-comentar.button-action-s {
    color: #333333;
}

a.data-followes-count {
    display: none;
}

a.face-shout.hastipsy.ui-state-disabled {
    margin-top: -10px;
}

a.hovercard {
    color: #949494;
    font-family: Tahoma;
}

a.textlimit {
    font-family: Georgia;
    font-size: 15px;
}

a.tw-shout.hastipsy.ui-state-disabled {
    margin-top: -10px;
}

button.my-shout-add.btn.a.floatR.menu {
    background: -webkit-gradient(linear, 0 -10, 0 100%, from(#474747), to(#333333));
    border-radius: 0 0 10px 10px ;
    border-style: none;
    font-variant: small-caps;
    font-weight: normal;
    text-decoration: none;
}

button.my-shout-add.btn.a.floatR.mi {
    background: -webkit-gradient(linear, 0 -10, 0 100%, from(#474747), to(#333333));
    border-radius: 0 0 10px 10px ;
    border-style: none;
    font-family: Georgia;
    font-style: italic;
    font-weight: bold;
    margin-top: -10px;
    text-decoration: none;
    text-shadow: 0 0 1px #333333;
}

button.my-shout-add.btn.a.floatR.wall {
    background: -webkit-gradient(linear, 0 -10, 0 100%, from(#474747), to(#333333));
    border-radius: 0 0 10px 10px ;
    border-style: none;
    font-variant: small-caps;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 1px #333333;
}

div.activity-content p {
    font-family: tahoma;
}

div.activity-element.activity-min.clearfix a {
    color: #000000;
}

div.activity-element.clearfix.shout.unread {
}

div.alert.info {
    border-color: #63b0eb;
    border-style: solid;
}

div.box.clearfix {
    font-family: Georgia;
}

div.box.clearfix strong {
    font-family: Georgia;
    font-style: italic;
    font-weight: bold;
}

div.comment-author.clearfix a {
    color: #a3a3a3;
}

div.comments-closed {
    font-family: Georgia;
    font-style: italic;
}

div.comments-empty {
    background-color: #c2c2c2;
    border-color: #828282;
    color: #3d3d3d;
    font-family: Georgia;
    font-style: italic;
}

div.follow-buttons {
    border-color: #706970;
}

div.list-element a {
    color: #616161;
}

div.list-element.read {
    color: #757575;
    letter-spacing: 0;
}

div.list-element.unread {
    color: #454545;
    letter-spacing: 0;
}

div.modal-wrapper.rounded h3 {
    letter-spacing: 0;
}

div.navbar.rounded.real-shadow.clearfix {
    border-color: #262626;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    letter-spacing: 1px;
    line-height: 17px;
    margin-bottom: 1px;
    margin-top: 5px;
}

div.navitem.nohide {
    letter-spacing: 0;
    line-height: 16px;
}

div.perfil-info div span {
    font-weight: bold;
}

div.shout-box-submit p a {
    letter-spacing: 0;
}

div.title.clearfix h2 {
    font-family: Georgia;
    font-style: italic;
}

div.view-more-list {
    background-color: #2e2e2e;
    border-color: #000000;
}

div.view-more-list a {
    color: #cccccc;
    letter-spacing: 0;
}

i.icon.animaciones {
    background: url(http://k08.kn3.net/CC56BF143.png);
}

i.icon.autos-motos {
    background: url(http://k09.kn3.net/83C6B8FCA.png);
}

i.icon.block:hover {
    background: url(http://k19.kn3.net/8D826AEB0.png);
}

i.icon.celulares {
    background: url(http://k09.kn3.net/DFD5A9C64.png);
}

i.icon.comentarios-n {
    background: url(http://k08.kn3.net/8EF95E64B.png);
}

i.icon.comentarios-n-g {
    background: url(http://k22.kn3.net/6D50ABFFF.png);
}

i.icon.delete:hover {
    background: url(http://k23.kn3.net/D6B9360D1.png);
}

i.icon.economia-negocios {
    background-position: -187px 0px;
}

i.icon.favs {
    background: url(http://k26.kn3.net/CE39BBEC1.png);
}

i.icon.folder {
    background: url(http://k05.kn3.net/E350465C9.png);
}

i.icon.imagenes {
    background: url(http://k15.kn3.net/0597B208E.png);
}

i.icon.info {
    background: url(http://k08.kn3.net/D27236082.png);
}

i.icon.mascotas {
    background: url(http://k21.kn3.net/1DA0880DF.png);
}

i.icon.messages {
    background: url(http://k26.kn3.net/60EEABF3B.png);
}

i.icon.offtopic {
    background: url(http://k01.kn3.net/5B645BC63.png);
}

i.icon.ompose.hastipsy {
    background: url(http://k22.kn3.net/17B440B6A.png);
}

i.icon.party {
    background: url(http://k03.kn3.net/2CE0B3461.png);
}

i.icon.poin {
    background: url(http://k01.kn3.net/046C96C0B.png);
}

i.icon.privacy {
    background: url(http://k07.kn3.net/C7FFDE439.png);
    margin-top: -11px;
}

i.icon.quote:hover {
    background: url(http://k17.kn3.net/A98126362.png)   
;
}

i.icon.refresh {
    background: url(http://k07.kn3.net/817388019.png);
}

i.icon.refresh:hover {
    background: url(http://k25.kn3.net/EC4C1662A.png)   
;
}

i.icon.respam {
    background: url(http://k27.kn3.net/65B33F909.png) no-repeat center;
}

i.icon.s-commen {
    background: url(http://k11.kn3.net/F7F74A498.png) no-repeat center;
}

i.icon.s-like {
    background: url(http://k16.kn3.net/A09279E31.png) no-repeat center;
}

i.icon.s-like.s-like-color {
    background: url(http://k24.kn3.net/42F2D472D.png) no-repeat center;
}

i.icon.sprite-balloon-left-blue {
    background: url(http://k14.kn3.net/290E67D6B.png);
}

i.icon.sprite-follow {
    background: url(http://k12.kn3.net/F8E2807FD.png);
}

i.icon.sprite-star {
    background: url(http://k26.kn3.net/CE39BBEC1.png);
}

i.icon.taringa {
    background: url(http://k01.kn3.net/C7B22A6F1.png);
}

i.icon.tv-peliculas-series {
    background: url(http://k12.kn3.net/CC8028782.png);
}

i.icon.videos {
    background: url(http://k20.kn3.net/7F495165C.png);
}

i.s-vid {
}

img.avatar {
    border-radius: 9px;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
    height: 19px;
    margin-top: 2px;
    width: 19px;
}

img.big-avatar {
    color: #ffffff;
}

img.photo {
    border: 2px solid #c3c3c3;
    border-radius: 5px;
    border-style: dashed;
    padding: 5px;
}

img.photo:hover {
    border: 2px solid #242424;
    border-radius: 5px;
    padding: 5px;
}

input.searchq.fast-search.suggest.suggest-mention.suggest-hashtag {
    font-family: Georgia;
    font-style: italic;
    margin-top: 5px;
}

li.user-Amateur {
    background: url(http://6600.es/images/8jebig34bzqrorvnm1v.png)no-repeat;
    background-position: 13px -132px 
;
}

li.user-Aprendiz {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 5px -650px 
;
}

li.user-Avanzado {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 5px -120px 
;
}

li.user-Diamond {
    background: url(http://6600.es/images/8jebig34bzqrorvnm1v.png)no-repeat;
    background-position: 9px -340px 
;
}

li.user-Elite {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 10px -32px 
;
}

li.user-Elite span {
    margin-left: 10px;
}

li.user-Experto {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 5px -495px 
;
}

li.user-Gold {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 20px 12px 
;
}

li.user-Inexperto {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 5px -332px 
;
}

li.user-Iniciado {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 9px -170px 
;
}

li.user-Moderador {
    background: url(http://6600.es/images/7h5nnps3mli1wulmao1t.png)no-repeat;
    background-position: 5px 12px 
;
}

li.user-Oficial {
    background: url(http://6600.es/images/8jebig34bzqrorvnm1v.png)no-repeat;
    background-position: 16px -38px 
;
}

li.user-Platinum {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 5px -278px 
;
}

li.user-Regular {
    background: url(http://6600.es/images/8jebig34bzqrorvnm1v.png)no-repeat;
    background-position: 13px -83px 
;
}

li.user-Silver {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-color: #fafafa;
    background-position: 15px -72px 
;
}

li.user-Troll {
    background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
    background-position: 15px -442px 
;
}

logo {
    background: url(http://k25.kn3.net/46EFDA1DD.png) no-repeat top ;
    height: 38px;
    margin-top: 21px;
}

span.dot-online-offline {
    margin-top: 3px;
}

span.nick.floatL {
    letter-spacing: 0;
}

span.tag-size1 a {
    color: #d4d4d4;
}

span.tag-size2 a {
    color: #807880;
}

span.tag-size3 a {
    color: #b8b8b8;
}

span.tag-size4 a {
    color: #000000;
}

span.value {
    font-family: Helvetica, Arial, sans-serif;
}

textarea.suggest.suggest-mention.suggest-hashtag.body.ui-corner-all.form-input-text.box-shadow-soft.shoutbox-texarea.ubertext {
    font-weight: bold;
}

textarea.ui-corner-all.form-input-text.box-shadow-soft.ubertext.markItUpEditor.emoji-loaded {
    font-weight: bold;
}

ul.clearfix li a {
    color: #919191;
    letter-spacing: 0;
}

ul.clearfix li span {
    text-transform: capitalize;
}

ul.clearfix.footer-list {
    border-color: #b3b3b3;
    border-style: dashed;
}

ul.clearfix.footer-list li a {
    color: #a8a5a8;
}

ul.my-shout-attach-options {
    margin-top: -12px;
}

ul.tabs.clearfix li a {
    border-style: none;
    color: #525252;
}


Y le dan click en SAVE.



Acá unas imágenes...







Qué lo disfruten...

Gracias por pasarte


Datos archivados del Taringa! original
61puntos
407visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
3visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

L
LUCHO_3812🇦🇷
Usuario
Puntos0
Posts13
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.