+ Install on userstyle.org
Anyways, I really think Facebook's mobile site and iPhone App has a great ui design, so I've cooked this experimental userstyle to include same look for some ui elements present on those distinct Facebook's mobile alternatives. Keep reading to see more full screenshots and details.
Major changes were applied on the Top Bar which is kind of flat style on Facebook's desktop version, you'll notice new ui for the fly-out pop ups used in Notifications, Friend Requests and Messages, new search field and user's account navigation menu...
TopBar
Flyout pop ups
Cleaner wided Feeds Page
More room to play with, now with 760px wide - removed reminders sidebar as almost same info can be found in notifications
No Ads
I've opted to remove Facebook Ads Completely, although I consider Facebook advertisement sidebar quite handy as it allows us discover new things all the time, but if you prefer you can enable ads again (keep reading below to learn how to edit the code yourself very quickly in order to enable or disable it anytime).
Enabling and Disabling Ads
Assuming you already know how to install/ uninstall and edit the code of the userstyles you use with the help of Stylish (add-on/extension) for Firefox, Chrome, Safari etc or any other one of your choice, and after installing iFacebook userstyle, go to Stylish options/preferences and selct ifacebook to edit its code.
Find this piece of code bellow and delete it all. This will enable Facebook ads. To have ads removed again, just paste this piece of code back into iFacebook userstyle's code.
/*--- Facebook SideBar Ads ---*/
#pagelet_side_ads {display: none !important;}
.fbTimelineSideAds {display: none !important;}
.ego_column {display: none !important;}
/* -- End Facebook SideBar Ads -- */
If you enjoyed it, please share it and let your comments, opinions or requests. I'd really appreciate your feedback as I may consider them for future improvements.
really nice but fb will be do more for everything,reachable easy for filtered country
ReplyDeleteSorry for that, but iFacebook is one of my first experiences on creating usertyles, I'll search for more info on how improving it with the filtering. Any further help appreciated. Thanks for the tip.
Deletethanx's
ReplyDeleteYou're welcome. Enjoy!
DeleteHi AmirIphone4W, The userstyle iFacebook has just been updated on Sep 17 2012 with lots of improvements and new features to come. keep following and supporting the project. Please check for the update. Thanks in advance.
DeleteHow can I add background images to the style? :D
ReplyDeleteHi, sorry but your question is a bit vague as you could set a background image for almost any page element by using css...
DeleteExample:
.example-class {
background: url ('http://your-site.com/your-image.jpg') 0 25px no-repeat;
}
http://www.zaslike.com/files/ynunqlspd72x8trz1ed9.png
ReplyDeleteI have litle problem....See the picture
Hi, thanks for your feedback. In fact iFacebook userstyle is outdated although I've created it not so long ago. I'll have to check all Facebook changes and improve it. In the meantime you may want to disable it but keep it installed as you can get automatic updates from userstyles.org.
Deletesalut comment ajouter les publicité pour i facebook je n`arrive pas
ReplyDeleteSalut. Pour activer à nouveau les annonces, vous devez allez dans les options / préférences de Stylish et sélectionnez iFacebook à modifier son code.
DeleteTrouvez ce morceau de code:
/*--- Facebook SideBar Ads ---*/
#pagelet_side_ads {display: none !important;}
.fbTimelineSideAds {display: none !important;}
.ego_column {display: none !important;}
/* -- End Facebook SideBar Ads -- */
Et supprimer tout. prêt.
Salut Sofiane Chibout. The userstyle iFacebook has just been updated on Sep 17 2012 with lots of improvements and new features to come. keep following and supporting the project. Maybe now you'll be able to enable ads again. I'll think about publishing a version without ads removal. Thanks in advance for all your feedback.
DeleteWhy my user account's menu didnt change?
ReplyDeleteHi, Sorry for that. I'm planning to update it soon. Thanks for you Feedback.
DeleteHi URAY ZULFIKAR. The userstyle iFacebook has just been updated on Sep 17 2012 with lots of improvements and new features to come. keep following and supporting the project. Maybe now it should work for you. Thanks in advance for all your feedback.
DeletePlease update this style
ReplyDeleteHi, yeah I'm planning to update it soon. Perhaps you may disable it by now but also keep it installed as you should get automatic updates from usertyles.org as soon as I publish them.
DeleteRegards.
Hi Sagus. The userstyle iFacebook has just been updated on Sep 17 2012 with lots of improvements and new features to come. keep following and supporting the project. Thanks in advance for all your feedback.
DeleteThanks
ReplyDeleteHi everyone. The userstyle iFacebook has just been updated on Sep 17 2012 with lots of improvements and new features to come. keep following and supporting the project. Thanks in advance for all your feedback.
ReplyDeletewhy Flyout pop ups that friend mentioned, date and location size didnt change? still remain the same one ;(
ReplyDeletePlease do update the search bar and the second question is how to change the background color
ReplyDelete