Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#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

#2 2008-11-07 23:47:30

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

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,303

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

#7 2010-06-21 05:53:58

Katalonian
Member
From: Baku, Azerbaijan
Registered: 2010-04-18
Posts: 219
Website

Re: customize the button search

Hi guys! How i can put my image button instead of button value “go” ?


<txp:txp_me />

Offline

#8 2010-06-21 08:05:37

Gocom
Developer Emeritus
From: Helsinki, Finland
Registered: 2006-07-14
Posts: 4,533
Website

Re: customize the button search

Katalonian wrote:

Hi guys! How i can put my image button instead of button value “go” ?

Offline

#9 2010-06-21 11:00:36

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

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…

jQuery UI Buttons

Offline

#10 2010-06-23 09:18:01

Katalonian
Member
From: Baku, Azerbaijan
Registered: 2010-04-18
Posts: 219
Website

Re: customize the button search

Guys, i created a search page from this tutor:
Search with Textpattern

But i can’t stylize search results with txp search tags. for example:

<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,303

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

#12 2010-06-23 11:19:50

Katalonian
Member
From: Baku, Azerbaijan
Registered: 2010-04-18
Posts: 219
Website

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

Board footer

Powered by FluxBB