Estilo para Facebook (Hecho por mí)

Estilo para Facebook (Hecho por mí)


Hola a todos, hoy les traigo un estilo diferente para sus biografías de facebook. Le dá un toque más entretenido que el aburrido celeste en esa biografía que muchos se arrepienten de tenerla. Lo único que necesitan es tener el navegador Google Chrome y la extensión Stylebot. Sé que puede ser mejor pero les dejo lo que logré hacer en un ratito libre. Esta sería una versión 1.0... Vamos a lo que vinimos n_n

diseño Descargar Google Chrome: https://www.google.com/chrome?hl=es
biografia Descargar Stylebot: https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha


Snow


Una vez que instalamos el Stylebot en nuestro Chrome, ingresamos a facebook. Presionamos el logo gris que dice CSS al lado izquierdo de la estrella de favoritos, o presionamos Alt+M para que se abra el panel del Stylebot.
Seleccionamos Edit CSS:

html


Y pegamos este código:



body.timelineLayout.fbTimelineViewingSelf.fbx.hideBanner.hasSlimHeader.safari4.win.Locale_es_LA {
    background-color: #ffffff;
}

ul.fbTimelineScrubber {
    background-color: #ffffff;
}

div.uiScaledImageContainer.profilePic {
    -webkit-box-shadow: 0px 10px 25px #979797;
}

div.fbTimelineSection.mtm.fbTimelineTopSection {
    -webkit-box-shadow: 0px 10px 25px #979797;
}

i.topSectionBottomBorder.img.sp_3ep8at.sx_20e1b5 {
    display: none;
}

div.timelineUnitContainer.fbTimelineComposerUnit {
    -webkit-box-shadow: 0px 10px 25px #979797;
}

div.timelineUnitContainer {
    -webkit-box-shadow: 0px 10px 25px #979797;
}

div.bottomBorder {
    display: none;
}

div.topBorder {
    display: none;
}

img.uiProfilePhoto.uiProfilePhotoMedium.img {
    -webkit-border-radius: 15px;
}

img.scaledImageFitWidth.img {
    -webkit-border-radius: 15px;
}

div.fbChatSidebar.fixed_always {
    -webkit-box-shadow: 0px 10px 25px #979797;
}

div.fbTimelineSideAds.fbTimelineVerticalAds {
    display: none;
}

ul.fbTimelineScrubber.fixed_elem {
    background-color: #ffffff;
}

div.inner {
    display: none;
}

body.timelineLayout.pagesTimelineLayout.fbx.hideBanner.hasSlimHeader.safari4.win.Locale_es_LA {
    background-color: #ffffff;
}

li.separator.moreOnlineFriends {
    background-color: #3b5997;
    height: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

body.timelineLayout.fbx.hideBanner.hasSlimHeader.safari4.win.Locale_es_LA {
    background-color: #ffffff;
}


Le damos a Save y vemos como queda, por ejemplo, una página del meme "Me gusta":

css


Que tiene de diferente?
theme Los fondos ahora son blancos.
Facebook Hay sombras en cada caja para darle efecto de profundidad.
perfil Las fotos en los comentarios, y en el live son redondas.
estilo La barra de chat también tiene sombra para separarse del resto.
fb Una barra azul separa a los amigos del chat que mas frecuentamos a los otros.
stylebot Algunas imagenes del perfil también tienen bordes redondeados.


Esto es todo, espero que les haya gustado Sus comentarios son bienvenidos y si les gustó haganmelo saber. Saludos y hasta la próxima!

Fuentes de Información - Estilo para Facebook (Hecho por mí)

El contenido del post es de mi autoría, y/o, es un recopilación de distintas fuentes.

Dar puntos
20 Puntos
Votos: 0 - T!score: 0/10
  • 0 Seguidores
  • 1.299 Visitas
  • 6 Favoritos

Comentarios Destacados

@WonderlandTheEnd Hace más de 2 años +12
Estilo para Facebook (Hecho por mí)

8 comentarios - Estilo para Facebook (Hecho por mí)

@Creeper_Boy Hace más de 2 años +2
Que bueno que esta !
@sesio100998 Hace más de 2 años +2
Buen Trabajo haz hecho
Gracias loco +10
@WonderlandTheEnd Hace más de 2 años +12
Estilo para Facebook (Hecho por mí)
@alonsin Hace más de 2 años +1
vamos a ver como queda, reco y a favoritos
@angelioo Hace más de 2 años +1
es reversible?
@TheGrinmjow Hace más de 2 años +1
Hazlo para Firefox porfis