Changing chaoticsoul theme to a single image at top

[SilentMoon]

I have searched the forum and found a reference that the images if replaced should be the same size as the original in the css code. I would however like to put a single 600x200 image at the head in place of the double images. I really like the theme but the person I am working on the site for wants to use their regular banner header on top. Can someone tell me how to change the css to use a single centered image please.

[Joachim Müller]

Post real life examples, e.g. a link to your gallery and to the banner in question.

[SilentMoon]

The album has nothing in it at this point, but the url is millerdobes.com/album and the banner she wants to use is on all of the other pages at the top. Sorry but it won't let me link it directly.

Thank you

[Fabricio Ferrero]

Sorry but it won't let me link it directly.

Do you mean Coppermine won't let you?

Try: http://millerdobes.com/album/?theme=chaoticsoul

[SilentMoon]

No, I have not added it to coppermine as yet because it will not fit into the spot at top, what I mean is the site has hotlink protection active so posting the url to the banner at the top of the pages returns a 403 error.

I guess I could put it in coppermine as a photo but as yet have not set up any albums.

Thank you

Do you mean Coppermine won't let you?

Try: http://millerdobes.com/album/?theme=chaoticsoul

[Joachim Müller]

OK, understood. So you want to use the classic theme and not build a custom theme that matches the overall layout of http://millerdobes.com/ ('cause that's what I'd do if I were you).
You should really review http://millerdobes.com/miller.css - the CSS in there is nonsense - no JavaScript/HTML allowed in CSS files!
The double-definition of the charset meta is of course nonsense as well:

Code Select Expand

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
[...]
<META HTTP-EQUIV="Content-Type" content="text/html; charset=utf-8">


JavaScript-driven menus are a very bad idea in terms of search engine ranking: search engine spiders won't crawl the page at all.

It's not that I find the Miller Dobes home pages pretty at all - sorry to say that if it has been you who designed that, but imo it looks terribly nineties, and rather home-made by fourteen-year-old cousin Nick.
Additionally, you should really remove the W3C-logo: the page doesn't deserve it. Technically, it may validate, but just because the validator is a machine and not a human: a JavaScript-only navigation will make all your efforts to validate look vain.
Sorry if this sounds harsh, but that's a fact: what you have asked is in no way related to coppermine, but basic, straightforward HTML. We hardly can help you with that. Google some HTML/CSS tutorials.

Just because it's so dead easy I have created a theme for you:

Can't test the theme fully, as you have a funny image hotlinking script in place: using the images I get a custom 403 forbidden message. Anyway, here's a theme for you that matches your overall site's layout, based on the classic theme. Unzip the archive attached into the themes sub-folder of your gallery. Then access your gallery using this link: http://millerdobes.com/album/?theme=millerdobes
If you like what you see, make the theme selection permanent in coppermine's config.
You owe me a beer.
Turn the silly hotlink protection off if it bothers you - it's not related to coppermine though.

Cheers

[phill104]

You beat me to it Joachim. But you had a different take on what he wanted compared to what I thought he wanted. I think your way is better.

Not sure if my centreing code is right though but this is going off topic.

Code Select Expand

.bkgctr { background: url('images/image_ctr.jpg'); margin-left: auto; margin-right: auto; }


[SilentMoon]

The site is designed to the owners taste, she still has an 800x600 resolution monitor.
Because SE do not follow javascript menus there is a sitemap and a link to it from every page.
Since I am getting nothing but her thanks for adding coppermine so she can upload images on her own instead of using a link to photobucket, I wanted to mostly change colors on a template that looks nice rather than start from scratch since I don't know php.
The only thing in the current css is a background image for the pedigree table, background color for the pages and the scroll bars.
The no hotlinking is in the original site htaccess for the host.
The meta tags were done with a online generator.

But thank you

OK, understood. So you want to use the classic theme and not build a custom theme that matches the overall layout of http://millerdobes.com/ ('cause that's what I'd do if I were you).

You should really review http://millerdobes.com/miller.css - the CSS in there is nonsense - no JavaScript/HTML allowed in CSS files!
The double-definition of the charset meta is of course nonsense as well:

Code Select Expand

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
[...]
<META HTTP-EQUIV="Content-Type" content="text/html; charset=utf-8">


JavaScript-driven menus are a very bad idea in terms of search engine ranking: search engine spiders won't crawl the page at all.

It's not that I find the Miller Dobes home pages pretty at all - sorry to say that if it has been you who designed that, but imo it looks terribly nineties, and rather home-made by fourteen-year-old cousin Nick.
Additionally, you should really remove the W3C-logo: the page doesn't deserve it. Technically, it may validate, but just because the validator is a machine and not a human: a JavaScript-only navigation will make all your efforts to validate look vain.
Sorry if this sounds harsh, but that's a fact: what you have asked is in no way related to coppermine, but basic, straightforward HTML. We hardly can help you with that. Google some HTML/CSS tutorials.

Just because it's so dead easy I have created a theme for you:

Can't test the theme fully, as you have a funny image hotlinking script in place: using the images I get a custom 403 forbidden message. Anyway, here's a theme for you that matches your overall site's layout, based on the classic theme. Unzip the archive attached into the themes sub-folder of your gallery. Then access your gallery using this link: http://millerdobes.com/album/?theme=millerdobes
If you like what you see, make the theme selection permanent in coppermine's config.
You owe me a beer.
Turn the silly hotlink protection off if it bothers you - it's not related to coppermine though.

Cheers

[Joachim Müller]

Because SE do not follow javascript menus there is a sitemap and a link to it from every page.

That's a lame excuse for ommitting the obvious

Code Select Expand

<noscript>
<ul>
  <li><a href="/">Home</a>
  <ul>
    <li><a href="sitemap.htm">Sitemap</a></li>
    <li><a href="index.htm#mail">Email us</a></li>
  </ul>
  </li>
  <li><a href="peds.htm">Current Dogs</a></li>
  <li><a href="peds.htm#Rocky">Retired Dogs</a></li>
  <li><a href="albumindex.htm">Photos</a></li>
  <li><a href="puppies.htm">Puppies</a></li>
  <li><a href="puppycare.htm">Articles</a></li>
  <li><a href="links.htm">Links</a></li>
</ul>
</noscript>

Since I am getting nothing but her thanks for adding coppermine so she can upload images on her own instead of using a link to photobucket, I wanted to mostly change colors on a template that looks nice rather than start from scratch since I don't know php.

No PHP skills needed: only HTML and CSS involved!

The only thing in the current css is a background image for the pedigree table, background color for the pages and the scroll bars.

Really? What is a browser suppossed to do with

Code Select Expand

body {
margin: 0px;
padding: 0px;
    background-color: #AADFC2;
}

.pedtable {
background-image:
url('images/sandstone.jpg');
background-repeat: repeat
}
<style type="text/css">
<!--
body {
scrollbar-face-color: #6cbeb2;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #333333;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #AADFC2;
}
-->
</style>
inside a CSS file? Any self-respecting browser will ignore such bull*

The no hotlinking is in the original site htaccess for the host.

Then ask them to turn that nonsense off or come up with a .htaccess file of your own, overwriting that crap.

The meta tags were done with a online generator.

An online generator doesn't come up with double tags. Using an online generator doesn't mean that you have to use all that it comes up with.

The site is designed to the owners taste, she still has an 800x600 resolution monitor.

So what? It's your task to explain her that not everybody in the world has got that resolution. It's your task to design the page in a way that works in all resolutions.


As I suggested initially: your questions are in no way related to PHP nor Coppermine. You need to learn some HTML and CSS first before being able to take this any further.