Serendipity Forums

HERES THE HEADER AREA IN THE CSS FILE

#serendipity_banner, #header
{background: url({TEMPLATE_PATH}/img/topbanner.jpg) repeat;

font-family: sans-serif;

color: #000000;

background-color: #330066;

text-align: left;

border-bottom: 2px solid #006699;

width: 800px;

height: 60px;

margin: auto; }

This was theme called Carl Green. It has one long thing header on top.
I changed the name of my wallpaper jpeg to TOPBANNER and put it in the image folder, and it works fine.
The title and descripting are justified RIGHT.
So I have all this space on the LEFT.
I would like to add an image

background: url({TEMPLATE_PATH}/img/cartoon.jpg) no repeat;

Doesnt work no matter where I put the image.

What should I do, do I need two header boxes up there. How do I change that?

Another little thing driving me crazy.
Right side bar has orange underlines under all the plugins.
I search the CSS file for ORANGE numbers and nothing comes up to show me where to change it.

And lastly, where do I change the text size of COMMENTS? Too little.

Perhaps a good idea for us dumbells is to have someone make a default theme with two title boxes all full of crap! Then once we get the hang of CSS we can find things and delete what we dont want, but see who what we do want is presented.

Sure seems a waste of space up there with just the title when thats what frist hits ones eyes... Nothing there...

rj wrote:background: url({TEMPLATE_PATH}/img/cartoon.jpg) no repeat;

Doesnt work no matter where I put the image.

That's probably because the correct syntax is 'no-repeat' (notice the hyphen)

rj wrote:Right side bar has orange underlines under all the plugins.
I search the CSS file for ORANGE numbers and nothing comes up to show me where to change it.

As far as I can see, the Carl Green sidebar doesn't have an extra style for links, I only found the overall a and a:hover (might be wrong, it's early here ), but I wouldn't mistake that color for orange?

rj wrote:And lastly, where do I change the text size of COMMENTS? Too little.

That should be .serendipity_comment if you want to enlarge it for the complete comment including the author line. If you want different sizes for comment body (.serendipity_commentBody) and athor line (.serendipity_comment_source), you can do that as well.

rj wrote:Perhaps a good idea for us dumbells is to have someone make a default theme with two title boxes all full of crap! Then once we get the hang of CSS we can find things and delete what we dont want, but see who what we do want is presented.

"Remember, a Jedi's strength flows from the Force. But beware. Anger, fear, aggression. The dark are they. Once you start down the dark path, forever will it dominate your destiny."

So I take it that if I place the CORRECT code under that header heading area there, I can get as much stuff in that title box as I wish? I just have to figure out how to format it within the box. I hope I heard that right!

I take it when you switch themes, all your plug ins and admin stuff is still there, its just the style.css file that changes?

rj wrote:So I take it that if I place the CORRECT code under that header heading area there, I can get as much stuff in that title box as I wish? I just have to figure out how to format it within the box. I hope I heard that right!

Erm ... sorry, but: no. I only pointed out that you were using the wrong CSS syntax, which unfortunately does not mean the correct one will make it look the way you would like it to. In fact, it is almost impossible to foresee how it's gonna look like without even knowing how the header you want to use looks like (and all this babbling is just code for 'we need an URL to your blog to really help' )

rj wrote:I take it when you switch themes, all your plug ins and admin stuff is still there, its just the style.css file that changes?

Depends on the theme, but in most cases: no. It is true that plugins and the admin backend can not be manipulated from the theme (at least as far as I know), but a theme (at least most of them) is more than just the style.css. Most of the themes also have .tpl files. Those are template files which sort of 'tell' s9y how the layout on certain pages should look like. You should find more about this in the official documentation, 'Smarty' being the keyword. Plus, a theme directory also hold graphics used in the theme (i.e. for the header or background images), usually in the theme directory.

Yellowled has pretty much said it all but there's a couple of points i can add.

One of the 'limitations' of CSS is that you can only have one background image in a div. It would be great if you could have more - like a left-top image and a right-bottom image - but you can't. To achieve this you would have to split the header into two divs (or one div, two spans).

As for admin and plugins. They are all still there when you change theme. Some themes have restyled admin areas and some themes have specifically styled plugins, however this only means that their appearance is different in a different theme. You can see which plugins ghave been styled for a theme by looking in templates/yourtheme/. You'll see which plugins .tpl files are included.

HTH

Dave

d_cee wrote:Some themes have restyled admin areas and some themes have specifically styled plugins, however this only means that their appearance is different in a different theme. You can see which plugins ghave been styled for a theme by looking in templates/yourtheme/. You'll see which plugins .tpl files are included.

Oh, one more addition on that one: If certain .tpl files do not exist in template/yourtheme/, but in template/default/, then s9y will fetch these files from template/default/ and use them with the selected theme. I hope I put this right, anyone feel free to correct me if I'm wrong.

Here we are at the banner spot in index.tlp
I have an image in the image directory called title.jpg
What is the format to present that graphic in between the divs?
Trying lots of things I either get the code as a text string or an error.

<div id="header">
<h1><a class="homelink1" href="{$serendipityBaseURL}">{$head_title|@default:$blogTitle}</a></h1>
<h2><a class="homelink2" href="{$serendipityBaseURL}">{$head_subtitle|@default:$blogDescription}</a></h2>

</div>

Hi

I'm afraid I'm not clear on what you want to do here. You set an image as a background according to your first post. Are you now trying to include another image? Maybe you can post an image showing what you have and also what you are trying to achieve.

Dave