fenderz-tips4

Question Pop Up

was my site helpful?

This is kinda neat, you can change the pop-up box text to anything you want! Just copy and paste the HTML code below into you HTML code, and change the text that i have pointed out in BOLD letters.

______________________

Browser Scroller

EVERYBODY wants this one! Its a scroller that shows up on the top of your browser! All you have to do is copy and paste the code below!

*remember to remove the spaces between [<] and [>]

< script language="JavaScript1.2" >
// *******************************************************************
// script by drevil_nz, Michael Dillon, Christchurch New Zealand. 
// Permission granted to use this script provided this credit        
// remains intact. Visit my homepage www.chc.quik.co.nz/juggler/mikey.html
// Script written for Internet Explorer 4.0+.
// *******************************************************************

var message="//fenderz tips =)\"     //specifys the title
var message=message+"          " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds. 
i="0"			         //declares the variable and sets it to start at 0
var temptitle=""                 //declares the variable and sets it to have no value yet.
var speed="150"                  //the delay in milliseconds between letters

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)  //sets the initial title
temptitle=temptitle+message.charAt(i)       //increases the title by one letter
i++					    //increments the counter
if(i==message.length)			    //determines the end of the message
{
i="0"					    //resets the counter at the end of the message
temptitle=""				    //resets the title to a blank value
}
setTimeout("titler()",speed) 		   //Restarts. Remove line for no-repeat.
}

window.onload=titler
< /script >

_______________________

Menu Box

This is a cool Menu Box thats great to stick on main pages!
Just copy and paste the code below into your HTML. You'll have to modify the HTML code a bit, so once you have it pasted into your HTML read through the code, i will type everything that needs to be modified in BOLD letters.

Menu

Fenderz Tips
Learn HTML
Icons

*remember to remove the spaces between the [<] and [>])

< script >
if (!document.layers)
document.write('< div id="divStayTopLeft" style="" >')
< /script >

< layer id="divStayTopLeft" >

< !--EDIT BELOW CODE TO YOUR OWN MENU-- >
< table border="1" width="130" cellspacing="0" cellpadding="0" >
  < tr >
    < td width="100%" bgcolor="#99ccff" >
      < p align="center" >< b >< font size="4" >          WRITE TOP TEXT(USUALLY SAYS 'MENU')< /font >< /b >< /td >
  < /tr >
  < tr >
    < td width="100%" bgcolor="#FFFFFF" >
      < p align="left" > < a href="http://WEBSITE URL" >WEBSITE NAME< /a >< br >
       < a href="http://WEBSITE URL" >WEBSITE NAME< /a >< br >
       < a href="http://WEBSITE URL" >WEBSITE NAME< /a >< br >
       < a href="http://WEBSITE URL" >WEBSITE NAME< /a >< br >

< /tr >
< /table >
< !--END OF EDIT-- >

< /layer >

< script type="text/javascript" >

/*
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"

if (!document.layers)
document.write('< /div >')

___________________________

Dragable Pictures

Click For Demo

When i first found this HTML i was totally syked! I absolutly love it!!! It allows you to drag a picture on your page, and drop it in another spot!The only way i could get it to work though was that it was the only HTML on the page. Theres 2 parts to this; first, copy and paste the code below into you HTML.

*In this HTML remove all the spaces between the [<] and [>]

Then you need to open up a second HTML and copy and paste this code into it. Where it says, 'put image here' is where you stick your image. First find an image you like that is already on a site. Left click and a box should appear, and at the bottom it should says 'properties'. Go there, and where the adress is, ex;- http://www.something.com/img - copy and paste that into your HTML where it says 'put image here', and it should work!

___________________________

Shadowed Image

Notice how this image has a cool shadow effect to it? Its really easy to do! Copy and paste the code below into your HTML. once this code is put on, you wont have to copy and paste it again to get the shadow effect on more than one picture, as long as its on the same page.

*Remember to take out the spaces between the [<] and [>]

<!--[if gte IE 5.5000]>

.shadowcss{
position: relative;
top: -5px;
left: -5px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true');
}

</style>

<![endif]-->

< script type="text/javascript" >

/***********************************************
* Pop-it Image script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

function updownshadow(){
if (event.srcElement.effect=="popshadow"){
shadowobj=event.srcElement
if (event.type=="mousedown"){
shadowobj.filters[0].color=shadowobj.mousedowncolor
shadowobj.style.left=shadowobj.style.top=0
}
else if (event.type=="mouseout" && event.fromElement.effect=="popshadow" || event.type=="mouseup"){
shadowobj.filters[0].color=shadowobj.mouseupcolor
shadowobj.style.left=shadowobj.style.top=shadowobj.filters[0].OffX*(-1)
}
}
}

if (document.attachEvent){
document.attachEvent("onmousedown", updownshadow)
document.attachEvent("onmouseup", updownshadow)
document.attachEvent("onmouseout", updownshadow)
}

< /script >

Once you've done that, copy and paste the second code below into another HTML on your site. To add the picture, find one you like that is already on your site or somebody elses. right click, go to properties and copy and paste the web adress to the HTML where it says 'PASTE PICTURE HERE'. If you want multiple pictures on your page with the shadow effect, just copy and paste the code below again, changing the 'PASTE PICTURE HERE' with a different picture.

( if you need the url of a picture, a good place that hosts your pictures for you is www.photobucket.com. They even stick your photos with an easy copy and paste HTML!)

_________________________

Side Bar Navigation

This another easy HTML to add to your site. Copy and paste the code below, into your HTML and change the TEXT and URL to your prefrences. Its marked out in BOLD letters for you.

Forums

Icons

GamesHere

(the URL is the website that you want to link to:ex;you would write, www.something.com)

Piczo

Post Clip On Your Blog!