2005/Dec/03

to bold your text ex



to bold your text

ex: this is bold

to strike your text

ex:this is strike

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


Changing All the Colors

Reverse Your Page


The Following Code WILL not Work on myspace but is for xangas removing ads:


Transparent Image


Title Scroller
put this into the custom header
this is the title thingy

 

(Unless stated otherwise place in Heroes Section of your profile.)

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>
striked out text

<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>
Marquee with a speed of 4

<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>



Textareas Allowing HTML
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


 
»