Page 1 of 1
i3Theme Problem. Need HELP!
Posted: Wed Mar 25, 2009 6:16 am
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
Re: i3Theme Problem. Need HELP!
Posted: Wed Mar 25, 2009 9:59 am
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
Re: i3Theme Problem. Need HELP!
Posted: Fri Apr 24, 2009 8:06 pm
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
Re: i3Theme Problem. Need HELP!
Posted: Fri Apr 24, 2009 8:52 pm
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
Re: i3Theme Problem. Need HELP!
Posted: Fri Apr 24, 2009 10:19 pm
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