changing a small area in coppermine

[jaysonyates]

I am so sorry, if this is covered, I am really unsure how to search for this question.

Ok here it is, I am creating a custom made theme, I got the background done, but what I want to change the look of, is the clickable links.

you know,
login
album list
forum
search

Well you get the idea, I want to add .gif / .jpg file, instead of the text. But what I do not understand is the way I go about doing that.

Any help, tutorial, or example would be VERY VERY VERY much appeciated.

Thanks

[snork13]

look in your theme folder for the theme.php to add images to the top_menu and the style.css (top_menu a & a:hover) controls the links.

make backups before editing

snork

[jaysonyates]

thanks Snork, I will go give it a try

[jaysonyates]

 

when you say

top_menu,

do you mean:

<span class="navmenu"><a href="{LOGIN_TGT}">&nbsp;{LOGIN_LNK}&nbsp;</a></span><br />

Thanks

[Tranz]

That looks right. Just edit the part between the <a> tags to show your img. Make sure not to touch the tokens between brackets. The {LOGIN_LNK} can be used in the alt tag when you use your image.

[jaysonyates]

Well thanks, but what I want to happen is not happening, this is an example of the old code:

<span class="navmenu"><a href="{SEAACH_TGT}">&nbsp;&nbsp;</a></span><br />

And this is what I want it change to:

<span class="navmenu"><a href="{SEARCH_TGT}">&nbsp;<input type="button" value="Search" name="B12">&nbsp;</a></span>

But when I change it, the button shows up, but when I go to click the button, to go follow the link, nothing happens, what did I do wrong.

Thnaks

[Tranz]

You need to use <img src="path/to/image.jpg"> if you want images. Do you want to create a search input field, too? They're two different things that use different coding.

[jaysonyates]

Sorry, I really meant to say, I wanted to add an input field.

[Tranz]

If you want a search input field, you need to edit template.html of the theme you are using and add the following:

Code Select Expand

<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="search files">
</form>


[jaysonyates]

Ok, lets start again, I see where we are not connected.

This is what the old link is:
<!-- BEGIN album_list -->
 <span class="navmenu"><a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}"><{ALB_TGT</a></span>
<!-- END album_list -->

This is what I want
<!-- BEGIN album_list -->
 <span class="navmenu"><a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}"><input type="button" value="Album List" name="B1"></a></span>
<!-- END album_list -->

so instead of the default buttons, or IMG, I want to the buttons to be input type, to see what I am doing, go to:
http://jaysarahandy.com/photos/index.php

And look at what I have started.

Thanks for all your help

[Tranz]

Okay... I haven't seen such use of buttons so that would be why I didn't understand what you are talking about. The buttons point to the target pages. I don't understand what the problem is.

I don't know if it was a typo when you posted, but one of the tokens is missing the closing bracket.

[donnoman]

when you write html like that put it in BB code format when posting on the forum.

IE: hit the little button on the editor of the post that says "Code", type the stuff you want highlighted as code in between the two blocks.

I don't like using form inputs to create buttons, they are clutsy and prone to errors.

You need to either use CSS or judging by your skill level perhaps just stick with using images as buttons.

Rainy day is a good example of how to do buttons using images and allowing the text to vary. (IE each button is made up of slices, where the text appears the image is a background, and it lets you put any text on top of the button).

There are plenty of HTML resources out there that can teach you different button techniques.

[donnoman]

This article talks about how to use form input buttons as hyperlinks

http://www.htmlgoodies.com/tutorials/buttons/article.php/3478861

This article talks about using CSS for buttons

http://www.westciv.com/style_master/house/tutorials/quick/buttons/

[d1zz13]

You could effectively use both.

Input buttons that are styled with CSS.  Can produce some reasonable results, although I'm not 100% sure on browser compatibility. 

[jaysonyates]

Ok, I get the point, go with IMG buttons.

Well I will check out rainy day.

Thanks all

[jaysonyates]

How do I make this topic solved.

I redid my template.

[Joachim Müller]

I marked it as "solved" for you - you just have to reply, saying that your issue has been solved and a moderator will flag the thread accordingly. Thanks for doing so

Joachim

[jaysonyates]

if any is interested, you can go to:

http://jaysarahandy.com/photos/index.php

I think 7 hours is long enough to make one....and this is my first.

Thanks for all the help

[Tranz]

That's pretty good to transform the layout you have in 7 hours. I think the buttons you use now are cool. They could be improved upon if you can make them in divs in size compable to the graphic so that the entire "button" is clickable rather than just the button text. Otherwise, good job.

[snork13]

I might also change the text alignment in the css to be centered instead of left.

I like the look, great job!