jasons HTML



MY HTML CODES



.Introduction.

My HTML HELP!FREE CODES FOR YOUR PAGE
DESIGN YOUR OWN WEB PG.


*Copy & Paste codes*


TO COPY CODES,YOU MUST USE CTRL/C
TO PASTE CODES USE CTRL/V



>.Pictures/Images.<



Pictures Code is:

<img src=picture url>
to get the picture url, you right clic on the picture,
clic Properties, see Address: URL, highlight,
right clic, copy and paste into pictures code.

PIC WITH BOTH BORDER AND BACKGRND:



PIC/IMAGE WITH JUST A BORDER:



PIC/IMAGE WITH JUST A BACKGROUND:



RE-SIZE A PICTURE/IMAGE:
(you adjust the height and width)



THUMBNAIL YOUR PICTURES:



SHADOW BACKGROUND ON A PICTURE:



Example:
(you can use any pic/image)

ALIGN PICS/IMAGES ON YOUR PAGE:
(you can wrap your text around an aligned picture)

(align left, center or right)



EMBOSS PIC:



ENGRAVE PIC:



GRAY SCALE PIC:



INVERT PIC:



FLIP PIC: (fliph or flipv)

fliph flipv



TRANSPARENT PIC:



MARQUEE PIC SLIDE:




FLOATING TRANSPARENT PIC/IMAGE ON YOUR PAGE:










>.Background/Layouts/Page Borders.<

PAGE BORDER:
(borders types are: solid, double, inset, outset, ridge, groove, dotted, dashed)



DIFFERENT COLOR PAGE BORDERS:



BACKGROUND FOR YOUR PAGE:



1 SINGLE PICTURE AS A BACKGROUND IN THE CENTER OF YOUR PAGE:



WALLPAPER/LAYOUT BACKGROUND TO COVER ENTIRE PAGE:









>.Username.<

*DO NOT CHANGE THE WORD USERNAME*

CENTER YOUR ENTIRE PAGE AT YOUR USERNAME:



YOUR USERNAME SIZE AND COLOR:



ADD A BACKGROUND TO YOUR USERNAME:



MAKE YOUR USERNAME GLOW:
(you can also use any other font filter besides glow like shadow,blur etc)



ADD A BORDER TO YOUR USERNAME:
(fyi- border does not close at the top)



BANNER TO COVER YOUR USERNAME:
(adjust width and height to match your banner size)



MAKE A BANNER WITH A PICTURE TO COVER YOUR USERNAME:
(enter the width and height of the picture)
(you can use any marquee code)



SCROLLNAME FADING INTO EACHOTHER AT YOUR USERNAME AREA:
(this first one has a GLOW font filter)


SCROLLNAME FADING INTO EACHOTHER AT YOUR USERNAME AREA:
(this next one has a TRANSPARENT type of color filter)









>.Divs/Tables/Boxes.<

1 DIV TABLE/BOX CENTERED FOR WALLPAPER/LAYOUT BACKGROUNDS:
(everything stays inside the box- the links,friends list and note box)



TO MAKE SEVERAL DIV/TABLES FOR A LAYOUT USE THIS DIV CODE OVER AND OVER BUT YOU MUST ADJUST THE NUMBERS(width,height,top,left) TO FIT YOUR LAYOUT OR THEY WILL OVERLAP:



3 DIV/TABLE/BOXES NEXT TO EACHOTHER/TOGETHER:
(see my
MG_POEMS_4_U for an example)



1 DIV/TABLE/BOX FOR ANYWHERE ON YOUR PAGE:
(you adjust the height and width)
(you have to have enuff text and/or pics to see the scrollbars)



A TABLE/BOX for text/pics:



TEXTAREA BOX FOR CODES:



FIELDSET BOX:
(you can align the TITLE left, center or right)
(you can change font, color, border, width, height etc)

TITLE

MESSAGE HERE




USERNAME/TEXT
U
S
E
R
N
A
M
E

Any Message
Text Text Text
or pics here


My Page
My GuestBook
U
S
E
R
N
A
M
E
USERNAME/TEXT











>.Page Font/Text.<


<b>BOLD TEXT</b>
<i>ITALICS TEXT</i>
<u>UNDERLINED TEXT</u>
<s>STRIKED TEXT</s>
TO SPACE AND ALIGN YOUR TEXT EVENLY ON LEFT AND RIGHT SIDES:



SET YOUR PAGE FONT:
(can be whatever font you want, whatever color and size)



GLOW




SHADOW




BLUR




DROP SHADOW




FLIP V TEXT UPSIDE DOWN:

upside down





FLIP H TEXT REVERSE:

reverse











>.No Right Clics.<
(for people not to steal your pictures)

"DO NOT REMOVE THE QUOTE MARKS"

NO RIGHT CLIC:


ANOTHER NO RIGHT CLIC:


NO RIGHT CLIC WITH ALERT MSG:


NO RIGHT CLIC OR HIGHLIGHT:


NO RIGHT CLIC SELF RETURN:


RIGHT CLIC SEND SOMEWHERE ELSE:


NO RIGHT CLIC LOGOUT:









>.Advertisement Top Area.<

SCROLLING INTRO TEXT MESSAGE:



STILL INTRO TEXT MESSAGE:



SCROLLING PIC/IMAGE:



STILL PIC/IMAGE:



A GLOW Name or Welcome message on top of your background like I have here:
(goes all the way across the top)



A TRANSPARENT Name or Welcome message on top of your background:
(also goes all the way across the top)



TRANSPARENT "Welcome To My Page" Intro Scrolling into eachother at top advertisement area:



GLOW "Welcome To My Page" Intro Scrolling into eachother at top advertisement area:










>.Profile Area Left/Right.<

*CHANGE CAP LETTERS IN CODES TO YOUR OWN INFO*


PROFILE RIGHT UNDER THE GUESTBOOK/FORUMS/NOTE BUTTONS ON THE LEFT:
(scrolling up)



OLD PROFILE:
(GOES ALL THE WAY TO THE TOP!)



BLANK PROFILE AREA:
(code is the same as above but without the info just covers left area)



SMALL PROFILE:
(disappearing profile)
(you can make font same color as bg to make it disappear)



PROFILE WITH A SHADOW WAVE UP:
(scrolling up in a wave type filter marquee)



WAVE UP MARQUEE PROFILE:



STAND STILL PROFILE:



YOUR NAME OR PROFILE ON THE RIGHT SIDE OF THE PAGE:









>.Linking/FrenzList/Notebox.<

LINK TO ANOTHER PAGE USING A PICTURE/BANNER:
(opens in a new window)



LINK TO ANOTHER PAGE WITH JUST THE USERNAME:
(opens in a new window)



LINKS/FRIENDS LIST:



CHANGE FONT/COLOR/SIZE OF LINKS/FRIENDS LIST:



MAKE LINKS AND FRIENDS LIST GLOW:



NOTE BOX:
For a background in the notebox enter the
URL of the pic/image inside the parenthesis( )



MOVE NOTE BOX LINKS/FRENZ LIST TO TOP RIGHT SIDE OF PAGE:
(this goes at the END of your personal message box)



REMOVE FRIENDS LIST AND NOTE BOX:
(this must go at the END of your personal msg box to work!)
(this also removes any page border you may have around your page though)









>.Mouseovers.<

MOUSEOVER WITH TEXT-DECORATION:
(text-decorations: underline overline; line-through; underline; overline)


MOUSEOVER WITH FILTER:
(filter types are: glow, shadow, blur, fliph, flipv)



MOUSEOVER WITH A PICTURE BACKGROUND:
(put the picture url inside the parenthesis)











>.Scrollbars.<



SCROLLBARS:
(change the word COLOR to an actual color from the color chart)











>.Marquee Codes.<

(any of these marquees can be your name, text or a picture)

Keep in mind:

Scrollamount sets the space (in pixels) between each movement of the marquee.
The higher the number of pixels, the faster the marquee moves.

Scrolldelay sets the number of milliseconds between each movement of the marquee.
The lower the number, the faster the marquee moves.


WAVE MARQUEE SCROLLING UP:

N
A
M
E




SCROLLS LEFT


SCROLLS RIGHT


SCROLLS SIDE TO SIDE


SCROLLS UP



SCROLLS DOWN



SCROLLS UP & DOWN



SCROLLS UP/DOWN LEFT TO RIGHT


LEFT/RIGHT BOUNCE



>>FOR THESE ARROWS<<



<<<<FOR THESE ARROW SCROLLS>>>>


TEXT TEXTTEXT

(for this one you can change color, size, width etc)

MARQUEE SCROLL W/COLOR BACKGROUND
(you can change the direction, width and the background color)



MARQUEE SCROLL TEXT WITH A BORDER



MARQUEE SCROLL FLIP TEXT

JASONS codes for youCYBERBEATZ Codes4u



JASON.R.Codes4uJASON.R.Codes4u
(you can change the width, background and font color)



HELLO...Welcome to Jason's Codes Page...



Hey JASON R....Bringing you these cool codes Cool Huh



MARQUEE PIC SLIDE:




SCROLLNAME FADING INTO EACHOTHER AT YOUR USERNAME AREA:
(this first one has a GLOW font filter)


SCROLLNAME FADING INTO EACHOTHER AT YOUR USERNAME AREA:
(this next one has a TRANSPARENT type of color filter)


A GLOW Name or Welcome message on top of your background like I have here:
(goes all the way across the top)



A TRANSPARENT Name or Welcome message on top of your background:
(also goes all the way across the top)









>.Color Chart.<













>.Other.<


YOUR OWN PAGE DIVIDER:
(you can change the size, width and color)






RAIN EFFECT:
(images falling from the top of your page)
(you need the Address URL of a pic /image)



INPUT SHADOW BUTTON:
(you can adjust the height and width if you need it wider or bigger)
(you can change the background color, font & font color)



INPUT SHADOW SQUARE BUTTON:



ALPHA BACKGROUND BUTTON:
TEXT

(you can also adjust height and width, change color of background and font)



TEXT WITH A COLOR BACKGROUND:

TEXT


(you can change the background color, font and font color)



DROP DOWN MENU:
(you can change the background color, font and font color)
(you can have as many items as you want, this is only 3)



LIST ITEMS IN BULLETS:
(you can have more than 3)

  • one
  • two
  • three





LIST ITEMS IN NUMBERS:
(you can have more than 3)

  1. one
  2. two
  3. three




TO SHOW CODES ON YOUR PAGE:



REMOVE FRIENDS LIST AND NOTE BOX:
(this must go at the END of your personal msg box to work!)
(this removes any page border you may have around your page though)



SCROLL DOWN FOR SOME USEFUL SYMBOLS:
(you can use the greater than and less than symbols to show codes in your notes)




























&copy; © copyright
&lt; < less than
&gt; > greater than
&frac12; 1/2 fraction
&nbsp; non-breaking space
&reg; ® registered trademark
&trade; ™ trademark
&larr; ← left arrow
&rarr; → right arrow
&uarr; ↑ up arrow
&darr; ↓ down arrow
&middot; · middle dot
&hearts; ♥ black heart












>pg. design by Jason R.<