WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » serach box ?

View previous topic View next topic Go down  Message [Page 1 of 1]

1 serach box ? on Tue Jun 07, 2011 9:57 pm

black beauty


Registered Member
Registered Member
Hi Everybody here


i want css code of Search box i want to put it over the header of the forum


thx

2 Re: serach box ? on Tue Jun 07, 2011 10:14 pm

black beauty


Registered Member
Registered Member
my forum phb 2

3 Re: serach box ? on Tue Jun 07, 2011 11:50 pm

RockerMan


WebArtz Technician
WebArtz Technician
Reminder: Double posting is against the rules, please use the edit button

~RockerMan

What would you like to do with the saerch box?


_________________


No support via. PM, as they will just be deleted
http://www.graphics-post.com/

4 Re: serach box ? on Wed Jun 08, 2011 12:33 am

black beauty


Registered Member
Registered Member
search for topics in my forum or by google it is ok just the important thing is to put it on the header and i am using templates for my header

5 Re: serach box ? on Wed Jun 08, 2011 12:51 am

Nera


WebArtz Technician
WebArtz Technician
Hi,

PhpBB2

1. FOR THE SEARCH
Add this in your overall_header template just after </head>
Code:
 <form method="get" action="/search.forum?mode=searchbox&amp;show_results=topics" class="qsearch"><input type="text"> <input type="submit" value="Search"></form>

Than add this to CSS to move it arround.
Code:
.qsearch {
    position: absolute;
    right: 268px;
    top: 10px;
}

Than add this to CSS to customize it and make it fit your wishes. Change the properties ass you wish.
Code:
.qsearch input[type="text"] {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid black;
    color: #000000;
    padding: 3px;
}
.qsearch input[type="submit"] {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid black;
    color: #000000;
    font-size: 11px;
    padding: 3px;
}


_________________

6 Re: serach box ? on Wed Jun 08, 2011 3:29 pm

black beauty


Registered Member
Registered Member
look wonderful box thank you i like it


Thanks very much

7 Re: serach box ? on Wed Jun 08, 2011 6:05 pm

RockerMan


WebArtz Technician
WebArtz Technician
Topic Solved & Locked

~RockerMan


_________________


No support via. PM, as they will just be deleted
http://www.graphics-post.com/

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » serach box ?

Permissions in this forum:
You cannot reply to topics in this forum