![[Propio] Dale un mejor estilo a tu Facebook](https://storage.posteamelo.com/assets-adonis/assets/2013/08/31/14B-u0RfjvaN-yp.webp)
Hola!
Vengo a presentarles una pequeña cosita que hice en stylebot para Facebook: Le hice unos pequeños cambios (No la gran cosa) para hacerlo un poquito más lindo
Hay cosas, como las barras laterales que se las ajusté a mi resolución, así que abajo de todo les dejo lo que tienen que borrar para restaurarlas o que las acomoden a su gusto.
Es fácil de hacer/editar, con que compredan un poco ta.
Capturas
Barra lateral izquierda
Imágenes, avatares y videos redondeados. Cuadros de comentarios también
Actividad seleccionada con marco
Nuevos comentarios resaltados
Acá se ven mejor las imágenes
Perfiles con pequeños cambios. Y se nota bien el cambio de header
Vista general
Bien, ahora el
Código
#js_14 {
font-style: normal;
font-weight: normal;
}
#js_2 {
font-weight: normal;
}
#js_32 {
font-weight: bold;
}
#leftCol {
margin-left: -60px;
width: 237px;
}
#mercurymessagesCountValue {
background: none;
border: none;
font-size: 12px;
}
#notificationsCountValue {
background: none;
border: none;
border-style: none;
font-size: 10px;
font-weight: bold;
}
#pageLogo a {
margin-top: -3px;
position: static;
}
#requestsCountValue {
background: none;
border: none;
font-size: 10px;
font-weight: bold;
}
a.UFIBlingBox.uiBlingBox.feedbackBling {
background: none;
}
a._91j.navLink {
margin-top: -3px;
}
a.fbxWelcomeBoxName {
font-size: 14px;
margin-left: 10px;
margin-top: 5px;
}
a.fcg {
color: #e0e0e0;
}
a.jewelButton {
margin-top: -3px;
}
a.navLink.bigPadding {
margin-top: -3px;
}
a.profilePicThumb {
-moz-box-shadow: 0 1px 5px #000;
-webkit-box-shadow: 0 1px 10px #000;
border: none;
box-shadow: 0 1px 10px #000;
}
a.pronoun-link {
font-weight: normal;
}
a.uiVideoThumb {
border-radius: 7px;
}
abbr.livetimestamp {
font-style: italic;
}
abbr.timestamp.livetimestamp {
font-style: italic;
}
div._119.stat_elem.focus_target.mtm.mbl.child_was_focused {
border-radius: 10px;
}
div._2yg {
border-radius: 5px;
}
div._9r {
display: none;
}
div.clearfix.fbNubFlyoutTitlebar.titlebar {
background-image: url(http://k39.kn3.net/1682AFB12.png)
;
}
div.detail.frame {
border-radius: 6px;
}
div.ego_unit_container {
display: none;
}
div.fbChatSidebar.fixed_always {
width: 286px;
}
div.fbDockWrapper.fixed_always.fbDockWrapperRight {
margin-right: 66px;
}
div.fbTimelineFeedbackActions.clearfix {
border-radius: 7px;
}
div.fixed_elem {
background-image: url(http://k39.kn3.net/1682AFB12.png)
;
position: fixed;
}
div.mbs.fsm.fwn.fcg {
font-style: italic;
}
div.menuPulldown {
margin-top: -3px;
}
div.name h2 {
color: #3b5998;
}
div.pas._1dsm {
border-radius: 10px;
}
div.profilePicChangeUnit.clearfix a {
border-radius: 8px;
}
div.rightColumnWrapper.fixed_elem {
display: none;
}
div.selectedStoryIndicator {
background: none;
border: 1px dashed #3b5998;
border-radius: 10px;
width: 550px;
}
div.uiScrollableAreaGripper {
width: 8px;
}
div.uiScrollableAreaWrap.scrollable {
background-color: #ffffff;
}
div.uiTypeahead {
margin-top: -3px;
}
h5.uiStreamMessage.uiStreamHeadline.uiStreamPassive a {
font-weight: bold;
}
i.uiMediaThumbImg {
border-radius: 8px;
}
img._46-i.img {
border-radius: 10px;
}
img._s0._rx.img {
border: 2px solid #3b5998;
}
img._s0.fbxWelcomeBoxImg._rw.img {
border: 2px solid #3b5998;
border-radius: 10px;
}
img._s0.headerTinymanPhoto._rw.img {
display: none;
}
img._s0.profilePic._rw.img {
border: 2px solid #3b5998;
border-radius: 10px;
}
img._s0.profilePic._rw.img:hover {
-moz-box-shadow: 0 1px 5px #000;
-webkit-box-shadow: 0 1px 10px #000;
box-shadow: 0 1px 5px #000;
}
img.img {
border-radius: 10px;
}
img.img.UFIActorImage._rx {
border: 2px solid #3b5998;
border-radius: 10px;
}
img.pic.img {
border-radius: 5px;
}
img.profilePhoto {
border: 2px solid #3b5998;
border-radius: 10px;
}
img.profilePic.img {
border-radius: 6px;
}
img.scaledImageFitWidth.img {
border-radius: 8px;
}
li.UFIRow.UFIAddComment {
border-radius: 10px;
}
li.UFIRow.UFIComment {
border-radius: 10px;
}
li.UFIRow.UFIComment.UFILastComment.UFIUnseenItem {
border: dashed 1px #3b5998;
}
li.UFIRow.UFILikeSentence {
border-radius: 7px;
}
li.UFIRow.UFIPagerRow {
border-radius: 7px;
}
li.selected a {
margin-left: -13px;
}
span._9q {
color: #d1cdd1;
font-style: italic;
font-weight: bold;
}
span.headerTinymanName {
color: #ffffff;
margin-top: -3px;
}
span.uiMorePagerLoader.pam.uiBoxLightblue {
border-radius: 8px;
}
span.uiStreamSource {
font-style: italic;
}
ul.fbTimelineScrubber.fixed_elem li a {
margin-left: -13px;
}
Si se les ven mal las barras o les tapan algo, borren esto:
#leftCol {
margin-left: -60px;
width: 237px;
}
div.fbChatSidebar.fixed_always {
width: 286px;
}
Y pueden manipularlo y toquetearlo todo
Aplicar el código
(Casi me olvido )
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:
-
No sé mucho de estas cosas pero bueno, creo que quedó un poco más lindo y lo comparto .
Si quieren puedo postear este también:
@SophieDc tomá, para vo(?
Chao
Cualquier cosa MP/shout y no sé si tengo abierto el perfil