Guide to Component Properties
Here are all the properties one can use in Component. Please, comment if there is any mistake.
Part I: Items customizable in Customize Journal Style
Part II: Items customizable in layers only.
Part III: Items customizable in layers only and by overriding function prop_init()
Notes:
» In Part I, properties are displayed in the order in which they can be found in Customize Journal Style.
» Set commands, which can only be used in layers, are displayed with their default values. Pay attention to the syntax when you edit them.
Note: these are for advanced users only. If you do not know what function prop_init() is and how to edit these, do not modify them.
Inspired by
carriep63's Breakdown of the Smooth Sailing stylesheet.
Last Updated: September 20th, 2008.
Part I: Items customizable in Customize Journal Style
Part II: Items customizable in layers only.
Part III: Items customizable in layers only and by overriding function prop_init()
Notes:
» In Part I, properties are displayed in the order in which they can be found in Customize Journal Style.
» Set commands, which can only be used in layers, are displayed with their default values. Pay attention to the syntax when you edit them.
| Display/Navigation Strip | Display/Presentation | Style/Colors | Style/Fonts | Style/Images | Text | Components | Custom CSS |
| DISPLAY/NAVIGATION STRIP |
| Navigation Strip Custom Colors What? No custom colors (no), custom colors with a background gradient (on_gradient), custom colors without a background gradient (on_no_gradient). Set Command: set custom_control_strip_colors = "off"; Possible values: off, on_gradient, on_no_gradient |
| Navigation Strip Background Color What?--- Set Command: set control_strip_bgcolor = ""; Possible values: any hex color code. |
| Navigation Strip Text Color What?--- Set Command: set control_strip_fgcolor = ""; Possible values: any hex color code. |
| Navigation Strip Border Color What?--- Set Command: set control_strip_bordercolor = ""; Possible values: any hex color code. |
| Navigation Strip Link Color What?--- Set Command: set control_strip_linkcolor = ""; Possible values: any hex color code. |
| DISPLAY/PRESENTATION |
| Basic Options |
| Recent Items What? Number of journal entries to show on recent entries page. Set Command: set page_recent_items = 10; Possible values: any number between 1 and 50. Keep it mind that a high number will make the page longer to load. |
| Friends Items What? Number of journal entries to show on friends page. Set Command: set page_friends_items = 10; Possible values: any number between 1 and 50. Keep it mind that a high number will make the page longer to load. |
| Custom-styled Comment Pages What? Disable customized comment pages for your journal. Set Command: set view_entry_disabled = false; Possible values: true, false |
| Use Shared Pic What? Use community userpics instead of poster's userpic (on the members' page only). Set Command: set use_shared_pic = false; Possible values: true, false |
| Additional Options |
| Underline Links What? No underlined links (no), underlined links (yes), underlined links only when your mouse hovers over them (hover). Note that links will never be underlined if you've disabled underline in your browser settings. Set Command: set underline_links = "hover"; Possible values: no, yes, hover |
| Userpic What? Display your userpic with your entries (on the Recent and Friends pages). Set Command: set show_entry_userpic = false; Possible values: true, false |
| Entry Icons What? Display the edit, memory, next/previous, etc. icons on the entry view. Set Command: set show_entrynav_icons = true; Possible values: true, false |
| Recent Icons What? Display the edit, memory, next/previous, etc. icons on the recent entries and friends pages. Set Command: set show_recentnav_icons = true; Possible values: true, false |
| Custom Forms What? Use custom form elements (select, input, textarea). If you set it to false, forms will not match your color theme. These can be customized via CSS though. Set Command: set color_forms = true; Possible values: true, false |
| STYLE/COLORS Note: the color codes mentioned here are those of the 'Gray Sky'. |
| Page Background Color What? --- Set Command: set main_bgcolor = "#ffffff"; Possible values: any hex color code. |
| Entry Background Color What? Background color of each entry. Set Command: set entry_bgcolor = "#ffffff"; Possible values: any hex color code. |
| Entry Font Color What? Font color for text that will appear on top of 'Entry Background Color'. Set Command: set entry_fgcolor = "#6d6d6d"; Possible values: any hex color code. |
| Main Link Color What? Font color of any links that appear within each journal entry or within each component. Should be visible on Entry Background Color and Component Background Color. Note that it won't apply to the Navigation Component and Footer Component if you have Header Link Color set to something. Set Command: set entry_link = "#333333"; Possible values: any hex color code. |
| Main Visited Link Color What? Font color of any visited links that appear within each journal entry or within each component. Should be visible on Entry Background Color and Component Background Color. Set Command: set entry_link_visited = "#555555"; Possible values: any hex color code. |
| Component Background Color What? Background color of all component boxes. Set Command: set comp_bgcolor = "#f4f4f4"; Possible values: any hex color code. |
| Component Font Color What? Font color for text that will appear on top of 'Component background color'. (leave blank to use 'Entry font color') Set Command: set comp_fgcolor = ""; Possible values: any hex color code. |
| Header Background Color What? Background color of all component headers, including Entry Headers. Set Command: set header_bgcolor = "#e5e5e5"; Possible values: any hex color code. |
| Header Font Color What? Font color for text that will appear on top of 'Component header background color'. (leave blank to use 'Entry font color') Set Command: set header_fgcolor = "#4d4d4d"; Possible values: any hex color code. |
| Header Font Alternative Color What? Font color used for information that deserves a different accent, like the date and journal sub-title. It also changes the color of Collapsed Comments Headers. (leave blank to use 'Component font color') Set Command: set header_fgcolor_lt = ""; Possible values: any hex color code. |
| Header Link Color What? Font color of any links that appear within each component header. This will affect the Navigation Component as well as the Footer Component. (leave blank to use 'Main link') Set Command: set header_link = ""; Possible values: any hex color code. |
| Comments Header Color What? Background color of the header information for each comment. Set Command: set comments_bgcolor = "#e5e5e5"; Possible values: any hex color code. |
| Screened Comments Header Color What? Background color of the header information for each screened comment. Set Command: set comments_screened_bgcolor = "#ececec"; Possible values: any hex color code. |
| Calendar Inactive Background Color What? Background color of inactive dates on calendar component. Set Command: set calendar_inactive = "#c8c8c8"; Possible values: any hex color code. |
| Calendar Active Background Color What? Background color of active dates on calendar component. Set Command: set calendar_active = "#dfdfdf"; Possible values: any hex color code. |
| Calendar Inactive Font Color What? Color of font on each inactive calendar date. Appears on top of 'Calendar inactive background'. (leave blank to use 'Entry font color') Set Command: set calendar_fgcolor = ""; Possible values: any hex color code. |
| Calendar Active Font Color What? Color of font on each active calendar date. Appears on top of 'Calendar active background'. (leave blank to use 'Main link'). Set Command: set calendar_link =""; Possible values: any hex color code. |
| STYLE/FONTS |
| Font Family What? Default font to use for all journal pages. Set Command: set font_family = "Arial, sans-serif"; Possible values: Arial, sans-serif; Tahoma, sans-serif; Verdana, sans-serif; Trebuchet MS, sans-serif; Georgia, serif; Times New Romans, serif; sans-serif; serif |
| Font Size What? Default font size to use for all journal pages. Set Command: set font_size = "normal"; Possible values: small, normal, large, larger, hulk |
| Line Height What? Default font to use for all journal pages. Set Command: set lineheight = 22; Possible values: any number. |
| STYLE/IMAGES |
| Background image URL What? --- Set Command: set page_background_image = "http://www.livejournal.com/palimg/component/bg.gif"; Possible values: URL. |
| Background image repeat What? Repeats your background image vertically (repeat-y), horizontally (repeat-x), both (repeat) or not at all (no-repeat). Set Command: set background_repeat = "repeat"; Possible values: repeat, no-repeat, repeat-x, repeat-y |
| Background image position What? Does not apply if background image is repeating in both directions. Set Command: set background_position = "center"; Possible values: center, center left, center right, top, top left, top right, bottom, bottom left, bottom right, left, right |
| Background image scrolling What? Not supported in all browsers, but allows for the background image to be in a fixed position when scrolling. Set Command: set background_scrolling = "scroll"; Possible values: fixed, scrolling |
| TEXT |
| Post a Comment What? Link text to leave a comment. Set Command: set text_post_comment = "Leave a comment"; Possible values: any character. No HTML. |
| Read Comments What? Link text to read comments. Set Command: set text_read_comments = "1 comment // # comments"; Possible values: any character. Not HTML. Follow the syntax. |
| Read Comments (Reply Page) What? Text to link back to the Entry/Comments page from the Reply page. Set Command: set text_reply_back = "Read Comments"; Possible values: any character. No HTML. |
| Comment Divider What? This is the text that divides the read comments and the post comments. For example 'OR' as in 'read 2 comments OR leave a comment'. Set Command: set comment_divider = "or"; Possible values: any character. No HTML. |
| Post a Comment (Friends Page) What? Link text to leave a comment on friends view entry. Set Command: set text_post_comment_friends = "Leave a comment"; Possible values: any character. No HTML. |
| Read Comments (Friends Page) What? Link text to read comments on a friends view entry. Set Command: set text_read_comments_friends = "1 comment // # comments"; Possible values: any character. No HTML. Follow the syntax. |
| Profile Component Title What? --- Set Command: set profile_text = "profile"; Possible values: any character. No HTML. |
| Page Summary Component Title What? --- Set Command: set page_summary_text = "page summary"; Possible values: any character. No HTML. |
| Tags List Component Title What? --- Set Command: set tags_text = "tags"; Possible values: any character. No HTML. |
| Links Component Title What? --- Set Command: set links_text = "links"; Possible values: any character. No HTML. |
| Calendar Component Title What? --- Set Command: set calendar_text = "calendar"; Possible values: any character. No HTML. |
| Free Text Component Title What? --- Set Command: set free_text_text = "about this journal"; Possible values: any character. No HTML. |
| Navigation Recent Entries Text What? The text linking to your recent page in the navigation element. Set Command: set nav_entries_text = "entries"; Possible values: any character. No HTML. |
| Navigation Friends View Text What? The text linking to your friends page in the navigation element. Set Command: set nav_friends_text = "friends"; Possible values: any character. No HTML. |
| Navigation Calendar Text What? The text linking to the the calendar page in the navigation element (and not the title of the calendar component). Set Command: set nav_calendar_text = "calendar"; Possible values: any character. No HTML. |
| Navigation User Info Text What? The text linking to your profile/info page in the navigation element. Set Command: set nav_info_text = "user info"; Possible values: any character. No HTML. |
| Navigation Forward Text What? The text that appears in the navigation element when the user can navigate forward to newer entries. Set Command: set nav_text_forward = "Next"; Possible values: any character. No HTML. |
| Navigation Back Text What? The text that appears in the navigation element when the user can navigate back to older entries. Set Command: set nav_text_back = "Previous"; Possible values: any character. No HTML. |
| Current Mood What? --- Set Command: set text_meta_mood = "Current Mood"; Possible values: any character. No HTML. |
| Current Music What? --- Set Command: set text_meta_music = "Current Music"; Possible values: any character. No HTML. |
| Current Location What? --- Set Command: set text_meta_location = "Current Location"; Possible values: any character. No HTML. |
| Custom Friends Groups What? --- Set Command: set text_meta_groups = "Custom Friends Groups"; Possible values: any character. No HTML. |
| Permalink What? Text for an entry's permanent link. Set Command: set text_permalink = "Link"; Possible values: any character. No HTML. |
| COMPONENTS |
| Component Position What? Position of your components. Set Command: set comp_state = "right"; Possible values: right, left, none |
| Enable Friends View Components What? Show components on the friends page or not Set Command: set comp_friends = true; Possible values: true, false |
| Enable Navigation Component What? Display the navigation element as a sidebar component (true) or as a bar at the top of your layout (false). Set Command: set comp_navbar = false; Possible values: true, false |
| Enable Profile What? The profile component has your default picture, name, username and website. Set Command: set show_profile = true; Possible values: true, false |
| Enable Mini-Calendar What? --- Set Command: set show_calendar = true; Possible values: true, false |
| Enable Interactive Mini-Calendar What? Enable forward and back buttons on the mini-calendar. Uses inline frames and javascript. Set Command: set icalendar = true; Possible values: true, false |
| Enable Links What? Display the links list component or not. The links list is here: http://www.livejournal.com/manage/links.bml Set Command: set show_links = true; Possible values: true, false |
| Enable Page Summary What? The page summary is the title of all the entries and the number of replies, or it lists all the comments. Set Command: set show_summary = true; Possible values: true, false |
| Enable Tags List What? Lists all your tags in a component Set Command: set show_tags = true; Possible values: true, false |
| Enable Free Text What? Display the free text component or not. See also below. Set Command: set show_free_text = false; Possible values: true, false |
| Free Text Component What? Good for poetry, friends only warnings, general descriptions, links, images, quotes, etc. Set Command: set free_text = ""; Possible values: HTML is allowed. |
| First Component What? Top component. Set Command: set first_position = "navigation_order"; Possible values: none, navigation_order, profile_order, calendar_order, links_order, free_text_order, summary_order, tags_order |
| Second Component What? --- Set Command: set second_position = "profile_order"; Possible values: none, navigation_order, profile_order, calendar_order, links_order, free_text_order, summary_order, tags_order |
| Third Component What? --- Set Command: set third_position = "calendar_order"; Possible values: none, navigation_order, profile_order, calendar_order, links_order, free_text_order, summary_order, tags_order |
| Fourth Component What? --- Set Command: set fourth_position = "links_order"; Possible values: none, navigation_order, profile_order, calendar_order, links_order, free_text_order, summary_order, tags_order |
| Fifth Component What? --- Set Command: set fifth_position = "free_text_order"; Possible values: none, navigation_order, profile_order, calendar_order, links_order, free_text_order, summary_order, tags_order |
| Sixth Component What? --- Set Command: set sixth_position = "summary_order"; Possible values: none, navigation_order, profile_order, calendar_order, links_order, free_text_order, summary_order, tags_order |
| Seventh Component What? Last component. Set Command: set seventh_position = "tags_order"; Possible values: none, navigation_order, profile_order, calendar_order, links_order, free_text_order, summary_order, tags_order |
| CUSTOM CSS |
| Use layout's stylesheet(s) What? Disable this only if you want to re-style this layout completely from scratch using a custom stylesheet. Set Command: set include_default_stylesheet = true; Possible values: true, false |
| Custom external stylesheet URL What? If you have a custom external stylesheet that you'd like to use, enter its URL here. Set Command: set linked_stylesheet = ""; Possible values: URL. |
| Custom stylesheet What? If you'd like to add custom CSS to this style, enter it here. Set Command: set custom_css = ""; Possible values: any CSS. CSS comments are okay too. |
| Userpic on the Comments Page What? Display your userpic with your entries on your Entry/Comments page. Set Command: set show_entrypage_userpic = true; Possible values: true, false |
| 'Friends-Locked' Alternative Text What? Alternative text used for the 'friends-locked' icon. Set Command: set text_icon_alt_protected = "[protected post]"; Possible values: any character. No HTML. |
| 'Custom Friends-Locked' Alternative Text What? Alternative text used for the 'custom friends group' icon. Set Command: set text_icon_alt_groups = "[custom friends groups post]"; Possible values: any character. No HTML. |
| 'Private' Alternative Text What? Alternative text used for the 'private' icon. Set Command: set text_icon_alt_private = "[private post]"; Possible values: any character. No HTML. |
| 'Edit Entry' Alternative Text What? Alternative text used for the 'edit entry' icon. Set Command: set text_edit_entry = "Edit Entry"; Possible values: any character. No HTML. |
| 'Edit Tags' Alternative Text What? Alternative text used for the 'edit tags' icon in entries. Set Command: set text_edit_tags = "Edit Tags"; Possible values: any character. No HTML. |
| 'Add to Memories' Alternative Text What? Alternative text used for the 'add to memories' icon in entries. Set Command: set text_mem_add = "Add to Memories"; Possible values: any character. No HTML. |
| 'Tell a Friend' Alternative Text What? Alternative text used for the 'tell a friend' icon in entries. Set Command: set text_tell_friend = "Tell a Friend"; Possible values: any character. No HTML. |
| 'Flag' Alternative Text What? Alternative text used for the 'flag' icon in entries. Set Command: set text_flag = "Flag"; Possible values: any character. No HTML. |
| 'Track' Alternative Text (in Entries) What? Alternative text used for the 'track' icon in entries. Set Command: set text_watch_comments = "Track This"; Possible values: any character. No HTML. |
| 'Untrack' Alternative Text (in Entries) What? Alternative text used for the 'untrack' icon in entries. Set Command: set text_unwatch_comments = "Untrack This"; Possible values: any character. No HTML. |
| No Subject What? Text to replace a subject line when no subject is specified. Used in Page Summaries, the Month Page and Collapsed Comments Headers. Set Command: set text_nosubject = "(no subject)"; Possible values: any character. No HTML. |
| No Entries: Recent and Friends Pages What? Text to display when there are no entries on the recent and friends pages. Set Command: set text_noentries_recent = "There are no entries to display."; Possible values: any character. No HTML. |
| No Entries: Day Page What? Text to display when there are no entries on the day page. Set Command: set text_noentries_day = "There were no entries on this day."; Possible values: any character. No HTML. |
| No Comments Header Text What? Heading text that explains that comments are disabled. Set Command: set text_reply_nocomments_header = "Comments Disabled:"; Possible values: any character. No HTML. |
| No Comments Text What? Text that explains that comments are not allowed for this post. Set Command: set text_reply_nocomments = "Comments have been disabled for this post."; Possible values: any character. No HTML. |
| Screened Comments Text (Month Page) What? Text to indicate there are screened comments. Used on the Month page. Set Command: set text_month_screened_comments = "w/ Screened"; Possible values: any character. No HTML. |
| Userpic Style in Comments What? Full size (leave blank), half-sized (small), none (off). Set Command: set comment_userpic_style = ""; Possible values: , small, off. |
| 'Edit' Alternative Text in Comments What? Alternative text used for the 'edit' icon in comments. Set Command: set text_multiform_opt_edit = "Edit"; Possible values: any character. No HTML. |
| 'Delete' Alternative Text in Comments and 'Delete' Text in the Mass Action Drop Down Menu What? Alternative text used for the 'delete' icon in comments and text displayed for 'delete' in the multi-action drop down menu which is at the bottom of the comments/entry page. Set Command: set text_multiform_opt_delete = "Delete"; Possible values: any character. No HTML. |
| 'Screen' Alternative Text in Comments and 'Screen' Text in the Mass Action Drop Down Menu What? Alternative text used for the 'screen' icon in comments and text displayed for 'screen' in the multi-action drop down menu which is at the bottom of the comments/entry page. Set Command: set text_multiform_opt_screen = "Screen"; Possible values: any character. No HTML. |
| 'Unscreen' Alternative Text in Comments and 'Unscreen' Text in the Mass Action Drop Down Menu What? Alternative text used for the 'unscreen' icon in comments and text displayed for 'unscreen' in the multi-action drop down menu which is at the bottom of the comments/entry page . Set Command: set text_multiform_opt_unscreen = "Unscreen"; Possible values: any character. No HTML. |
| 'Freeze' Alternative Text What? Alternative text used for the 'freeze' icon in comments. Set Command: set text_multiform_opt_freeze = "Freeze"; Possible values: any character. No HTML. |
| 'Unfreeze' Alternative Text What? Alternative text used for the 'unfreeze' icon in comments. Set Command: set text_multiform_opt_unfreeze = "Unfreeze"; Possible values: any character. No HTML. |
| 'Track' Alternative Text (in Comments) What? Alternative text used for the 'track' icon in comments. Set Command: set text_multiform_opt_track = "Track This"; Possible values: any character. No HTML. |
| 'Untrack' Alternative Text (in Comments) What? Alternative text used for the 'untrack' icon in comments. Set Command: set text_multiform_opt_untrack = "Untrack This"; Possible values: any character. No HTML. |
| 'Edited At' Text (in Comments) What? Text of the 'Edited at' string at the bottom of edited comments. Set Command: set text_comment_edittime = "Edited at"; Possible values: any character. No HTML. 20 characters max. |
| Multi-action Checkbox Text What? Text displayed next to the multi-action checkbox in a comment. Set Command: set text_multiform_check = "Select:"; Possible values: any character. No HTML. |
| Multi-action Text What? Text displayed on the left of the multi-action drop down menu which is at the bottom of the comments/entry page. Set Command: set text_multiform_des = "Mass action on selected comments:"; Possible values: any character. No HTML. |
| 'Delete As Spam' in the Mass Action Drop Down Menu What? Text displayed for 'delete as spam' in the multi-action drop down menu which is at the bottom of the comments/entry page. Set Command: set text_multiform_opt_deletespam = "Delete as Spam"; Possible values: any character. No HTML. |
| Mass Action: Confirmation Message upon Deleting What? Text displayed in the pop-up message which asks for confirmation of deletion. Set Command: set text_multiform_conf_delete = "Delete selected comments?"; Possible values: any character. No HTML. |
| Multi-action Perform Button Text What? Text displayed on the multiform action button which is at the bottom of the comments/entry page. Set Command: set text_multiform_btn = "Perform Action"; Possible values: any character. No HTML. |
| Long Month Format What? Format used on calendar pages. Set Command: set lang_fmt_month_long = "%%month%% %%yyyy%%"; Possible values: see this howto for help. |
| Text Used for Months What? Text used for month on calendar pages. Set Command: set lang_monthname_long = ["", "january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"]; Possible values: any character. No HTML. |
| Tags Page Header Text What? Text for the header of the Tags page. Set Command: set text_tags_page_header = "Visible Tags"; Possible values: any character. No HTML. |
| Website Default Name What? If an account's website is specified, but there's no website name, use this text instead. Set Command: set text_website_default_name = "My Website"; Possible values: any character. No HTML. |
| Base Font (unused) What? --- Set Command: set base_font = ""; Possible values: ? |
Note: these are for advanced users only. If you do not know what function prop_init() is and how to edit these, do not modify them.
Site
$*path = "http://www.livejournal.com";
Some Borders
$*outside_border = $*header_bgcolor->darker(50);
$*inside_border = $*header_bgcolor->lighter();
$*system_border = $*comp_bgcolor->darker();
Arrows
$*topnavcolor = palimg_tint("component/top-bg.gif", $*header_bgcolor);
$*forwardarrow = palimg_modify("component/forward.gif", [PalItem(0, $*inside_border), PalItem(1, $*outside_border), PalItem(2, $*header_bgcolor)]);
$*backarrow = palimg_modify("component/back.gif", [PalItem(1, $*inside_border), PalItem(0, $*outside_border)]);
$*forwardarrow2 = palimg_modify("component/forwardarrow.gi
$*backarrow2 = palimg_modify("component/backarrow.gif",
Corners
$*ctl = palimg_modify("component/curve-top-left.g
$*ctr = palimg_modify("component/curve-top-right.g
$*cbl = palimg_modify("component/curve-bottom-le
$*cbr = palimg_modify("component/curve-bottom-ri
Icons
$*mem_img = palimg_modify("component/btn_memories.gi
$*tellfriend_img = palimg_modify("component/btn_tellfriend.g
$*edit_img = palimg_modify("component/btn_edit.gif", [PalItem(12, $*inside_border), PalItem(14, $*outside_border)]);
$*tags_img = palimg_modify("component/btn_tags.gif", [PalItem(12, $*inside_border), PalItem(14, $*outside_border)]);
$*flag_img = palimg_modify("component/btn_flag.gif", [PalItem(6, $*inside_border), PalItem(4, $*outside_border)]);
$*track_img = palimg_modify("component/btn_track.gif",
$*untrack_img = palimg_modify("component/btn_tracking.gi
$*edit_comment_img = palimg_modify("component/btn_edit.gif", [PalItem(12, $*entry_fgcolor), PalItem(14, $*comments_bgcolor)]);
$*del_comment_img = palimg_modify("component/btn_del.gif", [PalItem(2, $*entry_fgcolor), PalItem(1, $*comments_bgcolor)]);
$*scr_comment_img = palimg_modify("component/btn_scr.gif", [PalItem(2, $*entry_fgcolor), PalItem(1, $*comments_bgcolor)]);
$*unscr_comment_img = palimg_modify("component/btn_unscr.gif",
$*freeze_comment_img = palimg_modify("component/btn_freeze.gif"
$*unfreeze_comment_img = palimg_modify("component/btn_unfreeze.gi
$*track_comment_img = palimg_modify("component/btn_track.gif",
$*untrack_comment_img = palimg_modify("component/btn_tracking.gi
$*tracking_parent_img = palimg_modify("component/btn_tracking_thInspired by
carriep63's Breakdown of the Smooth Sailing stylesheet.