Stay Signed In
Do you want to access your site more quickly on this computer? Check this box, and your username and password will be remembered for two weeks. Click logout to turn this off.

Stay Safe
Do not check this box if you are using a public computer. You don't want anyone seeing your personal info or messing with your site.

Ok, I got it

html-help

information

None of these codes were made by me, I've just found them on other sites and gathered the ones I consider most useful here for your help. So there is no need for crediting me for these codes. Hope I could help you somewhat...&& if there are any questions just go back to that homepage >> site >> ask me.

texteffects linkeffects image-effects textboxes other codes back home

texteffects

make your text look better

Bold
<B>YOUR TEXT</B>

Italic
<I>YOUR TEXT</I>

Underlined
<I>YOUR TEXT</I>

Strikeout
<S>YOUR TEXT</S>

Background colour
<font color="#000000" style="BACKGROUND-COLOR:#ffffff">TEXT HERE</font>

Change textcolour
<font color="#COLOUR">TEXT HERE</font>

Change font
<font face='FONT HERE'>TEXT HERE</font>

to the top

linkeffects

change the way your links look

Remove underline
<HEAD> <style TYPE="text/css">  </style> </HEAD>

Linethrough
<style type="text/css">  </style>

Line over and under
<style type="text/css"></style>

Blurred
<style TYPE="text/css"></style>

Spaced out
<style type="text/css"></style>

Box around
<style TYPE="text/css"></style>

Dotted box
<style TYPE="text/css"></style>

Capitals
<style type="text/css"> </style>

Lines at the end
<style type="text/css"></style>

Picture background
<style type="text/css"></style>

Colour background
<style type="text/css"></style>

Lowercase
<style type="text/css"></style>

Different colour
<style type="text/css"> a:link {color: #colorhere;} a:visited {color: #colorhere;} a:hover {color: #colorhere;} a:active {color: #colorhere;} </style>

Different font
<style TYPE="text/css"></style>

to the top

image effects

experiment with different effects

Original image

Transparent

<IMG src="image url here" style="filter:alpha(opacity=50)">

With border

<IMG style="background:#COLOR;border:#000000 4px outset" src="image url here">

From black'n'white to original with mouseover

<IMG src="image url here" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" a>

From transparent to original

<style type="text/css"> .gradualshine{ filter:alpha(opacity=30); -moz-opacity:0.3;} </style> <script type="text/javascript"> /*********************************************** * Gradual Highlight image script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var baseopacity=30 function slowhigh(which2){ imgobj=which2 browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : "" instantset(baseopacity) highlighting=setInterval("gradualfade(imgobj)",50)} function slowlow(which2){ cleartimer() instantset(baseopacity)} function instantset(degree){ if (browserdetect=="mozilla") imgobj.style.MozOpacity=degree/100 else if (browserdetect=="ie") imgobj.filters.alpha.opacity=degree} function cleartimer(){ if (window.highlighting) clearInterval(highlighting)} function gradualfade(cur2){ if (browserdetect=="mozilla" && cur2.style.MozOpacity<1) cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99) else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting)} </script> <img class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)" src="image url here">

Marquee

<MARQUEE behavior="alternate"><MARQUEE width="200"><IMG src="url here"><IMG src="url here"><IMG src="url here"></MARQUEE></MARQUEE>

Dragable image (try to move it with the cursor)

<style>  </style><script language="JavaScript1.2">  </script> <img src="image url here" class="drag">

Changing image with mouseover

<script TYPE="text/javascript">  </script> <A HREF="" onMouseOver="rollover('home')" onMouseOut="rollout('home')"><IMG SRC="url for image1" NAME="home" ALT="" BORDER="0"></A> <script TYPE="text/javascript">  </script>

To make a clickable thumbnail of big image

<a target="_blank" href="image url"><img src="image url" height="100" width="100" border="0"></a>

To upload an image with its original size
<img src="image url here">

to the top

textboxes

organize your site

This code makes a space in the textbox
<br>

This code makes a link in the textbox
<a href="PAGE URL">SITENAME</a>

Use this code for images in the textbox
<img src="image url here">

Scrollbox
<div id="scroll3" style="width:200;height:50; background-color:white; overflow:auto" style="border-style:solid; border-width:1px; border-color:black"> <FONT face="tahoma" color="000000"><FONT size="1">TEXT/LINK/PICTURE/HTML HERE <br>TEXT/LINK/PICTURE/HTML HERE <br>TEXT/LINK/PICTURE/HTML HERE <br>TEXT/LINK/PICTURE/HTML HERE <br>TEXT/LINK/PICTURE/HTML HERE </FONT></FONT></div>

Table 1
<TABLE width="200" style="border:2 solid black" bgcolor="#ffffff"> <TR> <TD bgcolor="black"><FONT face="tahoma" color="ffffff"><FONT size="1">TITLE</FONT></FONT></TD> </TR> <TR> <TD bgcolor="ffffff"><FONT face="tahoma" color="000000"><FONT size="1"> TEXT/LINK/PICTURE/HTML HERE </FONT></FONT></TD></TR></TABLE>

Table 2
<TABLE><TR><TD BGCOLOR="WHITE"><P ALIGN="CENTER"><FONT FACE="tahoma" SIZE="1" COLOR="000000"><B>TITLE</B></FONT></P></TD></TR> <td bgcolor='#000000' width="200" style="border:1 solid WHITE"><font face='tahoma'><font size='1'><font color='#FFFFFF'> TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </font></font></font></td> </TABLE>

Table 3
<div style="border: 0px solid #749674; border-bottom: 4px solid #808080; text-align: right; width:200; height:8; background:#404040"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:#ffffff ; FONT-FAMILY:verdana ; LETTER-SPACING: 1px; TEXT-TRANSFORM: uppercase; background-image:url(); background-repeat: repeat; background-position: top right; background-attachment: fixed; width=200"> TITLE </FONT></div> <div style="border: 0px solid #749674; border-bottom: 2px dotted #808080; border-left: 4px solid #808080; width:200; height:8; background:#c0c0c0"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR:#000000 ; FONT-FAMILY:tahoma ; LETTER-SPACING: 0px; LINE-HEIGHT: 9px"> <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </FONT></div>

Transparent table 1
<TABLE border="2" borderColor="black" width="200"><TBODY><TR><TD><CENTER><font face="tahoma"><font size="1"><font color="black">TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </font></font></font></CENTER></TD></TR></TBODY></TABLE>

Transparent table 2
<p style="width:200px;text-align:center;border:1px solid black;padding:3px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;"><font face="tahoma"><font size="1"><font color="black">TEXT/LINKS/IMAGES/HTMLS HERE<BR>TEXT/LINKS/IMAGES/HTMLS HERE<BR>TEXT/LINKS/IMAGES/HTMLS HERE</font></font></font></p>

to the top

other codes

misc. codes that might be useful

No right-click
<script language=JavaScript>  </script>

Pageborder
<body style="border: 7px solid #ff66cc; "> <script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></body>

4-coloured pageborder
<BODY style="border-bottom: #FARGE HER 12t solid; border-top: #FARGE HER 12t solid; border-left: #FARGE HER 12t solid; border-right: #FARGE HER 12t solid"> <script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></BODY>

Forwards-link
<a href="javascript: history.forward(-2)">Forwards</a>

Go back-link
<a href="javascript: history.back(-1)">Back</a>

HTML-codes shown as text
<xmp>CODE HERE</xmp>

HTML-codes in textbox
<TEXTAREA>code here

No scrollbar
<BODY SCROLL="NO"> <script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></BODY>

to the top