HOW TO CHANGE FONT FEATURES --------------------------------------------- by: Kris [kmqq] 10 Sep 2007 ================================================================================== As BluesPlayer has noted: For on-line pages (like here at Eons) it is recommended that you use SANS-SERIF fonts (like Ariel, Verdana, Tahoma, Lucinda and Trebuchet). Serif fonts (with the curly ends) like Times Roman aren't clean enough and you should definitely stay away from cursive and "fantasy" font families as they tend to be unreadable as body text on a web page. With this mind let us look at some CSS [Cascading Style Sheet] codes to change the look of our profile pages. As that is what we're using here at Eons. Here are some codes to put between the style tags* in your "HISTORY/edit my history/edit places" box on your profile page: 1) SELECT FONT FEATURES to change: [These are the basic codes in the proper format. You'll need to plug your values into the code you've chosen following the directions further down the page.] h4 {font-face: putyourfontname here ; } Arial, Trebuchet, Arial, Comis Sans MS, Tahoma, etc h4 {font-color: putyourfontcolorhere ; } #000000=black, red, #ffffff=white, etc. h4 {font-style: putyourstylehere ; } bold, italic, normal h4 {font-size: putyourfontsizehere ; } Size is denoted by the number of pixels it takes to make the letters. With this in mind, EXPERIMENT with different sizes until you get what you want. " 24px " is the proper form to plug into font-size. Just change the number as you wish. REMEMBER, the number MUST butt-up against " px " or the code won't be read. 2) REPLACE " h4 " with the selector you want to effect. Here are active selectors known at this time: h2 Effects the code on the Colored Labels for the main parts of your profile. h3 Effects the Headings on Group Update Messages; Title Label for "Need to build your Eons Profile - video demo" h5 Effects lettering in "Places I've Been"; "Submitted" referring to Booms; "Interest & Activities" captions; "Question of the Day" questions Div Effects your: 'hometown' TEXT TEXT in "Places I've Been","About me", Blog, "Interests & Activities", "Need to Build Your Eons Profile"; TEXT & LINK in "Booms", Videos, Blog Subscriptions, American Greeting; LINK in "View all Gifts"; LINKS for any you may put in your Widget boxes; MESSAGE TITLES & STATUS in Friends; MESSAGE STATUS, "posted to & by" & some usernames in Group Udates; WORDING & STATUS in Comments; SECONDARY NAVIGATIONAL LINKS placed by Eons; TEXT in information box next to the member primary picture; LINK "View profile as friend would", "edit my relationship status"; LINK to change member primary picture. A:link Effects links in the body of your profile page. A:hover Effects links in the body of your profile page. A:visited Effects links in the body of your profile page. .byline Effects "Group Updates" li Effects TITLES under Photos; "replied to...", "uploaded", "group", "in the" in Friends Updates; " | " ; TEXT of comments left. 3) REPLACE "putyour...here" with the value you've chosen. [EXAMPLES] After you''ve chosen the feature you wish to change, the selector to effect, and you've plugged your choices into the basic code you've chosen. Your completed code should look like this example: h2 {font-face: Comic Sans MS ; color: #FFCC00 ; font-weight: bold ; } or this: div {font-color: #FFCC00 ; } 4) COPY and PASTE the code into the "HISTORY/edit my history/edit places" box several lines below the box's existing text. Have fun - go WILD! Kris * Style tags - mean: