HTML_LOVERSDescription: UNDER CONSTRUCTION SOME LINKS MAY NOT WORK, PLEASE BE PATIENTNavigationBasic Text/Marquees Anchor BoxesNew Username Banner Code Borders/Bullets/ Symbols Username Banner code Cursors/Scrollbars Scrollboxes/Tables Hiding Music Showing Code Geek Speak (Code terms) Helpful Links hexgenerator Basic Text & MarqueesYou can set text styles with either HTML or CSS. HTML is fine for styling odd words or sentences, but if you want to alter bigger blocks of text it's often easier to use CSS, and if you want to alter text or links already on your VF page you will need to, as you can't get to those things to put HTML tags around them. Styling text with HTML:<i> Italic Text </i><b> Bold Text </b> <u> Underline Text </u> <> <>Struck Out Text </></> <div align="center"> Centered Text </div> <font color="orange"> Orange Text </font> <font color="#990000"> Red Text set with a Hex Code</font> <font size="1"> Small Text </font> <font size="4"> Bigger Text </font> <font face="Times New Roman, Times, Serif">Times New Roman Text </font> <br />Line Break in Text... Like this, starting on a new line. Combining HTML font tags.If you want to change color, size and / or font face, you can do it all in the same tag:<font style="font-size:12px; color:red"> Red, Size 12px Text </font> <font style="font-size:16px; font-family:Georgia;"> Georgia Size 16px Text </font> <font style="font-family:'Courier New'; color:orange;"> Courier Size 1 Orange Text </font> Making Text LinksTo make a text link, you need the [ URL ] of the page you want to link to, and this code:<a href="http://www.insert_your_url_here.com/"> WHAT YOU WANT YOUR LINK TO SAY </a> Styling text with CSS:CSS styles follow a different syntax to HTML. Rather than going directly around the bit of text you want to format, you put them in between style tags, which can be in a whole different part of your profile. To affect all the text in your profile, apply the styles to "html, body", like this:<style type="text/css"> html, body { color: red; font-family: Georgia; font-size: 8pt; font-weight: bold; font-style: italic; text-decoration: underline; letter-spacing: 5px; font-variant: small-caps; } </style> Styling links with CSS:Links have 3 different states- a:link (unvisted) a:visited (visited, duh!) and a:hover (while the mouse is hovered over it). You can use CSS to change all of them separately if you like:<style type="text/css"> a:link { color: red; text-decoration: none; } a:visited { color: green; text-decoration: overline; } a:hover { color: orange; background: white; text-decoration: none; } </style> Scrolling Marquees.You can use marquees to make text or images scroll.
Marquees have other behaviors... *NB You may have to refresh to see the slide marquee, and Firefox doesn't support it (it scrolls instead).
You can change the speed using scrollamount:
Scrolldelay lets you make your marquees pause: I simply combined left and right on the same page from being lazy.. lol. Ill edit the coding when the time comes. Please click on the proper link to find where you would like the anchor nav to go. Basic Anchor Design Top Anchor Design Bottom Anchor DesignInstructionsOn your desired anchor nav webpage:
Highlight to select this untill you scroll down and see this
Coming soon... BordersBorders can be used around any table or image. Below are the codes to apply borders. In CSS: <style> table, .table { border: border-width: </style> Inline style: style="border: NOTE: Please replace the Styles
Widths
CursorsHere are some basic cursors you can use for your profile. These are cursors from the regular windows program (i.e. The help program): Here are the hover examples:
Coming soon... Coming Soon... Coming Soon... Coming Soon... Helpful linksStaff coming soon... Owner: MyMentalHell Members (2492): [view]
Members Viewing (0): [View All Cult Posts] [View Cult Gallery (1 pics)] [Edit Pictures] [Upload Pictures]
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||



