round search boxes
- Started
- Last post
- 3 Responses
- mattyd04
anyone know any place where i can find a tutorial on how to create a round search box like the one at
ive looked through their code and tried messing with it but it wasnt working for me. any help would be appreciated.
love,
- vwsung18t0
it just looks like a background image with the input positioned with in the perimeter of the image.
- mattyd040
uhhh, still wouldnt know how to pull it off. did they just put the search box in a and then make the background a rounded image?
- ldww0
look at the code bro. its just an input inside a div with a background image.
#LastHeader #roundsearch {
width: 106px;
height: 25px;
float: left;
margin-right:3px;
overflow: hidden;
margin-left: -3px;
background: url("http://static.last.fm/image... top left no-repeat;
position: relative; z-index:15;
}
div.safari#roundsearchbox #roundsearch { margin:0px 1px 0 0;background:none;}
#roundsearch input {
height: 18px;
width: 80px;
float: left;
background: transparent;
border: 0;
margin: 3px 9px 0 13px;
padding: 3px 7px 0 0;
color: #91998E;
font-size: 11px;
overflow: hidden;
}