InicioTaringa• Taringa! Elegante V3 «

• Taringa! Elegante V3 «

Taringa•6/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
17visitas
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.