Log In · Register

 
Replacing searchbar with an image!
Kolourrz
post May 28 2008, 10:53 PM
Post #1


Newbie
*

Group: Member
Posts: 2
Joined: May 2008
Member No: 653,129



I would like to know what code to have an image where the search bar originally is, which is above the blog only, not the modules.

Thanks for any help recieved! :]
 
 
Start new topic
Replies
venti-anemoi
post Jun 3 2008, 09:40 PM
Post #2


torn
*****

Group: Official Designer
Posts: 953
Joined: Oct 2004
Member No: 55,718



Well, the search bar has the class ".search"

Try this:

CODE
<style type="text/css">
.searchtext, .searchop, .searchsubmit
{display: none;}

table.search
{width: ###px;
height: ###px;
background-image: url(URL HERE);
background-repeat: no-repeat;
background-position: top left;
background-color: none;
cellpadding: 0;
cellspacing: 0;
margin: 0;}
</style>


The first part will hopefully get rid of the search input, dropdown menu, and the "Search" button. In the second part, replace URL HERE with the URL of the image you want, and you can change the repeat and position of the image as necessary, as well as the background color. Oh, and you can edit the width and height of the bar by replacing the ###s with actual numbers.

I haven't tried this code out; I just studied the default Xanga source code, so if it doesn't work, tell me and I'll see what I can do.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: