IDs and Classes

360 views
Skip to first unread message

Lakeshadow0

unread,
Jun 25, 2011, 5:44:07 PM6/25/11
to minimalis...@googlegroups.com
Does anyone have a full list of every ID and Class on Facebook, if not, I'll make one 

Lakeshadow0

unread,
Jun 25, 2011, 6:27:52 PM6/25/11
to minimalis...@googlegroups.com
I got some here, this only has one page and the usual CSS, Let me know if I missed any

All Page CSS
blueBar = Colored bar at top
globalContainer = Whole Page
ptm clearfix = Navigation, Facebook Logo, Search Bar
content = The content of the page, does not include footer or Navigation bar
pageFooter = the lower area of the page with extra links and copy right
leftCol = The sidebar that includes your profile information
        pagelet_welcome_box = Name, Picture, and Edit link
paelet_navigation = Part that includes navigation to games, apps, and profile related items
rightCol = The sidebar that includes advertisements, events, pokes, etc
        pagelet_ego_pane = Ads, Events, etc

News Feed CSS
     leftCol
        pagelet_welcome_box = Name, Picture, and Edit link
paelet_navigation = Part that includes navigation to games, apps, and profile related items
pagelet_friends_online = Area where pictures of online friends show up
     rightCol
        pagelet_eventbox = Upcomin Events Search
        pagelet_ego_pane = Ads, Events, etc
        pagelet_pokes = Poke Area
     contentArea = The middle that includes the wall
pagelet_stream_header = Head Area that includes the page pictures and title
pagelet_composer = Share area
pagelet_home_stream = the Wall

That is just one page, let me know if I missed any, I will get more pages done later until I have a full list, and if you can't use any of these please tell me so I don't do all the work for nothing. 

Thanks

Justin Robillard

unread,
Jul 14, 2011, 4:55:16 PM7/14/11
to minimalis...@googlegroups.com
I can't seem to get the top bar to size correctly. I've got both left and right columns turned off, and the content area set to 650px. Here's the CSS: (As you can see, I've tried a bit of a "kitchen sink" approach - what am I missing?)

#content{
  margin:auto;
  width: 650px;
}
#blueBar{
  margin:auto;
  width: 650px;
}

#globalContainer{
  margin:auto;
  width: 650px;}

#pageHead{
  margin:auto;
  width: 650px;}
Reply all
Reply to author
Forward
0 new messages