to bold your text
ex: this is bold
to strike your text
ex:
to underline your text
ex: this is underline
supscript
ex: supscript
subscript
ex: subscript
to make your font bigger
ex: hi (this is font size 5)
to change the font face
ex: this is font face: monotype corsiva
to change colors of your text
ex: this is grey
to blur your text
ex: text blur
to glow your text
ex: text glow
to change colors of your scrollbar
to put music on your page
to make a background fixed
no right click
to make a dropdown list
EX:
how to highlight words
EX: HEY THERE. COOL UH?
Transparent Code (Needed for background to work)
how to change the size and colors of your notebox
make text move (marquee)
ex:
make text move up and down
Reverse Your Page
Transparent Image
Title Scroller
put this into the custom header
this is the title thingy
Adds Background Color and a background Image,
change the color FFFFFF for the bg color and the url for the bg pict.
to upload a background from your computer go to http://www.imageshack.us
NAME ON TOP OF BACKGROUND
Reversing page from left to right (Picts on right, blogs on left)
TO CHANGE THE COLOR OF YOUR LETTERS
To Change almost all of the text on your page
The meanings of each text changing part:
This line will change the main body text:
body, td, li, p, div, textarea, li, h1, h2, p, br {color:color_code;}
These next lines will change the headings, and other colored text
.btext {color:color_code;} ("XX's Latest Blog Entry" & "XX has XX Friends")
.blacktext10 {color:color_code;}time and date in the Comments section.
.blacktext12 {color:color_code;} "XX is in your Extended Network"
.lightbluetext8 {color:color_code;} ("General", "Music", "Heroes", etc.)
.nametext {color:color_code;} This is the name ABOVE your profile picture.
.orangetext15 {color:color_code;} ("About Me", "Who I'd Like to Meet")
.redbtext {color:color_code;} (XX has "XX" Friends)
.text {color:color_code;} (Name, Location, Age, etc.)
.whitetext12 {color:color_code;} ("Contacting XX", "XX's Interests" etc)
This will change the colors of the links
a:link {color:color_code;} This is the color of links
a:hover {color:color_code;} Color of link with mouse over.
a:active {color:color_code;} Color of active link.
a:visited {color:color_code;} Color of visited link.
This will change the border color of picture links
a:link img {border:1px solid color_code;} Color of image link border
a:hover img {border:1px solid color_code;} Color of link with mouse over
a:visited img {border:1px solid color_code;} Color of visited link
Adding those borders around everything (Warning! This will ruin pages with tables
and will make a background image disappear)
If you know how to fix this code so it wont ruin tables and bg images, please send me a message, Thank you
IF U WANT TO MAKE A FONT GLOW, instead of typing this {color: purple} TYPE THIS
THIS IS THE CODE FOR THE SCROLLBAR
images are translucent untill you roll over them, then they become opaque.
Changing your Links:
This code will make your friends picture to dissappear when you point your mouse cursor on it and turn a fade effect on links.
MAKE SURE YOU USE ONLY ONE MOUSEOVER
Mouseover with Filter
Mouseover with Border
Mouseovers that Reverse
Mouseovers that flip them upsidedown
Mouseovers that changes the cases
just change the "uppercase" to "lowercase"
Mouseovers with Text Decoration
Mouseover with background .gif
Everything below you place wherever you want the affect to occur.
To put a pic in a comment or in your profile
To specify a width and height (in pixels):
THIS IS THE CODE TO MAKE YOUR PICTURES TRANSPARENT
Black and white pic
To hide "your name" is in your extended network
TO CHANGE COLOR OF COMMENTS
TEXT EFFECTS:
<b>Bold Text</b>
BOLD TEXT
<i>Italic Text</i>
ITALIC TEXT
<u>Underlined Text</u>
UNDERLINED TEXT
<strike>Striked Out Text</strike>
<small>Small Text</small> Small Text
small text
<sub>Sub Text</sub> Sub Text
sub text
<sup>Sup Text</sup> Sup Text
sup text
<marquee scrollrate=4>Marquee</marquee>
<h1>Biggest Text</h1>
Biggest Text
<h2>Bigger Tex<t/h2>
Bigger Text
<h3>Big Text</h3>
Big Text
<h4>Normal Text</h4>
Normal Text
<h5>Small Text</h5>
small text
<h6>Smaller Text</h6> Smaller Text
smaller text
TO DISPLAY A NORMAL TEXT LINK:
TO OPEN LINK INTO A NEW BROWSER WINDOW USING TEXT:
TO MAKE A PIC ACT AS A LINK:
TO OPEN LINK INTO A NEW BROWSER WINDOW USING A PIC
To add a video with windows media player
To add a video with Real Player
To just add music (Place in Heroes Section)
WINDOWS
REAL PLAYER
Adding a scrollbar to your page
Adding scrollbars are a bit more tricky but should be easy enough.
Adding a scrollbar to Buddy List and Comments (Place at very end of Who Id Like to Meet)
Adding Scrollbars to other Sections
Things you can change the height and the width change the size of the scrollbar window,...you could also add borders but I dont think its necessary. If you have problems please tell me.
Group Page Codes
These codes should be placed in your group info section. The main difference between group codes and profile codes, is group codes are quite a bit less flexible since it doesnt allow you to edit as much of the page. And most importantly all of your code must run together or it automaticall adds a <br> in the spaces.
<style type="text/css">body{background-image:url("IMG URL HERE"); background-attachment:fixed; background-repeat:no-repeat; background-position:center; background-color:COLOR}
table, tr, td {background-color:transparent;border: 0px;
padding:2;}font, td, a, body, input, textarea, body, td, li, p, div,
textarea, li, h1, h2, p, br, .text, .nametext, .blacktext10,
.orangetext15, .lightbluetext8, .blacktext12, .btext, .whitetext12,
.redtext{color:COLOR;font-family:FONT;font-weight:BOLD;font-size:XXpt}a:link, a.navbar:link, a.redlink:link, a.searchlinksmall:link{color:COLOR;font-family:FONT;font-weight:BOLD;font-size:XXpt}a:visited, a.navbar:visited, a.redlink:visited, a.searchlinksmall:visited{color:COLOR;font-family:FONT;font-weight:BOLD;font-size:XXpt}a:active, a.navbar:active, a.redlink:active, a.searchlinksmall:active{color:COLOR;font-family:FONT;font-weight:BOLD;font-size:XXpt}a:hover, a.navbar:hover, a.redlink:hover, a.searchlinksmall:hover{color:COLOR;font-family:FONT;font-weight:BOLD;font-size:XXpt}table,
tr, td{background-color:transparent; border:0px; padding:2;}table
table{border:0px;}table table table {border:2px solid; border-color:COLOR; padding:2; background-color:??? COLOR ???;}table table table table{border:0px;}BODY{scrollbar-face-color:COLOR;scrollbar-shadow-color:COLOR;scrollbar-highlight-color:COLOR;scrollbar-3dlight-color:COLOR;scrollbar-darkshadow-color:COLOR;scrollbar-track-color:COLOR;scrollbar-arrow-color:COLOR}</style>
this is the code i use to have weblogs with scrollbars and the scrollbars automatically match the ones on your page
Change the Blogger Header
the blogger header is the date
put this code in the custom header
Border Around Everything
put a border that goes around everything
put this in the custom header
note: this is not the border around the site
Alternating Comment Backgrounds
(Xanga only)
Layer For Your Page
this is one way to put your space in a scrollbox
put this in the custom header
Blinking Text
note: if you are putting this into a weblog entry once you've entered the code when you uncheck the edit HTML button the blinking text won't apear but when you submit the blinking text will show
(XANGA ONLY)
Change the Color of the Scrollbar
put this code in custom header or webstats...I dunno if it really matters.
Make Your Pictures Glow
note: if you want to make your table see through, use this code:
<style type="text/css"><!--table{filter:Alpha(opacity=?);}--></style>
|
|
|
|
| text here |
text here |
| text here |
text here |
| text here |
| text here |
|
|
|
|
|
|
|
|
|
|
Glowing Text
Blurred Text
Highlighted Text
Highlighted Text
Words Re-typing Itself
Body Backgrounds
Background (Non-Moving)
Body Background Colors
Marquee up down
Wave Marquee
Regular Ol Marquee
EXAMPLE
Big Transparent Marquee
bouncin Marquee