Hola
Hace unos cuantos meses hice unos posts paramodificar la V5 miníamente. Ahora le hice unos cambios más, algunas mejoritas
y se las traigo en este post
Los cambios
Estos son todos los cambios que se hacen en la página con el código que les voy a poner más abajo
(Vamos a necesitar Google Chrome y la extensión Stylebot ).
Todos los cambios son reversibles y los pueden acomodar a su manera si no les gustan
Mi Taringa!
Border de avatares redondeados. No aparece más la barra de ¨hay nueva actividad¨ o las notificaciones en la barra. Nuevos iconos para compartir en Facebook y Twitter
Todas las imágenes del Mi con bordes redondeados
Al poner ¨Me gusta¨ no baja la ventanita para comentar (Sea como sea que se llame eso)
Sombra en los avatares al pasar el mouse
Header y barras
Header con otro diseño y más grande. Navbar sin fondo y centrada. También desaparece para crear shout en el header. Nuevos iconitos.
Barra con letra más chica y sin solapas
Perfiles
Barra de online. Nombre en celeste y cursiva. ¨Esta siguiéndote¨ más visible. Avatares redondeados y con sombra
Imágenes redondeadas
Home/Posts
Nuevos iconos
El código
#bubble-alert-newsfeed {
display: none;
}
#bubble-alert-thirdnotification {
display: none;
}
#header {
background: url(http://k34.kn3.net/64E0F3CCA.png);
padding-bottom: 15px;
}
#logo {
background: url(http://k36.kn3.net/A8BEC5FA2.png) no-repeat ;
border-bottom: 0px solid #034260;
height: 64px;
width: 230px;
}
#menu-section-comunidades a {
background: none;
font-size: 12px;
}
#menu-section-juegos a {
background: none;
font-size: 12px;
}
#menu-section-mi a {
background: none;
font-size: 12px;
}
#menu-section-musica a {
background: none;
font-size: 12px;
}
#menu-section-posts a {
background: none;
font-size: 12px;
}
#menu-section-tops a {
background: none;
font-size: 12px;
}
.navbar {
background: url("") repeat-x scroll left top transparent;
border: none;
}
.perfil-avatar img {
-moz-box-shadow: 0 1px 5px #000;
-webkit-box-shadow: 0 1px 10px #000;
box-shadow: 0 1px 5px #000;
}
a.Feed-load {
font-weight: bold;
}
a.alter img {
border-radius: 5px;
}
a.avatar img {
border-radius: 10px;
}
a.avatar img:hover {
-moz-box-shadow: 0 1px 10px #000;
-webkit-box-shadow: 0 1px 30px #000;
box-shadow: 0 1px 10px #000;
}
a.btn_search {
margin-top: 5px;
}
a.face-shout.hastipsy {
background: url(http://k42.kn3.net/5C2CA3DC1.png);
}
a.min-avatar {
border-radius: 5px;
}
a.tw-shout.hastipsy {
background: url(http://k37.kn3.net/9E803CFC1.png);
}
div.Feed-controls.cont-filterH.recent {
margin-bottom: -20px;
margin-top: -5px;
}
div.activity-content a img {
border-radius: 5px;
}
div.activity-content p img {
border-radius: 8px;
}
div.alert.info {
display: none;
}
div.brand {
display: none;
}
div.brand a {
}
div.clearfix {
}
div.hide.new-message-success {
background-color: #b4e2fa;
}
div.list.small-list.quick-reply.clearfix {
display: none;
}
div.navbar.rounded.real-shadow.clearfix {
border-style: none;
margin-right: 180px;
margin-top: 4px;
}
div.navitem.nohide {
border-style: none;
}
div.navitem.nohide.hastipsy {
display: none;
}
div.perfil-data.clearfix {
}
div.perfil-info div span {
color: #6e6a6e;
}
i.icon.actividad {
background: url(http://k45.kn3.net/58D5FC605.png);
}
i.icon.apuntes-y-monografias {
background: url(http://k37.kn3.net/3DC1AE582.png);
}
i.icon.arte {
background: url(http://k40.kn3.net/11B184334.png);
}
i.icon.autos-motos {
background: url(http://k43.kn3.net/7465748A4.png);
}
i.icon.celulares {
background: url(http://k43.kn3.net/6CE18301D.png);
}
i.icon.ciencia-educacion {
background: url(http://k41.kn3.net/DBA67B3C9.png);
}
i.icon.comentarios-n {
background: url(http://k42.kn3.net/C08DD4265.png);
}
i.icon.comentarios-n-g {
background: url(http://k37.kn3.net/A01423525.png);
}
i.icon.comunidades-p {
background: url(http://k41.kn3.net/A672546DD.png);
}
i.icon.deportes {
background: url(http://k42.kn3.net/43BC66D69.png);
}
i.icon.downloads {
background: url(http://k43.kn3.net/6D6365ADD.png);
}
i.icon.ecologia {
background: url(http://k40.kn3.net/34EBD751E.png);
}
i.icon.favorites {
background: url(http://k37.kn3.net/CBAB03C50.png);
height: 14px;
width: 14px;
}
i.icon.favs {
background: url(http://k41.kn3.net/99F6AD03B.png);
}
i.icon.femme {
background: url(http://k41.kn3.net/0CDA6352F.png);
}
i.icon.followers {
background: url(http://k42.kn3.net/D3F300626.png);
padding: 0;
}
i.icon.hazlo-tu-mismo {
background: url(http://k45.kn3.net/749EF509C.png);
}
i.icon.humor {
background: url(http://k44.kn3.net/0A01051C9.png);
}
i.icon.imagenes {
background: url(http://k38.kn3.net/41189113D.png);
}
i.icon.info {
background: url(http://k45.kn3.net/3C2FC2293.png);
}
i.icon.info-p {
background: url(http://k44.kn3.net/FE7412C63.png);
}
i.icon.juegos {
background: url(http://k37.kn3.net/29B0422BC.png);
}
i.icon.juegos-online {
background: url(http://k39.kn3.net/08A93D1A0.png);
}
i.icon.mac {
background: url(http://k39.kn3.net/5B4AECB43.png);
}
i.icon.male {
background: url(http://k42.kn3.net/2C6CCF989.png);
}
i.icon.mascotas {
background: url(http://k38.kn3.net/AFC6C7626.png);
}
i.icon.messages {
background: url(http://k38.kn3.net/B6CF97401.png);
}
i.icon.mi {
background: url(http://k41.kn3.net/ECD9CFBE2.png);
}
i.icon.music {
background: url(http://k38.kn3.net/F2FBCDD8B.png);
}
i.icon.musica {
background: url(http://k41.kn3.net/A4F575AB7.png);
}
i.icon.noticias {
background: url(http://k45.kn3.net/023E17CF5.png);
}
i.icon.offtopic {
background: url(http://k38.kn3.net/CEE8143C9.png);
}
i.icon.recetas-y-cocina {
background: url(http://k39.kn3.net/B99C0F224.png);
}
i.icon.salud-bienestar {
background: url(http://k43.kn3.net/C7EA6D2EF.png);
}
i.icon.solidaridad {
background: url(http://k44.kn3.net/F3A7A23EF.png);
}
i.icon.sprite-balloon-left {
background: url(http://k42.kn3.net/C08DD4265.png);
}
i.icon.sprite-balloon-left-blue {
background: url(http://k42.kn3.net/41EC9A133.png);
}
i.icon.sprite-balloon-left-gray {
background: url(http://k42.kn3.net/41EC9A133.png);
}
i.icon.sprite-balloon-left-green {
background: url(http://k37.kn3.net/A01423525.png);
}
i.icon.sprite-block {
background: url(http://k39.kn3.net/CBA5B79DF.png);
}
i.icon.sprite-document-text-image {
background: url(http://k39.kn3.net/F0F02F88A.png);
}
i.icon.sprite-follow {
background: url(http://k38.kn3.net/0A05A895B.png);
}
i.icon.sticky {
background: url(http://k38.kn3.net/0506080DD.png);
}
i.icon.taringa {
background: url(http://k43.kn3.net/373D416C9.png);
}
i.icon.turismo {
background: url(http://k44.kn3.net/CE00BA50C.png);
}
i.icon.tv-peliculas-series {
background: url(http://k43.kn3.net/B47BC8075.png);
}
i.icon.videos {
background: url(http://k41.kn3.net/BB7211266.png);
}
img.avatar {
display: none;
}
img.avatar-48.floatR {
border-radius: 5px;
}
img.big-avatar {
border-radius: 10px;
}
img.big-avatar:hover {
-moz-box-shadow: 0 1px 15px #000;
-webkit-box-shadow: 0 1px 30px #000;
box-shadow: 0 1px 15px #000;
}
img.photo {
border-radius: 10px;
}
input.searchq.fast-search.suggest.suggest-mention.suggest-hashtag {
margin-top: 5px;
}
li.active a {
font-size: 12px;
}
li.hovercard a img {
border-radius: 5px;
}
span.city.floatL a {
color: #9e9e9e;
}
span.dialog {
margin-top: 8px;
}
span.dot-online-offline {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#96db4a), to(#10a121));
height: 50px;
left: 0px margin:0 auto;
margin-right: -6px;
margin-top: -11px;
top: 0px;
width: 10px;
}
span.fn {
color: #0569ff;
font-style: italic;
}
span.hastipsy.comment-votes-extra-container.ratedcomment.positivo {
color: #0066ff;
}
span.nick.floatL {
font-style: normal;
font-variant: normal;
text-decoration: none;
text-transform: none;
}
span.nickname {
font-weight: bold;
}
span.rank.online.hastipsy {
border-left-width: 10px;
}
ul.tabs.clearfix li a {
font-size: 12px;
}
div.list-single.clearfix img {
border-radius: 5px;
}
Gracias a @SophieDc por el header y el iconito de MPs, y @Pozimi por la barrita del perfil
Los amo(?
Aplicar el código
1. Se instalan el Stylebot desde la tienda de Chrome.
2. Copian el codigo que les dejé arriba y siguen los pasos de las siguientes imágenes:
-

Tal vez les interese