never let me go // home // edit // i love
Zangax_Stuff: weblog - photos - videos - audio - pulse - profile - reviews - events - subscribe!
ratings - flag  [ xanga - join - sign in ]
Zangax_Stuff
read my profile
sign my guestbook
Message: message me

Member Since: 1/6/2004

SubscriptionsSites I Read

Posting Calendar

|<< oldest | newest >>|
view all weblog archives

Get Involved!

Suggest a link

Recommend to friend

Create a site
   

Wednesday, April 07, 2004

Navagation:Basic[+]Marquees[+]Images[+]Tables[+]Links

Vist My LayOutz Site:iLLest_LayOutz

Basics
Disable Right Click
<BODY ONCONTEXTMENU="return false">

DisableRight Click w/ Refresh
<bodyoncontextmenu="location=self.location;return false" ondragdrop="return false" onselectstart="return false">

Disable Right Click w/Logout
<BODY oncontextmenu=`alert(" TEXT HERE");location.replace("http://www.xanga.com/logout.asp");status=("RIGHT CLICK");return false;` onselectstart="return false" ondragdrop="return false"; background=personalpage_files/404.htm topMargin=0>

Disable Right Click w/ Pop-up
<BODY oncontextmenu=`alert("TEXT HERE");status=("RIGHT CLICK");returnfalse;` ondragdrop="return false"; background=personalpage_files/404.htm topMargin=0>


Disable Highlighting
<body onselectstart="return false">

Change Font Color:
<font color=FONT COLOR HERE

Change Font
<font face="FONT STYLE">TEXT GOES HERE</font>

Change Font Size
<font size="SIZE">TEXT HERE</font>

Font, Size, Color
<font color="FONT COLOR" size="SIZE" face="TEXT TYPE">MESSAGE</font>

Bold <B>TEXT HERE</B>

Italic <I>TEXT HERE</I>

Underline <U>TEXT HERE</U>

Strike <S>TEXT HERE</S>

Supscript <SUP>TEXT HERE</SUP>

Highlight <span style=background:a2a2a2><font color="black">TEXT HERE</font></span>

Faded Text
<DIVSTYLE="filter:blur(Strength=30); width:100";>TEXT HERE</DIV>

Highlighted TableText w/ Width.
<span style=background=104E8B;width="500%">TEXT HERE</span>

BorderDiv Box:
<div id="scroll3" style="width:372;height:200;background-color:;overflow:auto" style="position:static; top:170; left:75; border:solid; border-color:black; border-width:1; z-index: 1000;">TEXT HERE</divd></table>

Dotted Div Box
<div id="scroll3" style="position:static;top:100;left:100;width:100;height:100;overflow:auto; color:RED; border:dotted; border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;">TEXT HERE</div>

Transparent Div Box
<div id="scroll3" style="width:200;height:200;background-color:;overflow:auto"style="filter:alpha(opacity=45)" style="position:static; top:200; left:200; z-index: 1000;">TEXT HERE</div>

Borderless Div Box
<div id="scroll3" style="width:200;height:200;background-color:;overflow:auto" style="position:static; top:200; left:200; z-index: 1000;">TEXT HERE</div>

How to put a song on your page.
<bgsound src="put the url of the song here" LOOP="infinite" autostart="true">

Make a divider table
<hr width=450 color=FFFFFF>

*a divider table is that line you see underneath this

Back To Top
  • This marquee bounces from left to side
    <marquee behavior="alternate">PUT IMAGE/TEXT HERE</marquee>
    PUT IMAGE/TEXT HERE

    IMAGE MARQUEE
    <marquee behavior=alternate><marquee width="100"><img src="PUT IMAGE HERE" border="1" alt="html-skillz">
    </marquee></marquee>

    TEXT MARQUEE
    <marquee behavior=alternate><marquee width="100">PUT TEXT HERE
    </marquee></marquee>

    example:
    PUT TEXT HERE


    Scrolling down Text[Marquee]
    Heres another marquee. For this one, this one goes up and down. You can change the direction by typing "up" or "down". Remember to end </marquee> at the end.
    <MARQUEE DIRECTION="UP">TYPE WHAT YOU WANT TO TYPE HERE</marquee>

    Highlighted Marquees
    <FONT color="#font color"><MARQUEE direction="left" width="?" bgcolor="#background color">writing</MARQUEE></FONT>
    TEXT HERE

    <MARQUEE direction="left" width="?" bgcolor="#background color" behavior="slide">TEXT HERE</MARQUEE>
    TEXT HERE

    • Marquees
    This one slides to the left and just stops after that. Here`s an example. *If it isn`t moving; click refresh button and watch the example right afterwards.

    <marquee behavior="slide">PUT IMAGE/TEXT HERE</marquee>
    EXAMPLE
    image or text

  • Here`s the most commun one outta of all of `em since it`s so simple.
    <MARQUEE>PUT TEXT/IMAGE HERE</marquee>.
    EXAMPLE
    PUT TEXT/IMAGE HERE

  • This one bounces up and down and it`s a blur.
    <marquee behavior=alternate direction=up scrollamount=1 scrolldelay=60 height=50 style="text-align;filter:blur(add=1,phase=1,freq=1, strength=20)"><font color=#a2a2a2>PUT TEXT HERE</font></marquee>
    PUT TEXT HERE

    •
    Back To Top

    Images
    Make a hovering image link
    <a href="WEBSITE URL"><IMG SRC="IMAGE URL" style="filter:alpha(opacity=75" ALT="hovering message here" BORDER="0"></a>
    Example:Put your mouse over the picture (if you don't want the image to link to a website delete the WEBSITE URL
    hovering message here

    Transparent Image
    <img src="image url" style="filter:alpha(opacity=50)">



    Change the Size of The Image
    <img src="PICTURE URL HERE" width=250 height=250>
    Before: After:

    Image Blur
    <IMG SRC="IMAGE URL" STYLE="filter:Blur(strength=50)">

    Black And White Image
    <img src="address" id="GRAY1" border=0 style="align:center;width:?px;height:?px;filter:Gray">

    Image Style 1
    <img src="address" style="filter:Alpha(Style=1)">

    Image Style 2

    <img src="address" style="filter:Alpha(Style=2)">

    Image Style 3

    <img src="address" style="filter:Alpha(Style=3)">

    Mirror

    <TABLE STYLE="filter:FlipH()"><TR><TD align="center"><IMG SRC="address"></TD></TR></TABLE>

    Flipped


    <DIV STYLE="width:100%;filter:FlipV()"><IMG SRC="address"></DIV>
    Back To Top

    Tables
    props to EvilHtML for these boxes

    note: if you want to make your table see through, use this code:
    <style type="text/css"><!--table{filter:Alpha(opacity=?);}--></style>



    Basic
    text here

    <TABLE bgcolor="#ff0000"cellspacing="1"><TBODY><TR> <TD bgcolor="#FFFFFF">writing< /TD></TR></TBODY></TABLE>

    Three Layers
    text here

    <TABLE bgcolor="#ff0033"> <TBODY><TR><TD bgcolor="#ffffff"><TABLE bgcolor="#ff6600"> <TBODY><TR><TD bgcolor="#ffffff"><TABLE bgcolor="#ffff00"><TBODY><TR><TD bgcolor="#ffffff">writing</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

    3D
    text here

    <table border cellpadding="3"cellspacing="0"width="150"bgcolor="#?"bordercolor="#ffffff"bordercolordark="#ffffff"bordercolorlight="#000000"><tr><td><table border cellspacing="0"width="100%"bordercolor="#ffffff"bordercolordark="#ffffff"bordercolorlight="#000000"><tr><td bgcolor="#ffffff"><p align="center">writing<BR></td></tr></table></td></tr></table>

    Marquee table
    text here
    <MARQUEE width="100" style="border:2pxdotteddeeppink">writing</MARQUEE>

    Round
    text here

    <table width=130 height=130 style="filter: alpha(opacity=100,finishopacity=0,style=2);"><tr><td align=center bgcolor=deepskyblue>writing</td> </tr></table>

    Sguare
    text here

    <table width=150 height=150 style="filter: alpha(opacity=100,finishopacity=8,style=3);"><tr><td align=center bgcolor=deeppink><PRE>writing</PRE></td></tr></table>

    3 Lines on Side
    text here

    <TABLE bgcolor="#000000" cellspacing=1 CELLPADDING=3><TBODY><TR> <TD bgcolor="#ff1493"width="2"height="100"></TD><TD bgcolor="#ff69b4"width="2"height="100"></TD><TD bgcolor="#ffaacc"width="2"height="100"></TD><TD bgcolor="#ffffff"height="100"align="center"width="225">writing</TD></TR></TBODY></TABLE>

    Gradation
    text here

    <table width=150 height=150 style="filter: alpha(opacity=100,finishopacity=10,style=1);"><tr><td align=center bgcolor=skyblue><PRE>writing</PRE></td></tr></table>

    Box With Color
    text here

    <TABLE border="1" bgcolor="000000" bordercolor="skyblue" cellspacing="1" cellpadding="5" width="130"><tr> <TD bgcolor="skyblue" align="center">writing<BR></TD></tr></TABLE>

    Double Box
    text here

    <TABLE width="208" border="0" style="border:double 4px;border-color:bebebe;"><tr> <TD bgcolor="ffffff" align="center">writing<br></TD></tr></TABLE>

    Simple 2
    text here

    <TABLE border="1" bgcolor="000000" bordercolor="orange" cellspacing="1" cellpadding="5" width="217"><tr> <TD bgcolor="orange" align="center"><TABLE bgcolor="000000" cellspacing="1" cellpadding="3"><tr> <TD bgcolor="ffffff" width="237" align="center">writing<br></TD></tr></TABLE></TD></tr></TABLE>

    Simple 3
    text here

    <TABLE border="0" bgcolor="white" height="50" cellspacing="1" style="border:1 black solid;"><tr> <TD bgcolor="blue" width="213">writing</TD></tr></TABLE>

    Push Up
    text here

    <TABLE cellpadding="5" cellspacing="0" bordercolor="ffffff" bordercolordark="ffffff" bordercolorlight="hotpink" border="1"><tr> <TD bgcolor="pink">writing</TD></tr></TABLE>

    Lines
    text here

    <table border="0" width="150" height="50" cellspacing=1 cellpadding=0 bgcolor="black"><tr><TD bgcolor="white"><TABLE border="0" width="224" cellspacing="0" cellpadding="3" bgcolor="black" height="50"><tr><td bgcolor="white" width="3"></td><td bgcolor="hotpink" width="3"></td><TD bgcolor="white"width="202">writing</TD></tr></TABLE></TD></tr></table>

    Lines 2
    text here

    <table cellspacing=1 bgcolor=hotpink><tr><td bgcolor=white width=2 height=2></td><td bgcolor=white width=2 height=2></td><td bgcolor=white height=2></td></tr><tr><td bgcolor=white width=2 height=2></td><td bgcolor=white width=2 height=2></td><td bgcolor=white height=2></td></tr><tr><td bgcolor=white width=2></td><td bgcolor=white width=2></td> <td bgcolor=white>writing</td></tr></table>

    Double
    text here

    <TABLE style="BORDER-RIGHT:double 3px black; BORDER-TOP:solid 1px black;BORDER-LEFT:solid 1px black; BORDER-BOTTOM:double 3px black;"cellpadding="10"><TBODY><TR><TD>writing<BR></TD></TR></TBODY></TABLE>

    Color Top
    title
    bottom
    text

    <table cellspacing=1 bgcolor=black cellpadding=0><tr><td bgcolor=white><table cellpadding=4 cellspacing=0><tr><td bgcolor=pink align=center>title</td></tr><tr><td bgcolor=white>bottom writing</td></tr></table></td></tr></table>

    Gradation 2
    text here

    <TABLE bgcolor=white cellspacing=1><TR><TD bgcolor=ff00ff width=1></td><td bgcolor=ff66ff width=1></td><td bgcolor=ff99ff width=1></td><td bgcolor=white></TD><td bgcolor=ff99ff width=1></td><td bgcolor=ff66ff width=1></td><TD bgcolor=ff00ff width=1></td></tr></TABLE>

    Boxed
    text here

    <table cellspacing="1" bgcolor="black"><tr><td bgcolor="black" width="10"></td><td bgcolor="#FFFFFF"><BR>writing<BR><BR></td><td bgcolor="black" width="10"></td></tr></table>

    Top + Bottom
    text here

    <TABLE border="0"width="244"height="50"cellspacing="1"cellpadding="0"bgcolor="black"><tr><td bgcolor=white><TABLE border="0"height="50"cellspacing="0"cellpadding="0"bgcolor="black"><tr><TD bgcolor="white"height="5"width="248"></TD></tr><tr><TD bgcolor="deeppink"height="5"width="248"></TD></tr><tr><TD bgcolor="white"height="30"width="248"><writing</TD></tr><tr><TD bgcolor="deeppink"height="5"width="248"></TD></tr><tr><TD bgcolor="white"height="5"width="248"></TD></tr></TABLE></td></tr></TABLE>

    Super 3D
    title
    bottom text here

    <TABLE cellpadding="2"border="1"cellspacing="0"bordercolor="white"bordercolorlight="black"bordercolordark="white"><tr><td bgcolor=#fd95fb><CENTER>title<TABLE cellpadding="2"border="1"cellspacing="0"bordercolor="white"bordercolorlight="black"bordercolordark="white""><tr><td bgcolor=white>writing</td></tr></TABLE></CENTER></td></tr></TABLE>

    Frame
    text here

    <TABLE border="1"bgcolor="ffcc66"BORDERCOLOR="ffcc66"BORDERCOLORDARK="darkorange"><TR><TD align="center"width="130"bgcolor="#ffffff">writing</TD></TR></TABLE>

    Lines
    text here

    <table width="200" height="150" style="border-style:solid;border-color:#00afea;border-width:1 0 1 0"><tbody><tr><td align="center"><table width="190"height="140"style="border-style:solid;border-color:deepskyblue;border-width:1 0 1 0"><tbody><tr><td align="center"><TABLE height="130" style="border-style:solid;border-color:#88e1ff;border-width:1 0 1 0"cellpadding="10"><tbody><tr><TD align="left"width="223">writing</TD></tr></tbody></TABLE></td></tr></tbody></table></td></tr></tbody></table>

    Double Color (red & orange)
    text here

    <TABLE border="0"style="border-top:solid 1pt #ffcc00;border-bottom:solid 1pt #ff0000;border-right:solid 1pt #ffcc00;border-left:solid 1pt #ff0000;"><TBODY><TR><TD>writing</TD></TR></TBODY></TABLE>


    Back To Top

    Links

    Strike Line

    PLACE MOUSE HERE
    <STYLE type="text/css"><!--a:hover{text-decoration:line-through;}a{text-decoration:none;}a{cursor:default;}--></STYLE>

    Top and Bottom line

    PLACE MOUSE HERE
    <STYLE type="text/css"><!--a:link{color:?;text-decoration:none;}a:visited{color:?;text-decoration:none;}a:active{color:?;text-decoration:none;a:hover{text-decoration:overline underline;}a{cursor:?;} --></STYLE>

    Push Down


    <STYLE type="text/css"><!--A{text-decoration:none;color:black;}A:HOVER{color:?;text-decoration:none;visibility:visible;float:none;clear:none;position:relative;top:1pt;left:1pt;}A{cursor:?;}--></STYLE>

    Push Up


    <style type=text/css><!--A{text-decoration:none;color:#000000;cursor:default;}A:HOVER{color:?;text-decoration:none;cursor:default;visibility:visible;float:none;clear:none;position:relative;bottom:1pt;right:1pt;}--></STYLE>

    font color and background color change


    <STYLE type="text/css"><!--A:HOVER{color:FONT COLOR;background-color:BACKGROUND COLOR;}--></STYLE>

    Boxed


    <style type=text/css><!--a:link{color:?;text-decoration:none;}a:visited{color:?;text-decoration:none;}a:active{color:?;text-decoration:none;}a:hover{border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;}A{text-decoration:none;}a{cursor:default;}--></STYLE>

    3D Box


    <STYLE type="text/css"><!--A{text-decoration:none;cursor:default;}A:HOVER{text-decoration:none;background-color:#ccffcc;cursor:default;border-top:1px none;border-bottom:1px solid deepskyblue;border-left:1px none;border-right:1px solid hotpink;}--></STYLE>

    Italic


    <STYLE type="text/css"><!--a:hover{font:italic;}--></STYLE>

    Blur


    <style type="text/css"><!--a{text-decoration:none;}a:link{color:?;}a:active{color:?;}a:visited{ color:?;}a:hover{ color:?;filter:blur(direction=250,strength=4,add=false);position:relative;width:250pt;height:9pt;}--></style>

    Glow


    <style type="text/css"><!--a:link{color:#000000;text-decoration:none;}a:visited{color:#000000;text-decoration:none;}a:active{color:#000000;text-decoration:none;}a:hover{color:#000000;text-decoration:none;filter:glow(color=?,strength=2); width:100%; height:100%;}a{cursor:default;}--></style>

    Shadow Glow


    <style type="text/css"><!--a:link{color:#000000;text-decoration:none;}a:visited{color:#000000;text-decoration:none;}a:active{color:#000000;text-decoration:none;}a:hover{color:#000066;text-decoration:none;filter:shadow(color=?,direction=135);width:100%;height:100%;}a{cursor:default;}--></style>

    shadow


    <style type="text/css"><!--A:hover{color:?;filter:dropshadow(color=?,offx=2,offy=2,positive=true);height:8pt;text-decoration:none;}A{text-decoration:none;}--></style>

    Dotted Box


    <STYLE type="text/css"><!--a{cursor:default;}A{text-decoration:none;}A:HOVER{text-decoration:none;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;border-color:?;}--></STYLE>
    Back To Top

    4:28 PM - 98 views - 88 eprops - 49 comments - email it
    xanga - your site - terms - privacy - jobs - help - press - join - Language
    safety - parents - law enforcement
    report inappropriate content