The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

About SEARCH BUTTON.

4 posters

Go down

In progress About SEARCH BUTTON.

Post by Yoshi156 Wed Sep 14 2011, 06:11

Hello guys,

Can someone teach me how to make search button like this? or someone give me the code and the steps where to paste codes you gave? hope you can help me guys and thanks in advance.

ScreenShot: About SEARCH BUTTON. Untitled-71

More power!

Regards,
Yosh
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by kirk Wed Sep 14 2011, 06:24

I think this is for official forumotion support forums only?
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by Yoshi156 Wed Sep 14 2011, 14:32

I just wanna know sir/ma'am how to make a search button like that.Please help me and i promise i won't imitate the style.
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by Stephen- Wed Sep 14 2011, 14:36

is your forum version is punBB ?
Stephen-
Stephen-
Hyperactive

Male Posts : 2542
Reputation : 326
Language :

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by Yoshi156 Wed Sep 14 2011, 14:37

Yes.
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by Nera. Wed Sep 14 2011, 17:28

Hi,

Nobody will provide you the exact CSS of this on on support forum cause it would not be OK.

You have the settings here. All you need to do is customize it to fit your wishes through CSS

for the search;

1. add this to your overall_header template just after
<ul class="clearfix">

Code:
                     <form method="get" action="/search.forum?mode=searchbox&show_results=topics" class="qsearch"><input type="text"> <input type="submit" value="Search"></form>
Save and publish template.

2. Add this to CSS to customize it how ever you want it
Code:
.qsearch input[type="text"] {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #ffffff;
    padding: 3px;
}
.qsearch input[type="submit"] {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #ffffff;
    font-size: 11px;
    padding: 3px;
}

3. Add this to CSS to move it around where ever you want it, change pixels
Code:
.qsearch {
    position: absolute;
    right: 8px;
    top: 10px;
}
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by kirk Thu Sep 15 2011, 05:08

Nice work there nera, you rule guitar rock
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Back to top

- Similar topics

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