Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2008-11-06 23:54:09
- marteueh
- Member
- Registered: 2008-11-06
- Posts: 12
customize the button search
Hello
It’s possible to customize the button that starts the search with css?
you would you give me some suggestions on how to operate?
thanks
Offline
Re: customize the button search
The easiest way I have found is to replace the TXP tag with code similar to this:-
<form id="searchForm" method="get" action="<txp:site_url />search">
<p><input id="searchInput" type="text" name="q" value="" size="25" /><input id="searchButton" type="submit" value="Go" /></p>
</form>This is similar to the code that the tag outputs but would allow you to add your own style hooks to use in your CSS. Note that I have a separate “search” section so you should adjust the “action” attribute to suit your site.
Last edited by thebombsite (2008-11-07 23:48:20)
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline
#3 2008-11-09 02:21:28
- marteueh
- Member
- Registered: 2008-11-06
- Posts: 12
Re: customize the button search
Thanks for your advice
I solved the problem
compliments for your website that is very interesting
bye
Offline
#4 2009-09-30 05:26:16
- gfdesign
- Member
- From: Argentina
- Registered: 2009-04-20
- Posts: 401
Re: customize the button search
Dears
In this code… How do I indicate the specific form I want to use for the results ?
Thanks
Offline
#5 2009-09-30 11:36:24
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,311
Re: customize the button search
You put a searchform="form name" in your article tag
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
#6 2010-06-13 13:28:24
- fantasmo
- Member
- Registered: 2010-05-05
- Posts: 40
Re: customize the button search
Hi, but when I use the html-code instead of the txp-search-tag…i can not show the word, the person typed in, on the search results page??!
Offline
Re: customize the button search
Hi guys! How i can put my image button instead of button value “go” ?
<txp:txp_me />
Offline
Re: customize the button search
Katalonian wrote:
Hi guys! How i can put my image button instead of button value “go” ?
<input type="image" src="/foo/bar.png" />- w3schools.com / input tag
- CSS image replacement for submit buttons
Offline
Re: customize the button search
jQuery UI is a good way of styling buttons, the bonus being someone else has done all the legwork in getting buttons to display identically in a wide selection of browsers…
Offline
Re: customize the button search
Guys, i created a search page from this tutor:
Search with Textpattern
<div class=“search_blocks”>
<div class=“search_block”>
<div class=“search_topic”><txp:search_result_title /></div>
<div><txp:search_result_excerpt /></div>
<div class=“search_link”><txp:search_result_url /></div>
</div>
How to do?
Last edited by Katalonian (2010-06-23 09:19:47)
<txp:txp_me />
Offline
#11 2010-06-23 11:13:29
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,311
Re: customize the button search
Ziya, Gocom has pointed you to W3schools above, use that address to learn CSS, that’s your weak point.
For a quick solution:
- You have a homepage where you can see how styles are embedded at the top of the document.
- A class is addressed by .classname, a div with a class x by div.x
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
Re: customize the button search
lol.
what about you are talkin’…
i cant apply txp tags to my search results. wtf there is css styles …
Last edited by Katalonian (2010-06-23 11:40:17)
<txp:txp_me />
Offline