HTML codes

Help with your HTML

ť Text Effects
ť Link Effects
ť Image Effects
ť Cursors
ť Page Extras
ť Boxes & Borders
ť Others

Text Effects

Bold

~~Strike Out~~

Italic

Underline

Centerd Text [*Take out stars*]

Change Font Colour

Change Font

Change font Size

Coloured Background

Close Together Text

Small Fonts

Text Link

Back To Top

Image Effects

Edges Faded

Colour On Mouseover

Spotlight

<style>
<!--

#myimage{
filter:light
}

-->
</style>

//Image spotlight effect- By Erik F (die_schlampe@hotmail.com)
//Code enhancements by Dynamicdrive.com
//Visit http://www.dynamicdrive.com for this script

s = 50; // the size of the spotlight
vp = 10; // the visibility percent of the picture
startx = 0; // the top position of your sportlight into the image (on start)
starty = 0; // the left position of your spotlight into the image (on start)

var IE = document.all?true:false

function moveL()
{
xv = tempX;
yv = tempY;
myimage.filters.light.MoveLight(1,xv,yv,s,true);
}

if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0

function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY

if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  if (t)
  {  
   moveL();
  }

return true
}

var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="hand";
myimage.filters.light.addAmbient(255,255,255,vp)
myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
}

</script>

Transparent To Normal

.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

</style>

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>

Thumbail

Image Marquee

Image Changes On Mouseover

var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
    pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
    {
    rollOverArr[pageImageName].outImg = new Image;
    rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
    }
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</script>

Resize Image

Invert Image

Image As A Link

Image As Fixed Background

Back To Top

Cursors

Little Black Wand

Little Black Arrow

Little Hand

Sparkly Arrow

Wand That Changes Colours

Little Arrow Saying "Click!"

Cute LittleThing Holding A Wand

Arrow & Pink Hearts

Back To Top

Page Extras

Gradient Page Background

Scrollbar

No Scrollbar

Open Link In A New Window

No Right Click

No Right-Click With Messege

No Adverts

Change Broswer Title

Typing Browser Title

Bouncing Status Bar

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

</script>

Typing Status Bar

Scrolling Status Bar

Back To Top

Boxes & Borders

Page Border

Text Area Like This One [*Take out stars*]

Normal Boxes

Scrolling Box

Border Around Text//Image

Back To Top

Others

Pop Up Page

Close Pop Up Page

Add To Favourites List

Site Namer

<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var first = new Array(
"Shattered","Flawless","Heavenly","Dirty","Classical","Shimmering","Exotic","Vintage","Heartless","Dashing","Luscious","Twisted","Glossy","Silent","Brittle","Pink","Peppermint","Raging","Mystical","Tranquil","Hidden","Sweet","Sour","Adorable","Sweet","Toxic","Coloured","Wild","Raspberry","Desired","Retro","Evil","Electric","Tarnished","Alluring","Cinnamon","Sugar","Lovely","Distressed","Sparkling","Rose","Lost","Hungry","Sweet","Confused","Royal","Mystic","Innocent","Quiet","fabulous","Purple","Misleading","Chocolate","Hidden","Secret","Packaged","Voluptuous","Red","Orange","Yellow","Green","Blue","Grey","Blind","Beautiful","Radiant","Faded","Fake","Overwhelmed","Forgotten","Pictured","Tempted","Runaway","Changed"

)
var last = new Array(
"Elegance","Hearts","Soul","Venom","Storm","Swirl","Wish","Power","Drama","Dreams","Immortal","Romance","Hell","Lady","Heaven","Promise","Pledge","Smiles","Light","Superstar","Times","Kiss","Embrace","Gloss","Butterfly","Wings","Sky","Hug","Silence","Daisies","Garden","Varnish","Blood","Thoughts","Smash","Empathy","crime","Secret","Confusion","Beauty","Smile","Existence","Revolution","Darkness","Oblivion","Angels","Truth","Guess","Rain","Heavens","Plane","Sensation","Longing","Vision","Disaster","Ruins","Perfection","Words","Train","Admiration","World","Chelsea (tehe)")
var r = 0;
var q = 0;
function RandomName(nameform) {

r = Math.floor(Math.random() * last.length);     
q = Math.floor(Math.random() * first.length);

nameform.band.value=first[q] + " " + last[r];

}

//  End -->
</script>
<br>
<form>
<input type="text" name="band" size="40"> <br>
<input type="button" name="generate" value="click me!?" onClick="RandomName(this.form)"></form></CENTER>

Edit "Site Namer" Colours

Back To Top

[Super],Fatima

Navigate

The A-Team

Please Vote Folks

Site Stats

Ads

Disclaimer

HTML codes

Help with your HTML

Text Effects

Link Effects

Image Effects

Cursors

Page Extras

Boxes & Borders

Others