[Theme Help] Image as the banner.

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
Lifeskar
Regular
Posts: 12
Joined: Tue May 31, 2005 10:21 am
Location: Georgia
Contact:

[Theme Help] Image as the banner.

Post by Lifeskar »

I'm a real newbie when it comes to this CSS and PHP stuff. I can follow directions pretty well tho. I've installed PHP Nuke on a site and run it pretty well...but I want to have my own blog now. Out of all the ones I've looked at, Serendipity has been the best. I've made changes to the theme and now it looks different, except for the one thing I want... I dont want a text banner, I want the banner I made. Can someone provide a semi detailed way to do this? I'm using Serendipity-0.8.1, and a variant of the "MT-Trendy" theme. I'm really unsure where to put the:

Code: Select all

background-image: url(http://img.url);
Any help would be greatly appreciated.

Thanks,
Nick :D
Usually, I have an image. Count yourself lucky :P
vastneonwolf
Regular
Posts: 43
Joined: Sun May 22, 2005 6:57 am
Contact:

Post by vastneonwolf »

Should be in #serendipity_banner
I should think.
Lifeskar
Regular
Posts: 12
Joined: Tue May 31, 2005 10:21 am
Location: Georgia
Contact:

Post by Lifeskar »

This is what it looks like right now:

Code: Select all

#serendipity_banner {
  background-image: url(http://img.url);
  font-weight: bold;
  padding-left: 15px;
  width: 668;
  height: 192;
}
But it still doesn't work... :( I've put it there before and i've put it in this part of the code as well:

Code: Select all

#serendipity_banner h1 {
  text-align: center;
  color: #cc9933;
  font-size: x-large;
}
It still doesn't work...this doesn't have a "layout.php" file, so I can't edit that...I'm totally lost on where to put this...anymore suggestions would be greatly appreciated. Oh, and do i need to put the URL in quotes?
Usually, I have an image. Count yourself lucky :P
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Do you have it online somewhere? Basically your example should work.

URLs do not need to be put in quotes there...

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Lifeskar
Regular
Posts: 12
Joined: Tue May 31, 2005 10:21 am
Location: Georgia
Contact:

Post by Lifeskar »

I sure do...

http://gbblog.webpal.info/

I have it working somewhat, it shows PART of the image I want it to display and its tiled. The Image at the top is the HTML Nugget, I really DO NOT want to use that since it goes above my freehosts advertisement. I want the ad to be at the top and have my Image under it. Is there a way I could edit my config to recogonize the "< >" ?

P.S. Sorry if any of you who read this are from England :p
Usually, I have an image. Count yourself lucky :P
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

I think for your way you should edit the "index.tpl" template. If you don't have that file in your current template directory, just copy it over from the default/index.tpl location. There you can edit the HTML of the banner code and inject your header stuff.

You seem to already have done that, but <img> tags are NOT allowed within the <head> section, only within <body>...hm. I am confused. :-)

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Lifeskar
Regular
Posts: 12
Joined: Tue May 31, 2005 10:21 am
Location: Georgia
Contact:

Post by Lifeskar »

Thanks for the tip, I wasn't aware that the index.tpl file was transferable to various themes. After that, it was simple as pie :D.
Usually, I have an image. Count yourself lucky :P
Post Reply