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

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]

1serach box ? Empty serach box ? Tue Jun 07, 2011 11:27 pm

black beauty

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

2serach box ? Empty Re: serach box ? Tue Jun 07, 2011 11:44 pm

black beauty

black beauty
Registered Member
Registered Member
my forum phb 2

3serach box ? Empty Re: serach box ? Wed Jun 08, 2011 1:20 am

RockerMan

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

~RockerMan

What would you like to do with the saerch box?

http://www.graphics-post.com/

4serach box ? Empty Re: serach box ? Wed Jun 08, 2011 2:03 am

black beauty

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

5serach box ? Empty Re: serach box ? Wed Jun 08, 2011 2:21 am

Nera

Nera
Technician
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;
}

6serach box ? Empty Re: serach box ? Wed Jun 08, 2011 4:59 pm

black beauty

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


Thanks very much

7serach box ? Empty Re: serach box ? Wed Jun 08, 2011 7:35 pm

RockerMan

RockerMan
Technician
Technician
Topic Solved & Locked

~RockerMan

http://www.graphics-post.com/

Sponsored content


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