Print Page - Navigation Bar

Title: Navigation Bar
Post by: reece296 on November 18, 2006, 02:39:27 PM

Hey All,

Sorry but i have another question. How do you do that navigation bar like up the top here and on the main photo gallery demo?

Cheers,

Reece

Title: Re: Navigation Bar
Post by: Gizmo on November 18, 2006, 03:04:39 PM

It's the {CUSTOM_HEADER}. Search the board and manual for more info but you will have to edit a php file. ;)

Title: Re: Navigation Bar
Post by: reece296 on November 18, 2006, 03:08:42 PM

Thanks but i'm no good editing php, so i'll leave it. Thanks Anyway

Title: Re: Navigation Bar
Post by: Gizmo on November 18, 2006, 03:41:20 PM

It's not that hard. Actually if all you want to do is add some html code then there is no need to know php just add your html code without the <head> or <body> tags. As quoted from the manual,

QuoteWarning: you mustn't include full html pages that contain an html header or footer (tags like <head> or <body>), nor can the included file do file header manipulation, e.g. reading another (non-coppermine) cookie.

To give you an idea, here is the code that generates the blue header you see at the top of the forum. As you can see it's just html code (including a lot of styling).

Code Select


<div style="width:100%;background-color:#0871A5;">

  <table border="0" cellspacing="0" cellpadding="20">
    <tr>
      <td style="margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="/" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" title="Home"><img src="/images/cpg.gif" width="88" height="19" border="0" alt="" title="Home" /></a></td>
      <td style="margin-top:5px;margin-bottom:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="http://forum.coppermine-gallery.net/" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" onmouseover="this.style.color='#FFCC66';" onmouseout="this.style.color='#FFFFFF';" title="Support Forum">Support Forum</a></td>
      <td style="margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="http://sourceforge.net/projects/coppermine/" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" onmouseover="this.style.color='#FFCC66';" onmouseout="this.style.color='#FFFFFF';" title="sourceforge project pages">Project</a></td>
      <td style="margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="http://sourceforge.net/project/showfiles.php?group_id=89658" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" onmouseover="this.style.color='#FFCC66';" onmouseout="this.style.color='#FFFFFF';" title="Downloads">Downloads</a></td>
      <td style="margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="http://coppermine-gallery.net/demo/cpg14x/docs/faq.htm" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" onmouseover="this.style.color='#FFCC66';" onmouseout="this.style.color='#FFFFFF';" title="Frequently Asked Questions">FAQ</a></td>

      <td style="margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="http://coppermine-gallery.net/demo/cpg14x/docs/index.htm" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" onmouseover="this.style.color='#FFCC66';" onmouseout="this.style.color='#FFFFFF';" title="Documentation">Documentation</a></td>
      <td style="margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="http://coppermine-gallery.net/team/" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" onmouseover="this.style.color='#FFCC66';" onmouseout="this.style.color='#FFFFFF';" title="about: the coppermine team">About</a></td>
      <td style="margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="http://coppermine-gallery.net/Obsolete" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" onmouseover="this.style.color='#FFCC66';" onmouseout="this.style.color='#FFFFFF';" title="see Coppermine live">Demo</a></td>
      <td style="margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;border-width:1px;border-style:solid;border-color:#0871A5;font-size:9px;"><a href="http://coppermine-gallery.net/tutorial/" style="color:#FFFFFF;text-decoration:none;margin-left:5px;margin-right:5px;" onmouseover="this.style.color='#FFCC66';" onmouseout="this.style.color='#FFFFFF';" title="Tutorials">Tutorials</a></td>
    </tr>
  </table>
</div>

&uarr;&uarr;&uarr;<span style="font-size:9px">Custom header include (new) - use it to include your site's navigation into coppermine.</span>&uarr;&uarr;&uarr;

Try it, it can't hurt and if it doesn't work out, then remove the link the congif settings. You won't learn if you don't try.

Title: Re: Navigation Bar
Post by: reece296 on November 18, 2006, 03:42:44 PM

Ok thanks

Title: Re: Navigation Bar
Post by: fggz on November 18, 2006, 08:02:45 PM

I also want to create a navigation bar like up the top here but I do not know what php file to modify? Can you tell me?

Thanks, from Spain

Title: Re: Navigation Bar
Post by: Gizmo on November 18, 2006, 11:45:50 PM

QuoteIt's the {CUSTOM_HEADER}. Search the board and manual

Create a new file called header.php and reference it in config>theme.

Title: Re: Navigation Bar
Post by: reece296 on November 18, 2006, 11:51:07 PM

So all we do is put what you put above in a new php file and thats it? How do we reference it?

Title: Re: Navigation Bar
Post by: Gizmo on November 19, 2006, 12:01:08 AM

Doesn't anybody RTFM anymore? http://coppermine-gallery.net/demo/cpg14x/docs/index.htm#admin_theme (http://coppermine-gallery.net/demo/cpg14x/docs/index.htm#admin_theme)

Title: Re: Navigation Bar
Post by: reece296 on November 19, 2006, 12:08:24 AM

Nope :P, but thanks, i know what to do now

Title: Re: Navigation Bar
Post by: reece296 on November 19, 2006, 01:12:11 AM

Also the end extension, would it be .html or.php?

Title: Re: Navigation Bar
Post by: Joachim Müller on November 19, 2006, 07:18:09 AM

Why don't you just try and find it out? Easily remedied if you should chose the false extension.

Title: Re: Navigation Bar
Post by: reece296 on November 19, 2006, 10:54:36 AM

Why can't you just say?

Title: Re: Navigation Bar
Post by: Sami on November 19, 2006, 10:59:03 AM

Quote from: reece296 on November 19, 2006, 01:12:11 AM
Also the end extension, would it be .html or.php?

Yes you can use html or htm

Quote from: reece296 on November 19, 2006, 10:54:36 AM
Why can't you just say?

This board is for support not for spone feeding !
Why did you ask when you can try and learn ?

coppermine-gallery.com/forum

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: reece296 on November 18, 2006, 02:39:27 PM