InicioTaringa• Taringa! Elegante V3 «

• Taringa! Elegante V3 «

Taringa6/8/2013






Holaaa

En esta versión se agregaron unas cositas y se corrigieron algunos errores de la V2 (post anterior)


Abajito ↓ les dejo las capturas que saqué



Imágenes

Home, se agregaron hovers y se cambió el separador al lado de "Posts" "Recientes" etc...



Posts, todo igual



Navbar, se cambió el icono de "agregar shout rápido" y el de MPs



Shouts MI Taringa!



Perfil (propio) , agregado iconos de rangos arriba del degradado.



MI



Hovers al pasar el mouse por "seguir" y otros más.



Perfil (ajeno) hay hovers al pasar el mouse en los botones







Lista de rangos con sus iconos (incluye el de músico aunque no esté en la lista)








Instalar tema



¿Cómo instalar?... fácil

Seguí las instrucciones de la imagen





¿Tenés problemas para instalar el estilo? acá te dejo los códigos y instrucciones para instalarlo manualmente





Código





#header {
    background: url(http://k31.kn3.net/B3412F261.jpg);
    margin-bottom: -5px;
}

#logo:hover {
    background: url(http://k35.kn3.net/AFDAC8AFB.png) no-repeat  
;
    margin-left: -5px;
    padding-top: 50px;
    -webkit-transition: .2s;
    margin-top: -45px;
}

#menu-section-comunidades a {
    text-decoration: none;
}

#menu-section-juegos a {
    text-decoration: none;
}

#menu-section-musica a {
    text-decoration: none;
}

#menu-section-tops a {
    text-decoration: none;
}

.box div.title h2 {
    bacground: url(wpx.png) repeat-x center center;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding-right: 10px;
}

.box div.title, .divider {
    background: url(http://k34.kn3.net/9CA61B8D1.png) repeat-x 0 12px;
    position: relative;
}

.list .list-element {
    border-top: white 1px solid;
}

.navbar {
    margin-top: 4px;
}

a.alter img {
    box-shadow: 0px 0px 6px 2px darkred;
}

a.avatar img {
    border-radius: 250px;
}

a.btn.g {
    border-radius: 3px;
}

a.btn.g.hastipsy {
    border-radius: 3px;
}

a.btn.g.not-following {
    border-radius: 3px;
}

a.btn.g.not-following:hover {
    -webkit-transition: 0.2s;
    background: -webkit-linear-gradient(top, #78da40 0%,#45b31d 100%);
    border-color: #6caf40 #53a32e #3e9a2e;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #6ACB3C;
}

a.btn.g.require-login {
    border-radius: 3px;
}

a.btn.g.require-login.floatL {
    border-radius: 3px;
}

a.btn.g.require-login.floatL:hover {
    -webkit-transition: 0.2s 
;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a8e8), color-stop(100%,#377ad0));
    border-color: #4081AF #2E69A3 #20559A;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #3275BC;
}

a.btn.g.require-login:hover {
    -webkit-transition: 0.2s;
    border-radius: 3px;
    box-shadow: 1px 1px 10px lightgray;
    text-decoration: none;
}

a.btn.r.unfollowing {
    border-radius: 3px;
}

a.btn.r.unfollowing:hover {
    -webkit-transition: .2s 
;
    border-radius: 3px;
    text-decoration: none;
}

a.btn_search {
    margin-right: -2px;
    margin-top: -4px;
}

a.date:hover {
    transition-duration: .5s 5s;
}

a.require-login.favorite-post-post.ui-btn.ui-state-default.ui-button.ui-widget.ui-corner-all.ui-button-text-only.ui-state-hover {
    border-radius: 3px;
}

button.btn.g {
    border-color: #b8b8b8;
    border-radius: 5px;
    margin-left: 1px;
    opacity: 10;
}

button.btn.g:hover {
    -webkit-transition: .2s;
    background: -webkit-linear-gradient(top, #78da40 0%,#45b31d 100%);
    border-color: #6caf40 #53a32e #3e9a2e;
    border-radius: 5px;
    color: #ffffff;
    margin-left: 1px;
    opacity: .9;
    text-shadow: 0 -1px 1px #6ACB3C;
}

button.floatL.btn.ui-button-positive.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover {
    border-radius: 3px;
}

button.my-shout-add.btn.a.floatR.mi {
    border-radius: 5px;
}

/**
    Title: Taringa! Elegante V3
    URL: http://stylebot.me/styles/2518
    Author: http://stylebot.me/users/SophieDc
**/

div.Feed-controls.cont-filterH.recent {
    border-radius: 3px;
    box-shadow: 0px 0px 5px lightgray;
}

div.activity-content {
    background-color: #f7f7f7;
    border-color: #c9c9c9;
    border-radius: 5px 5px 0px 0px;
}

div.activity-element.activity-min.clearfix {
    background: #f5f5f5;
    background-color: #f2f2f2;
    border-color: #c7c7c7;
    border-radius: 5px;
    border-style: solid;
    margin-top: 5px;
}

div.activity-element.activity-min.clearfix.user-data-target {
    background: #f5f5f5;
    background-color: #f2f2f2;
    border-color: #b8b8b8;
    border-radius: 5px;
    border-style: solid;
    margin-top: 5px;
}

div.box.clearfix strong {
    color: #000000;
}

div.breadcrumb {
    background-color: #d6d6d6;
    border-radius: 4px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    text-shadow: 1px 1px lightgray ;
}

div.clearfix.shout-footer {
    border-color: #c9c9c9;
    border-radius: 0px 0px 4px 4px;
}

div.list-element {
    background-color: #f5f5f5 ;
    border-radius: 3px ;
    box-shadow: 0px 0px 1px 0px gray ;
    margin-top: 5px;
}

div.modal-wrapper.rounded {
    box-shadow: 0px 0px 0px 5px black;
    opacity: .8;
}

div.modal-wrapper.rounded h3 {
    font-size: 10px;
    text-transform: uppercase;
}

div.modal-wrapper.rounded:hover {
    -ms-transition: .2s;
    -webkit-transition-duration: .2s;
    box-shadow: 0px 0px 0px 5px black;
    opacity: 10;
}

div.myComment.clearfix {
    background-color: #f2f2f2;
}

div.navbar.rounded.real-shadow.clearfix {
    border-radius: 5px;
    margin-top: -4px;
}

div.navitem.nohide.hastipsy {
    padding-left: 6px;
    padding-right: 6px;
}

div.tail.up {
    display: none;
}

div.title.clearfix h2 {
    font-size: 14px;
    margin-top: 1px;
    text-transform: uppercase;
}

div.view-more-list {
    background-color: #ebebeb;
    border-color: #d6d6d6;
}

div.view-more-list a {
    color: #3d3d3d;
}

i.icon.compose.hastipsy {
    background: url(http://k38.kn3.net/CB62D3FFE.png) no-repeat;
    margin-left: 3px;
    margin-top: -4px;
    padding-bottom: 9px;
    padding-right: 6px;
}

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

i.icon.private-message {
    margin-top: 1px;
    padding-right: 1px;
}

img.photo {
    border-color: #3e8eab;
}

img.photo:hover {
    -webkit-transition: .3s;
    opacity: .9;
}

input.searchq.fast-search {
    margin-left: 2px;
}

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

li.active a {
    text-decoration: none;
}

li.user-Aprendiz {
    background: url(http://k37.kn3.net/486C41664.png);
}

li.user-Avanzado {
    background: url(http://k37.kn3.net/1A73AB9E4.png);
}

li.user-Diamond {
    background: url(http://k37.kn3.net/CF1A27529.png);
}

li.user-Elite {
    background: url(http://k40.kn3.net/1DD6691B6.png);
}

li.user-Experto {
    background: url(http://k43.kn3.net/3B541B832.png);
}

li.user-Flamer {
    background: url(http://k31.kn3.net/75A7C7079.png);
}

li.user-Gold {
    background: url(http://k36.kn3.net/27F2E8927.png);
}

li.user-Inexperto {
    background: url(http://k34.kn3.net/C53FAB8E6.png);
}

li.user-Iniciado {
    background: url(http://k43.kn3.net/ACED001F7.png);
}

li.user-Moderador {
    background: url(http://k31.kn3.net/1AFC4EE6B.png);
}

li.user-Músico {
    background: url(http://k42.kn3.net/9E3F0ACA5.png);
}

li.user-Platinum {
    background: url(http://k41.kn3.net/1A1F98004.png);
}

li.user-Regular {
    background: url(http://k32.kn3.net/A336D877E.png);
}

li.user-Silver {
    background: url(http://k31.kn3.net/3FC17AB5B.png);
}

li.user-Troll {
    background: url(http://k41.kn3.net/3110258B8.png);
}

span.role strong {
    text-transform: capitalize;
}

textarea.suggest.suggest-mention.suggest-hashtag.body.ui-corner-all.form-input-text.box-shadow-soft.shoutbox-texarea.ubertext {
    border-radius: 2px;
}

ul.clearfix li span {
    font-size: 9px;
    text-transform: uppercase;
}

ul.tabs.clearfix li a {
    color: #2785b0;
}

ul.tabs.clearfix li a:hover {
    -webkit-transition: .3s;
    background-color: #e5e5e5;
    border-radius: 30px;
    color: white;
    text-shadow: 1px 1px black;
}

a.textlimit {
    text-transform: capitalize;
}

#logo {
    background: url(http://k35.kn3.net/AFDAC8AFB.png) no-repeat  
;
    margin-left: -5px;
    margin-top: 5px;
}

li.user-Amateur {
    background: url(http://k39.kn3.net/C740F5FA3.png);
}


Instalación


1) Clickear en "CSS" en la parte superior derecha



2) Clickear "Edit CSS" y pegar el código





Cualquier duda mandame un MP, soy activa (no mal pienses )

Gracias por pasar
Datos archivados del Taringa! original
195puntos
650visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
8visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

S
SophieDc🇦🇷
Usuario
Puntos0
Posts14
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.