coppermine-gallery.com/forum

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: alanpalan on November 26, 2007, 09:56:53 PM

Title: changing appearance of search field added to homepage
Post by: alanpalan on November 26, 2007, 09:56:53 PM
I added search field to my Coppermine homepage, but it has button with rounded edges. I want angulate search button (see attached jpeg).
I am using this piece of code in template.html:

<!-- add search box -->
<div style="position:absolute; top:40px; right:150px">
<form method="get" action="thumbnails.php" name="searchcpg">
<input type="hidden" name="album" value="search">
<input type="hidden" name="type" value="full">
<input type="text" style="width: 150px" name="search" maxlength="255" value="" class="textinput">
<input type="submit" value="HLEDEJ">
</form>
</div>


What shal I do? Thanks for answer.
Title: Re: changing appearance of search field added to homepage
Post by: Infernal on November 26, 2007, 10:25:29 PM
Check your style.css for the button and see the settings you have there
Title: Re: changing appearance of search field added to homepage
Post by: alanpalan on November 26, 2007, 11:46:37 PM
Thanks, but I don't know what to look for and what to copy...
Title: Re: changing appearance of search field added to homepage
Post by: Joachim Müller on November 27, 2007, 06:57:46 AM
Then post a link to your gallery for a start. Look for specifications for the HTML tag "<input>". Plain CSS knowledge.
Title: Re: changing appearance of search field added to homepage
Post by: alanpalan on November 27, 2007, 08:55:29 PM
Ok. Link to my gallery: http://santoro.ic.cz/
Title: Re: changing appearance of search field added to homepage
Post by: Joachim Müller on November 28, 2007, 07:33:24 AM
The button doesn't have any CSS properties assigned at all, so it displays using the browser/operating system defaults, which is rounded (using Windows plus IE) or angular (using Ubuntu Linux with Gnome and Firefox). To specify particular attributes, use inline CSS ( something like <input type="submit" value="HLEDEJ" style="border:1px solid black;" />) or a reference to a yet-to-be-defined CSS class (e.g. <input type="submit" value="HLEDEJ" class="custom_button" />).
This is in no way related to Coppermine, but plain HTML/CSS. There are loads of resources that explain this. This board is not the best place to ask for help on plain HTML questions. We can't teach you HTML, simply because it's beyond the scope of this board.
Closing, locking.