• 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

