<a href="

"><button>
</button></a>
<a href="
">
</a>
-------------------------------------------------------..
<style type="text/css">
body {
background-image: url(
) ;
background-attachment:fixed;
background-repeat: no-repeat;
background-position:Bottom; }</style>
...
................................................................
Text Box
<form method="post" action="">
<textarea name="comments" cols="60" rows="5">
.....
</textarea><br>
</form>
.................................................................
box
<table width=50% style="border:2px dotted hotpink;" cellpadding="4" cellspacing=
"4"><tr><td style="border:2px dotted lightpink;"><font size="1">

</td

<table width=50% cellpadding="6" cellspacing="2" style="border:double 5px #9900F

F,"><tr><td style="border:double 5px #9900FF;">
</td></tr></table>
...............................................
<div align="center">
<p id="top"><a href="#" temp_href="#"><img src="http://img140.imageshack.us/img1
40/5843/top1.png" width="70" height="45" border="0" alt="Back to the Top" title=
"
"></a></p>
...
..................................................................
Flash
<embed
src="
*.swf
" ="" wmode="transparent"
allowfullscreen="true" allowscriptaccess="always"
height="300" width="460">
*.swf

upload

.............................................

<Font size ="2" color ="green">

<Font size ="3" color ="blue">
<Font size ="4" color ="yellow">

</font>
</font>
</font>

.............................................

<a href="
target="_blank">

"
</a>

<a href="
"
target="_blank"> <img style="width: 280px; height:50px;"
src="
"
alt=""/> </a>
.............................................

<style
type="text/css"> <!-- A:link { text-decoration: none; color:yellow
} A:visited { text-decoration: none; color:red} A:hover { text-decoration:
none; color:green } --> </style>
.......................................................

<b onmouseout="this.style.color = 'black';" onmouseover="this.style.color

= 'red';" align="justify">
</b>
.................................................

<SCRIPT language="JavaScript">
<!-- hide from old browsers
alert("

");

//-->
</SCRIPT>
.............................................
Tab bar
<script language="javascript" type="text/javascript">
msg = "
";
msg = "..." + msg;pos = 0;
function scrollMSG() {
doc**ent.title = msg.substring(pos, msg.length) + msg.substring(0, pos);

pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",150);
}
scrollMSG();
</script>
.............................................
Print
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
doc**ent.write('<form>'
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"></form>');
}
// End -->
</script>
.............................................
Drop Down List
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_bla
nk')" style="width: 140px;">
<option>
<!-- change the links with your own --></option>
<option value="
">
</option>
<option value="
">
</option>
<option value="
">
</option>
</select></form>
.............................................

<table border = "1">

<caption>
</caption>
<tr><th>
</th><th>
</th></tr>
<tr><td>
/ </td><td>
/ </td></tr>
<tr><td>
/ </td><td>
/ </td></tr>
</table>
.............................................
Drop down List
<table border="0" cellspacing="0" align="center">
<tr>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_bla
nk')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="-URL
--">---</option>
</select></form>

</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_bla
nk')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="-URL
--">---</option>
</select></form>
</td>
<tr><td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_bla
nk')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="-URL
--">---</option>
</select></form>
</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_bla
nk')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="-URL
--">---</option>
</select></form>
</td></tr>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_bla
nk')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="-URL
--">---</option>
</select></form>
</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_bla
nk')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="-URL
--">---</option>
</select></form>
</td>
</tr>
</table>
........................................................
Google Search
<FORM method=GET action=http://www.google.com/custom>
<INPUT TYPE=text name=q size=14 maxlength=255 value="">
<INPUT type=submit name=sa VALUE="
"><br>
<input type=hidden name=domains value="ning.com">
<input type=radio name=sitesearch value="" checked>Google <br>
<input type=radio name=sitesearch value="ning.com"> ning.com
</FORM>
.............................................

a:hover {
color:#FF0000;
text-decoration:none;

background:transparent url(
}

*.gif

);

............................................
comment wall
/*---pic in comment wall---*/
#xg_profiles_chatterwall_post_comment{
color: #ff6000;
background-color:transparent!important;
background-image:url(
background-repeat: no-repeat;
background-position:bottom;
background-attachment:relative;}

);

comment wall toolbar

/*---pic in comment wall toolbar---*/
.texteditor_toolbar {
background-image:url(
URL
border:2px ridge black;
width:500px;
height:50px;
}

)!important;

.............................................
network Icon
<link rel="icon" type="image/gif" href="

Icon

">

.............................................
website Header

Flash

<script language="JavaScript">
//insert under the NingBar only if the NingBar exists
var ningBar = doc**ent.getElementById('xn_bar');
if(ningBar) { var headlinerAd = doc**ent.createElement('div');
headlinerAd.id='headliner_ad'; headlinerAd.innerHTML = '<div style="font-size: 2
0pt; float: center; color: #FF0000; border: 1px; background-color: transparent;
text-align: center;"><embed src="
*.swf
" ="" wmode="tr
" height="120" width="960"></embed></div>'; ningBar.parentNode.insertBefore(head
linerAd,ningBar.nextSibling);}</script>
...
.............................................
Floating
<div style="position:fixed;top:20px;right:0px;">
</div>

Flash
Position

.............................................
navigation bar

#xg_navigation { margin-top:1em; background: url(

) top repeat-x; height: 60px; border-top:2px ridge (transparent
; border-center:2px ridge (transparent); border-bottom:2px ridge (transparent);
}
...........................................
Title Bar
.xg_module_head {
background-color:transparent;
background-image:url(
background-repeat:repeat;
margin-bottom:0em;
}

);

...............................................

#xg_foot {
background-image:url(
}

jpeg, gif, png

);

.............................................

<marquee>

</marquee>

<marquee direction=right>
<marquee behavior=alternate>

</marquee>
</marquee>

<center><marquee behavior=alternate width=50%>

<marquee direction=up height=50>
<marquee direction=down height=50>
<marquee direction=down height=50 behavior=alternate>

</marquee></center>
</marquee>
</marquee>
</marquee>

.....................................................
scroll-box
<style type="text/css">
div.scroll-box {
height:100px;
width:200px;
font:10pt/20pt Verdana,arial,sans-serif;
overflow:scroll;
}
</style>
<div class="scroll-box">
Enter your scroll box text here... once there's enough text, the box will grow s
croll bars!
You can also put pictures in here and it will scroll if the picture is too big.
</div>
<div style="border: 9px ridge rgb(96, 214, 243); overflow: scroll; height: 100px
; width: 220px;">
</div>
......................................................
slide show
<div align=center>
<table width=400 border=0 align=center>
<tr>
<td>
<marquee width=400>
<img src=
URL
/>
<img src=
URL
/>
<img src=
URL
/>
</marquee>
</td>
</tr>
</table>
</div>
................................................
underlines
<style type="text/css">
<!-- a { text-decoration: none; }// -->
</style>
..............................................

Tab
<FORM>
<INPUT TYPE="BUTTON" VALUE="Home Page"
ONCLICK="window.location.href='
<INPUT TYPE="BUTTON" VALUE="HTML Books"
ONCLICK="window.location.href='
<INPUT TYPE="BUTTON" VALUE="JavaScript"
ONCLICK="window.location.href='
</FORM>

URL

' ">

URL

' ">

URL

' ">

............................................
iframe
(

<iframe src="
URL
width="200"
height="150"
scrolling="auto"
frameborder="1"></iframe>

"

................................................
<embed name="
src="
width="300"
height="90"
loop="false"
autostart="false">
</embed>

URL *.wav

"
"

myspace music
<embed src="http://lads.myspace.com/theAnswer.swf"
quality="high"
bgcolor="#ffffff"
width="450"
height="345"
name="mp3player"
align=""
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
................................................

<object width="425px" height="360px" >

<param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/>
<param name="movie" value="
<embed src="
Video
URL
ve-flash" wmode="transparent"/>
</object>

"/>
" width="425" height="360" allowFullScreen="

.................................................

<fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><fo

nt color=" #FF0000">
</font></legend><font color=" #FF0000"><p align=
...............................................
BlogPost

Scrollbar

/* scroll box for the blog post */

#xg_module_blog, .body_detail{
height: 300px;
overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 14px;
font-family :arial;
}

......................................................
Update Status
#xj_StatusAndShareLink {display:none}

...............................................................
latest activity
xg_module, .xg_module_activity {
background: url();
background-repeat: no-repeat;
background-position: center 0px;
width: 500;
height: 500px;
overflow : auto;
overflow-x: hidden;
position:relative;
margin : 3px;
text-align : center;
font-size : 10px;
font-family : arial;
border:1px solid #04B404;
}

................................................
Ads by Google

scroll

.xg_ads { right:1500px; } .xg_ads { height:0px; width:0px; }