Check the new version here

Popular channels

Algunas modificaciones para la V5 [2]


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 Cambiar el estilo de Facebook
0
23
0
12
23Comments
      devianxmustxdie

      Amas las formas redondeadas (?) ahí lo pruebo, parece muy bueno, van 10!

      0
      MegaDemoid

      Quitale el corazon y estamos re bien

      0
      Tijuana_Iguana

      Eres el primero que hace un style para T! y que de hecho queda bien 😁

      0
      luciopes2010

      Muy bueno, +10 😄 Ya lo puse, y también el de Facebook.

      0
      un_gatito_tierno

      y para firefox? ¬¬

      0
      dkdenis15

      Esta muy bueno che !
      +10 y reco gracias 🙆‍♂️

      0
      AdictoAlGame

      Muy bueno te quedo che

      0
      titornr

      No lo vas a hacer para firefox? buen post.

      0
      joker_leonel

      Excelente y funcionando. 😄

      0
      toqii

      Muy bueno, vamos a probar! +5

      0
      Kaoru91T

      Lo voy a probar

      0
      ElPirloArgentino

      y una que sea util para cuando?

      0
      eltitoegro

      me re gusto! te dejo 10 y reco!

      0
      CaptainReality_

      Me discriminan por usar firefox. D:

      0
      Maaxi432

      Ya lo estoy Usando.

      0
      ivan_cuervo

      Lendo lendo! Ya mismo lo pruebo a ver que tal 😁

      0
      Flagtail

      Reco + 1

      0
      tomialgo

      Me gustó, me gustó, me gustó +10

      0
      Kalokolo

      muy bueno! +5 !

      0
      Zigs

      zarpado

      0
      Green-Smoke

      Uso firefox, como lo hago?

      0
      SilverPeNdRaGoN

      Como siempre, muy buena mi chavo 😉 Saludos

      0
      Vanderbil

      Buen tema +10 y Reco, forro 💃

      0