i3Theme Problem. Need HELP!

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
alexosh1234
Posts: 1
Joined: Wed Mar 25, 2009 6:09 am

i3Theme Problem. Need HELP!

Post by alexosh1234 »

Hey, I downloaded the i3Theme, and added some new material to my site. I wanted to put an image in the header, at the top, but can't find how to. Can someone explain how I can do this, and in where in the file structure? style.css, header?

I appreciate the help.

My site for reference is http://iPhoneXpert.com

This site got it working... http://www.willdta.com
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: i3Theme Problem. Need HELP!

Post by yellowled »

alexosh1234 wrote:I wanted to put an image in the header, at the top, but can't find how to. Can someone explain how I can do this, and in where in the file structure? style.css, header?
I guess that's already been solved since your site now has a header image, right?

YL
derekjd
Regular
Posts: 14
Joined: Thu Feb 26, 2009 1:21 am

Re: i3Theme Problem. Need HELP!

Post by derekjd »

Would you mind telling me where the code snippet needs to be added to the index.tpl, I would like to put my own banner in there also.

Thanks
Derek
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: i3Theme Problem. Need HELP!

Post by yellowled »

derekjd wrote:Would you mind telling me where the code snippet needs to be added to the index.tpl, I would like to put my own banner in there also.
Well, the most sensible thing to do here would be to replace

Code: Select all

<h1><a href="{$serendipityBaseURL}">{$head_title|@default:$blogTitle}</a></h1>
<div class="description">{$head_subtitle|@default:$blogDescription}</div>
(lines 47 and 48 of the index.tpl) with a header image. Then again, do I get this right? You want to have an image and a banner in the header? In that case it would probably make more sense to add the header image as a background image using CSS (s9y.css):

Code: Select all

#header { background-image: url(img/header.png) top center no-repeat; }
or whatever you call your image file for the header image. Also, you might want to adjust the positioning depending on the actual image. (It would be much easier to give precise advice if you'd post said images somewhere, by the way :))

The replace the first code snippet by this (index.tpl):

Code: Select all

<h1><a href="{$serendipityBaseURL}"><img src="{$serendipityBaseURL}templates/{$template}/img/banner.png" alt="{$blogTitle}: {$blogDescription}" width="300" height="50" /></a></h1>
Again, you'll probably have to adjust the filename as well as the values for width and height according to your actual image. Don't forget to save! :)

YL
derekjd
Regular
Posts: 14
Joined: Thu Feb 26, 2009 1:21 am

Re: i3Theme Problem. Need HELP!

Post by derekjd »

Thanks for the quick response, as always everyone here rocks. I'm more into having my own logo on the top of the blog, I figure I'll use nuggets if I do google addsense or something like that. I'll give it a shot, thanks again.

Derek
Post Reply