Hola T! hoy les mostrares una Versión de T! que hice y se las vengo a compartiir.
Bueno algunas capturas
Bueno como verán acá hay varios cambios
1.La barrita donde de meno del usuario donde esta los mensajes, notificaciones y los otros
2.Donde comparte el shout, en las dos partes son circulares y con bordes rojos.
3.Los avatar de los usuarios son circulares.
4.Donde aparece la parte de taringa arriba es diferente imagen y con mas azul oscuro.
Bueno acá es cuando pasa el mouse y el marco se engrandece.
Bueno este son pequeñas cosas:
Y así el perfil.
EL avatar redondo y donde comparte el shout con el verde rojo :S.
Bueno acá les dejo el codigo y como instalarlo:
#header {
background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTbmBMWxosu9_POi9KtyCanmr-TfV9kMQCPZL40oKRjZzdNpBnB);
margin-bottom: -5px;
}
#logo {
background: url(http://k35.kn3.net/AFDAC8AFB.png) no-repeat
;
margin-left: -5px;
margin-top: 5px;
}
#logo:hover {
-webkit-transition: .2s;
background: url(http://k35.kn3.net/AFDAC8AFB.png) no-repeat
;
margin-left: -5px;
margin-top: -45px;
padding-top: 50px;
}
#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;
}
a.textlimit {
text-transform: capitalize;
}
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;
}
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.alert.info {
box-shadow: 0px 0px 6px 2px darkblue;
}
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 {
box-shadow: 0px 0px 9px 2px green;
margin-top: 46px;
}
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.hastipsy.femme:hover {
-webkit-transition: .2s;
margin-left: -5px;
margin-top: -20px;
padding-top: 18px;
}
i.icon.hastipsy.male:hover {
-webkit-transition: .2s;
margin-left: -5px;
margin-top: -20px;
padding-top: 18px;
}
i.icon.messages {
background: url(http://k26.kn3.net/60EEABF3B.png);
}
i.icon.private-message {
margin-top: 1px;
padding-right: 1px;
}
img.photo {
border-radius: 250px;
}
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.list-item.post a img {
border-color: #ff3;
border-left-width: 2px;
border-style: solid;
border-top-width: 2px;
}
li.list-item.post.active a img {
border-radius: 250px;
border-right-width: 22px;
}
li.list-item.shout a img {
border-color: #ff0000;
border-left-width: 2px;
border-style: solid;
border-top-width: 2px;
}
li.list-item.shout.active a img {
border-radius: 250px;
border-right-width: 22px;
}
li.list-item.tema a img {
border-left-width: 2px;
border-style: solid;
border-top-width: 2px;
}
li.list-item.tema.active a img {
border-radius: 250px;
border-right-width: 22px;
}
li.list-item.user {
border-radius: 250px;
border-right-width: 22px;
}
li.list-item.user a img {
border-color: #00ff44;
border-left-width: 2px;
border-style: solid;
border-top-width: 2px;
}
li.user-Amateur {
background: url(http://k39.kn3.net/C740F5FA3.png);
}
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.dot-online-offline:hover {
-webkit-transition: .2s;
margin-left: -5px;
margin-top: -10px;
padding-top: 30px;
}
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: 20px
;
box-shadow: 0px 0px 6px 2px darkred;
}
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;
}
Bueno ahora como instalarlo:
El link: https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
Cuando este instalado as esto:
Y le dan SAVE. Si alguna duda No lo dudes y dímela .
PB: Si hay unas partes que ya las a visto, me envía un mensaje donde este el post y yo lo arreglo.