The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

About SEARCH BUTTON.

View previous topic View next topic Go down

In progress About SEARCH BUTTON.

Post by Yoshi156 on September 14th 2011, 5:11 am

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:

More power!

Regards,
Yosh

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by kirk on September 14th 2011, 5:24 am

I think this is for official forumotion support forums only?

kirk
Forumaster

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

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by Yoshi156 on September 14th 2011, 1:32 pm

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
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by Darkel on September 14th 2011, 1:36 pm

is your forum version is punBB ?

Darkel
Hyperactive

Male Posts : 2186
Reputation : 272
Language : English, Tagalog
Location : Philippines

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by Yoshi156 on September 14th 2011, 1:37 pm

Yes.

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by Nera. on September 14th 2011, 4:28 pm

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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: About SEARCH BUTTON.

Post by kirk on September 15th 2011, 4:08 am

Nice work there nera, you rule guitar rock

kirk
Forumaster

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

Back to top Go down

View previous topic View next topic Back to top


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