Your Webpage and Website Designed the way YOU want it.

Buttons page

Below is some free information about your button or text links. Also there are buttons which we charge a small fee for. Some of the buttons will need us to upload for you, so you will need your ftp access for us to do that.

Text links can be changed in their colour when a mouse rolls over it. All you need to do is copy the code to the left into your head tag, I would suggest just below the title tag. EXAMPLE Change the colour to suit your taste. You can keep the colour the same by adding style="color:#FF0000"> into the <a> tag.

LOOK AT THIS EXAMPLE
The code to the left in the box goes into your head tag.
This is the code you will need for your <a> tag <a href="#" class="example">LOOK <span>AT <span>THIS <span>EXAMPLE</span></span></span></a>

THIS IS AN EXAMPLE
THIS IS AN EXAMPLE

You can change table colours on mouse over. Firstly select your background colour for your table bgcolor="#0000FF" blue in this case. Then we need to put some code into the <th> tag to change the colour on mouse over. We will change the colour to black but we will have to tell the mouse to change back to blue on mouse out. This is the code. onMouseOver="bgColor='#000000'" onMouseOut="bgColor='#0000FF'" The whole <th> tag code looks like this. <th width="100%" align="center" bgcolor="#0000FF" scope="row" onMouseOver="bgColor='#000000'" onMouseOut="bgColor='#0000ff'"><span class="style12"><a href="#" class="style12" >THIS IS AN EXAMPLE</a></span> </th>

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #EED5D2
;
}

</style>

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="https://www.1v-webdesign.com">example 1</a>'
menu1[1]='<a href="https://www.1v-webdesign.com">example 2</a>'
menu1[2]='<a href="https://www.1v-webdesign.com">example 3</a>'
menu1[3]='<a href="https://www.1v-webdesign.com">example 4</a>'

//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href="https://www.1v-webdesign.com">example 1</a>'
menu2[1]='<a href="https://www.1v-webdesign.com">example 2</a>'
menu2[2]='<a href="https://www.1v-webdesign.com">example 3</a>'
menu2[3]='<a href="https://www.1v-webdesign.com">example 4</a>'
		
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href="https://www.1v-webdesign.com">example 1</a>'
menu3[1]='<a href="https://www.1v-webdesign.com">example 2</a>'
menu3[2]='<a href="https://www.1v-webdesign.com">example 3</a>'
menu3[3]='<a href="https://www.1v-webdesign.com">example 4</a>'
menu3[4]='<a href="https://www.1v-webdesign.com">example 5</a>'
menu3[5]='<a href="https://www.1v-webdesign.com">example 6</a>'
		
var menuwidth='165px' //default menu width
var menubgcolor='transparent'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////only above needs to be changed to suit

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}

function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>

Web Design this test this test 2

Above is a neat table effect which you can play around with.
Enter the code to the left between your head tags. <head></head>

Then enter this code to your left into your anchor tag <a>
If you play around with this script you can create the look that you want.

Next we can create basic buttons for you any colour any size and in most cases any shape. All these buttons we can create for as little as 2 each. These are examples if you want something different just ask.

image 1
image 1

image 2
image 2

the effect
the effect

You can change any button on a mouse rollover effect. The button as normal will be image 1, when a mouse rollsover the button changes to image 2, then the button goes back to image 1 when mouse rollsout. We use dreamweaver which helps us to create this effect. At the top of dreamweaver click insert , then click image objests , then click rollover image . If you do not have dreamweaver we can upload these buttons for you, providing you have your ftp access. To the left are two examples of a rollover effect. These buttons we can create from as little as 5

	We can also create flashing gif buttons from as little as 5. The one to the left is an example.

Lastly we can create flash buttons, however these cost more money visit the flash page for more details. If you wish for us to create for you a button CLICK HERE to email your inquiry.

2008 1VWebdesign - your internet website solutions

Your Webpage and Website Designed the way YOU want it.

Below is some free information about your button or text links. Also there are buttons which we charge a small fee for. Some of the buttons will need us to upload for you, so you will need your ftp access for us to do that.

2008 1VWebdesign - your internet website solutions