Document Actions
Header styles
The first thing we'll do is to add in the header image.
If we had kept the basic Plone stylesheets (base.css, plublic.css, …), we could have saved the header image as logo.jpg in the mytheme_images directory. It would have showd up automatically. In that case, if you wanted to name it differently, you should have edited base_properties.props to reflect the change.
In this tutorial, the header image is inserted in the layout by customizing the global_logo template and saving the header image itself as header.jpg.
In order to have the same effect than in the example, copy the file global_logo.pt from DIYPloneStyle/skins/diystyle_example_templates/ to the mytheme_templates directory. Also copy the file header.jpg from DIYPloneStyle/skins/diystyle_example_images/ to the mytheme_images directory.
Still doesn't look like much, but we have the logo in place, at least.
have to copy over global_logo.pt
otherwise the logo won't show up.
Don't see logo.jpg
I added the logo.jpg, but it didn't show up automatically. I hadn't made any changes to the MyTheme product since I created it with the generator script. I restarted the server and it still didn't show. I finally got it to show up by copying some CSS to public.css.dtml in the mytheme_styles folder.
#portal-logo { background: url(&dtml-portal_url;/&dtml-logoName;) no-repeat; border: 0; margin: 0.75em 0em 0.75em 1.5em; padding: 0; }
#portal-logo a { display: block; text-decoration: none; overflow: hidden; border: 0; margin: 0; padding: 0; padding-top:[logoName].height">px;
height: 0px !important;
height /**/: [logoName].height">px;
width: [logoName].width">px;
cursor: pointer;
}
Should I have had to do that?