Good day FMIANS, for inquiries regarding irregular meetings and events, please contact Events and EB Organizers. For Smart Users: 09182864432, look for ASH. For Globe Users: 09151104851, look for Shrish. And for SUN Users: 09226784487

Logged as Anonymous. Your last visit was on

You are not connected. Please login or register

Post new topic  Reply to topic

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Hide Codes and Plurk''s DIV IDs and Classes on Wed May 13, 2009 6:05 pm

` jogzzkie™


FM Team Graphics
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. Very Happy

Hope this will be helpful to you.

Credits : PlurkUniversity


_________________
MY BLOG:
http://dominant-ages.info
View user profile http://www.friendster.com/joychristian

View previous topic View next topic Back to top  Message [Page 1 of 1]

Post new topic  Reply to topic

Permissions of this forum:
You cannot reply to topics in this forum