1 Log-In/Search Bar Thu Jun 24, 2010 8:52 pm
latchy
Registered Member
OK so, I have designed a Log-In/Search bar and would like to place it on my homepage and forum. Is it possible, here it is
Go to page : 1, 2
Krazy wrote:Rob, What is your link to your Gaming site?
input[type="text"] , input[type="password"] {
color : #CCC;
background : #000;
}
input[type="submit"] {
color : #FFF;
background : red;
}
.login-box {
background : #666;
}
Add\There is a problem No The bottom of the box is been cut off. Check the link again
height: 32
input[type="submit"] {
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
}
<input type="image" src="IMAGE URL HERE">
<style>
input[type="text"] , input[type="password"] {
color : #CCC;
background : #4a4a4a;
border:none;
}
input[type="submit"] {
color : #fff;
background : #f55100
}
.Loginbox {
background-image: url('http://i69.servimg.com/u/f69/14/29/05/13/header10.gif');
background-repeat: no-repeat;
height: 32;
width: 923
}
.Login {
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0.25in;
padding-left: 23em;
}
input[type="submit"] {
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
}
a
{text-decoration:none
}
</style>
<font face="arial"><font size="2">
<div class="Loginbox">
<div class="Login"><input type="text" /> <input type="password" /> <input type="submit" value="Log In" /> <a href="LINK URL HERE"><font color="white">Lost Password?</font></a> <font color="#808080">No account yet?</font><a href="LINK URL HERE"> <strong><font color="#f55100">Register</font></strong></a>
</div>
</div></font> </font>
<style>
input[type="text"] , input[type="password"] {
color : #CCC;
background : #4a4a4a;
border:none;
}
input[type="submit"] {
color : #fff;
background : #f55100
}
.Loginbox {
background-image: url('http://i69.servimg.com/u/f69/14/29/05/13/header10.gif');
background-repeat: no-repeat;
height: 32;
width: 923
overflow:hidden;
}
.searchbox {float:left; padding:5px;}
.Login
{
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0.25in;
padding-left: 23em;
}
input[type="submit"] {
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
}
a
{text-decoration:none
}
</style>
<font face="arial"><font size="2">
<div class="Loginbox">
<div class="searchbox">
<input type="text">
<input src="BUTTON IMAGE URL HERE" type="image">
</div>
<div class="Login"><input type="text"> <input type="password"> <input value="Log In" type="submit"> <a href="LINK%20URL%20HERE"><font color="white">Lost Password?</font></a> <font color="#808080">No account yet?</font><a href="LINK%20URL%20HERE"> <strong><font color="#f55100">Register</font></strong></a>
</div>
</div></font> </font>
Go to page : 1, 2
WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Log-In/Search Bar
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum
|
|