• Holaaaaaa (ah porque tan así) bueno les regalo este estilo que lo empece hoy y lo terminé hoy tiene muchos cambios respecto a la V1, veanloN
Abajito ↓ les dejo las capturas que saqué
Imágenes
Como pueden ver acá se ve la parte de "agregar shout rápido" con el borde negrito
Re-diseño de los títulos de los posts de la home
Home
Notificaciones (normal, al clickear)
Notificaciones (al pasar el mouse por arriba, al sacarlo se vuelve transparente)
Cambiado los iconos de la barra de usuario (favoritos, mensajes)
Perfil, incluye un icono pequeño que indica tu rango, y la barrita que indica si estás on-line (ya no es más una lucesita redonda )
→ ←
¿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://k34.kn3.net/466C80ECD.jpg);
margin-bottom: -5px;
}
#logo {
background: url(http://k25.kn3.net/46EFDA1DD.png)
;
margin-left: -2px;
margin-top: 10px;
}
#logo:hover {
-webkit-transition: 400ms;
opacity: 10;
}
#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;
}
.navbar {
margin-top: 4px;
}
a.Feed-load.active {
border-radius: 2px;
}
a.btn.g {
border-radius: 3px;
}
a.btn.g.hastipsy {
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;
box-shadow: 1px 1px 10px green;
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: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;
box-shadow: 1px 1px 10px blue;
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;
box-shadow: 1px 1px 10px red;
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: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;
}
div.markItUpHeader {
background-color: #f5f5f5;
}
div.myComment.clearfix {
background-color: #f2f2f2;
}
div.view-more-list {
background-color: #8fc6e0;
border-color: #75a6bd;
}
i.icon.private-message {
margin-top: 1px;
padding-right: 1px;
}
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;
}
textarea.suggest.suggest-mention.suggest-hashtag.body.ui-corner-all.form-input-text.box-shadow-soft.shoutbox-texarea.ubertext {
border-radius: 2px;
}
ul.tabs.clearfix li a {
color: #1e7ca8;
}
div.modal-wrapper.rounded {
box-shadow: 0px 0px 0px 5px black;
opacity: .8;
}
div.modal-wrapper.rounded:hover {
box-shadow: 0px 0px 0px 5px black;
-webkit-transition-duration: .2s;
-ms-transition: .2s;
opacity: 10;
}
div.tail.up {
display: none;
}
div.navbar.rounded.real-shadow.clearfix {
border-radius: 5px;
margin-top: -4px;
}
a.btn.g.not-following {
border-radius: 3px;
}
a.btn.g.require-login.floatL {
border-radius: 3px;
}
ul.clearfix li span {
text-transform: uppercase;
font-size: 9px;
}
img.photo {
box-shadow: 0px 0px 0 1px black;
}
img.photo:hover {
box-shadow: 0px 0px 10px 1px black;
-webkit-transition: .3s;
}
a.alter img {
box-shadow: 0px 0px 6px 2px blue;
}
div.Feed-controls.cont-filterH.recent {
border-radius: 2px;
box-shadow: 0px 0px 5px lightgray;
}
a.avatar img {
box-shadow: 0px 0px 2px 1px green;
}
div.list-element {
background-color: #f5f5f5 ;
border-radius: 3px ;
margin-top: 5px ;
box-shadow: 0px 0px 1px 0px gray ;
}
div.breadcrumb {
background-color: #e0e0e0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
border-radius: 4px;
}
.list .list-element {
border-top: white 1px solid;
}
div.view-more-list a {
color: #3d3d3d;
}
div.activity-content {
background-color: #f7f7f7;
border-radius: 5px 5px 0px 0px;
border-top: white 1px solid;
border-color: #c9c9c9;
}
div.clearfix.shout-footer {
border-radius: 0px 0px 4px 4px;
border-color: #c9c9c9;
}
div.activity-element.activity-min.clearfix.user-data-target {
background-color: #f0f0f0;
border-radius: 5px;
margin-top: 5px;
}
span.role strong {
text-transform: capitalize;
}
li.user-Elite {
background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
background-position: 10px -32px
;
}
li.user-Silver {
background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
background-position: 15px -72px
;
}
li.user-Músico {
background: url(http://k42.kn3.net/B71186D7A.png)
no-repeat;
background-position: 15px
;
}
li.user-Gold {
background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
background-position: 20px 12px
;
}
li.user-Avanzado {
background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
background-position: 5px -120px
;
}
li.user-Experto {
background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
background-position: 5px -495px
;
}
li.user-Amateur {
background: url(http://6600.es/images/8jebig34bzqrorvnm1v.png)no-repeat;
background-position: 13px -132px
;
}
li.user-Troll {
background: url(http://k39.kn3.net/FB3F83B93.png)no-repeat;
background-position: 15px -442px
;
}
li.user-Platinum {
background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
background-position: 5px -278px
;
}
li.user-Diamond {
background: url(http://k36.kn3.net/114AB54FE.png)no-repeat;
background-position: 9px -340px;
}
li.user-Iniciado {
background: url(http://6600.es/images/pv7jdx8h6gn8l3t508.png)no-repeat;
background-position: 9px -170px
;
}
li.user-Oficial {
background: url(http://6600.es/images/8jebig34bzqrorvnm1v.png)no-repeat;
background-position: 16px -38px
;
}
li.user-Moderador {
background: url(http://6600.es/images/7h5nnps3mli1wulmao1t.png)no-repeat;
background-position: 5px 12px
;
}
li.user-Regular {
background: url(http://6600.es/images/8jebig34bzqrorvnm1v.png)no-repeat;
background-position: 13px -83px
;
}
li.user-Aprendiz {
background: url(http://k39.kn3.net/FB3F83B93.png)no-repeat;
background-position: 5px -650px
;
}
li.user-Inexperto {
background: url(http://k39.kn3.net/FB3F83B93.png)no-repeat;
background-position: 5px -332px
;
}
span.dot-online-offline {
background: url(http://k37.kn3.net/6E0BA2667.png) no-repeat;
padding-bottom: 5px;
margin-top: -12px;
margin-right: -15px;
padding-top: 31px;
}
img.big-avatar {
box-shadow: 0px 0px 0px 1px black;
}
button.btn.g {
background: -webkit-linear-gradient(top, #78da40 0%,#45b31d 100%);
border-color: #6caf40 #53a32e #3e9a2e;
border-radius: 5px;
color: #ffffff;
margin-left: 1px;
opacity: .7;
text-shadow: 0 -1px 1px #6ACB3C;
}
div.activity-element.activity-min.clearfix {
background-color: #f0f0f0;
border-radius: 5px;
margin-top: 5px;
}
button.my-shout-add.btn.a.floatR.mi {
border-radius: 5px;
}
span.fn {
color: #4796ba;
}
i.icon.favorites {
background: url(http://k03.kn3.net/35A9F2B90.png) no-repeat 0px;
width: 17px;
}
i.icon.messages {
background: url(http://k26.kn3.net/60EEABF3B.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