Thread: Login boxes
View Single Post
Old 10-10-2005   #2 (permalink)
GoldNetX
Registered User
 
GoldNetX's Avatar
 

Join Date: Nov 2003
Location: Pittsburgh, PA
Posts: 294

Send a message via AIM to GoldNetX
http://www.gusmayo.gwgaming.net/

If you mean like the buttons on my shoutbox then this is thecode I use:


This is the information for the form items, they are a bit different than the submit button

HTML CODE:

Code:
<div id="nameinput">

<input type="text" style="background-color: transparent; border: solid 0px #FFF; width: 85px; font-family: Verdana, sans-serif; color: #3DB4F9; font-size:10px;" maxlength="20" name="name">

</div>


<div id="linkinput">

<input type="text" style="background-color: transparent; border: solid 0px #FFF; width: 85px; font-family: Verdana, sans-serif; color: #3DB4F9; font-size:10px;" maxlength="100" name="site"/>			

</div>


<div id="textinput">

<textarea style="background-color: transparent; border: solid 0px #FFF; width: 115px; height:93px; font-family: Verdana, sans-serif; color: #3DB4F9; font-size:10px;" name="text1"></textarea>

</div>

CSS CODE:

Code:
#nameinput{
padding-left:6px;
padding-top:5px;
height:28px;
width:103px;
background-color: transparent;
background-image:url(images/images_05.png);
background-repeat: no-repeat;
}

#linkinput{
padding-left:6px;
padding-top:7px;
height:28px;
width:103px;
background-color: transparent;
background-image:url(images/images_09.png);
background-repeat: no-repeat;
}

#textinput{
padding-left:6px;
padding-top:4px;
height:105px;
width:132px;
background-image:url(images/images_18.png);
}
To make the submit button:
Code:
<a href="javascript:void(document.yourFormName.submit())"><img border="0" src="yourButton.imageFormat" /></a>
__________________

www.gusmayo.com
- Maybe a story or two -


www.jaloobie.com
... your new home ...

www.webinkproductions.com
- professional web application design -
GoldNetX is offline