HOW TO ADD A HEADER

meltdowncomics

If anyone knows what code to put in to add a JPG header instead of it saying Gallery on the top left. view here wwww.meltcomics.com/zenphoto. I'd like to replace Melt Gallery with a nice image header and still be able to click back to the gallery home. Any help will be greatly appreciated. currently this is what the css looks like for the top of the page.

<div id="main">
<?php printAdminToolbox(); ?>

<div id="gallerytitle">
<h2 id="title">"

title="Gallery"><?=getGalleryTitle();?></h2>

<h2 id="titlesub">Meltdown's Image Gallery</h2>
</div>

tomc

http://www.pageresource.com/html/image3.htm

google is your friend

Of course you need to make sure your image can fit within the height and width of the "gallerytitle" div.

darrellm

I just added this...

<div id="main">
<div id="gallerytitle"> <img src="http://www.mydomain.com/graphics_folder/your_graphics.gif"/>
</div>

droboth

hi

in which file and at what place ? do we have to add this code ? and can we put a link on it so as to go back to my home page which is not "in" zenphoto ?

thanks in advance

darrellm

In your theme folder (whatever theme you are using), go to the index.php file and where you see <div id="gallerytitle"> add this: ` `

You may have to remove <h2 id="title">"

title="Gallery"><?=getGalleryTitle();?></h2> as well as the titlesub.

Make sure to make a backup copy of your index.php first before you begin. I hope that helps.

os07

Whenever I need to do something like that, I like to use CSS.

I would go into the index.php file and, f'rinstance:

<div id="gallerytitle">
<h2 class="title"><span>Gallery title</span></h2>

And in the css,:

div#gallerytitle h2.title {

background-image: url(mygraphic.gif);
background-repeat: no-repeat;
width: 285px; /* need to have enough room to show it - matches size of graphic */
height: 46px; /* need to have enough room to show it - matches size of graphic */

/*then, hide the ugly text, but preserve it's content for search engines */

#gallerytitle h2 span {
display:none;
}

Just a simple CSS image substitution thing, but easy to use and search-engine friendly.
HTH!

Free Mp3

i think code must not be with design

jley

@os07: You were missing a } in your css... Try:

div#gallerytitle h2.title {

background-image: url(mygraphic.gif);
background-repeat: no-repeat;
width: 285px; /* need to have enough room to show it - matches size of graphic */
height: 46px; /* need to have enough room to show it - matches size of graphic */
}

/*then, hide the ugly text, but preserve it's content for search engines */

#gallerytitle h2 span {
display:none;
}

But thanks anyway - works great otherwise!