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!

Comentarios Destacados

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

@sesio100998 +2
Buen Trabajo haz hecho
Gracias loco +10
@alonsin +1
vamos a ver como queda, reco y a favoritos