1
Hide Codes and Plurk''s DIV IDs and Classes on Wed May 13, 2009 6:05 pm
PLURK DIV IDS AND CLASSES
These are the Id's that are being used in Plurk. You can use this to modify your plurk layout to the utmost.
TIMELINE HOLDER
- Code:
#timeline_holder
FILTER TAB
- Code:
#filter_tab
DASHBOARD HOLDER
- Code:
#dashboard_holder
PRIVATE PLURK LINK
- Code:
#more_options
PROFILE PHOTO
- Code:
#dash-profile
ABOUT ME
- Code:
#about_me
AGE
- Code:
#span_years
LOCATION
- Code:
#location
RELATIONSHIP
- Code:
#relationship_container
STATISTICS BOX
- Code:
#dash-stats
FRIENDS BOX
- Code:
#dash-friends
FRIENDS PIC
- Code:
#dash-friends-pics
FANS BOX
- Code:
#dash-fans
FRIENDS PIC
- Code:
#dash-fans-pic
FOOTER
- Code:
#footer
=====================================
ADDED!
=====================================
TOP LOGIN - INTERESTING PLURKERS
- Code:
#top_login #interesting_plurkers
TOP LOGIN - MY ACCOUNT
- Code:
#top_login #account
TOP LOGIN - SIGN IN (VISIBLE WHEN LOGGED OUT)
- Code:
#top_login #log_link
TOP LOGIN - SIGN UP (VISIBLE WHEN LOGGED OUT)
- Code:
#top_login #sign_up
QUALIFIER (IS, SAYS, THINKS...)
- Code:
.qualifier
QUALIFIER FOUND BELOW THE TIMELINE
- Code:
.m_qualifier
SELECTED TAB
- Code:
#filter_tab a.filter_selected
OFF TAB
- Code:
#filter_tab a.off_tab
PLURK FORM
- Code:
#plurk_form
AREA WHERE YOU TYPE YOUR PLURK
- Code:
#input_big
PRIMARY PHOTO
- Code:
.dash-segment .segment-content #profile_pic
PROFILE VIEWS, FRIENDS INVITED, PLURKS ETC
- Code:
.dash-segment .segment-content #dash-stats tr
ANSWERS TO PROFILE VIEWS, FRIENDS INVITED, PLURKS ETC
- Code:
.dash-segment .segment-content #dash-stats td
Compilation is not yet complete. Be sure to check this page from time to time for addition.
=========================================================
PLURK HIDE CODES
Since plurk doesn't accept visibility and display, we will be using the absolute positioning of the boxes in order to hide some portions of your plurk page.
First, add this in your CSS File. Be sure that your Plurk Dashboard or Timeline doesn't need to be scrolled left or right because we will be hiding the horizontal scrollbar.
- Code:
/* HIDE HORIZONTAL SCROLLBAR - PLURKUNIVERSITY.CO.CC */
body{
overflow-x: hidden!important;
}
Here are some of the hide codes that you may use in your plurk layout.
1. Hide your Timeline Holder
- Code:
/* HIDE TIMELINE HOLDER - PLURKUNIVERSITY.CO.CC */
#timeline_holder{ position:absolute!important; left: 10000px!important; }
2. Hide your Filter Tab found at the bottom of your Timeline Holder
- Code:
/* HIDE FILTER TAB - PLURKUNIVERSITY.CO.CC */
#filter_tab{ position:absolute!important; left: 10000px!important; }
3. Hide the Entire Dashboard Holder
- Code:
/* HIDE DASHBOARD HOLDER - PLURKUNIVERSITY.CO.CC */
#dashboard_holder{ position:absolute!important; left: 10000px!important; }
4. Hide Private Plurk Link
- Code:
/* HIDE PRIVATE PLURK LINK - PLURKUNIVERSITY.CO.CC */
#more_options{ position:absolute!important; left: 10000px!important; }
5. Hide Profile Photo
- Code:
/* HIDE PROFILE PHOTO - PLURKUNIVERSITY.CO.CC */
#dash-profile{ position:absolute!important; left: 10000px!important; }
6. Hide About Me
- Code:
/* HIDE ABOUT ME - PLURKUNIVERSITY.CO.CC */
#about_me{ position:absolute!important; left: 10000px!important; }
7. Hide Statistics Box
- Code:
/* HIDE STATISTICS BOX - PLURKUNIVERSITY.CO.CC */
#dash-stats{ position:absolute!important; left: 10000px!important; }
8. Hide Friends Box
- Code:
/* HIDE FRIENDS BOX - PLURKUNIVERSITY.CO.CC */
#dash-friends{ position:absolute!important; left: 10000px!important; }
9. Hide Friends Picture
- Code:
/* HIDE FRIENDS PIC - PLURKUNIVERSITY.CO.CC */
#dash-friends-pics{ position:absolute!important; left: 10000px!important; }
10. Hide Fans Box
- Code:
/* HIDE FANs BOX - PLURKUNIVERSITY.CO.CC */
#dash-fans{ position:absolute!important; left: 10000px!important; }
11. Hide Fans Picture
- Code:
/* HIDE FRIENDS PIC - PLURKUNIVERSITY.CO.CC */
#dash-fans-pic{ position:absolute!important; left: 10000px!important; }
12. Hide Footer
- Code:
/* HIDE FOOTER - PLURKUNIVERSITY.CO.CC */
#footer{ position:absolute!important; left: 10000px!important; }
You may notice that the portion you hid was not there anymore but the space is still there.
How will you occupy that space?
Simply move the other boxes by adding the margin or relative positioning code.
Hope this will be helpful to you.
Credits : PlurkUniversity

Home










