Image in place of site name at top of site

[kellyjean81]

Hello
Can anyone tell me what the code is that puts the site name at the top of the page, and how I could put an image in that place? Thanks in advance.

I'm not a total newbie, but I don't want to mess anything up, and if someone knows the answer, it would save me a ton of (additional) time trying to figure it out. Thanks!

[kellyjean81]

So, after some playing, I replaced this code below in templates/atomic/index.php:

<div class="joomla-header span-16 append-1">
<h1><?php echo $app->getCfg('sitename'); ?></h1>
</div>

changed to:
<div class="joomla-header span-16 append-1">
<img src="myimpage.gif" alt="Image created by a PHP script" width="200" height="80">
</div>

I loaded the image into my main folder.

[openxcell]

So, after some playing, I replaced this code below in templates/atomic/index.php:

<div class="joomla-header span-16 append-1">
<h1><?php echo $app->getCfg('sitename'); ?></h1>
</div>

changed to:
<div class="joomla-header span-16 append-1">
<img src="myimpage.gif" alt="Image created by a PHP script" width="200" height="80">
</div>

I loaded the image into my main folder.

Along with this you have to give Home Page URL also. Thanks.

[skeeter_xu]

Thanks for the hints. I was looking for the similar stuff.

[Denny2011]

I am very new to Joomla! and would like to know how you accessed the templates/atomic/index.php. I clicked on template manager then atomic default but have not found the index.php. Any help will be most appreciated.
Denny

[cloudformz]

@denny: how did you install the template? It might be misconfigured.
Maybe you have to locate the file with FTP.

[grimoire]

So, after some playing, I replaced this code below in templates/atomic/index.php:

<div class="joomla-header span-16 append-1">
<h1><?php echo $app->getCfg('sitename'); ?></h1>
</div>

changed to:
<div class="joomla-header span-16 append-1">
<img src="myimpage.gif" alt="Image created by a PHP script" width="200" height="80">
</div>

I loaded the image into my main folder.

An Alternative method...

Joomlas method is to go to extensions-->Template Manager: Styles click On Beez2-Default.Click on advanced options. This will allow you to fill in your site title and place a image over it also.

[smithgray]

another method is using CSS

body
{
background-image:url('smily.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

[experttalk]

@openxcell
not working in new version of joomla why?

[chrissonne]

I wrote a tutorial on how to add in an image using parameters. This allows you to use template styles in order to set the image as opposed to hard coding.

http://www.sonnemann.ca/index.php/jooml ... -parameter

It is a continuation of my tutorial on modifying the Atomic template.

Cheers,
Chris

[kazmilahore]

Thanks all for your good responses.

[kazmilahore]

I am very new to Joomla! and would like to know how you accessed the templates/atomic/index.php. I clicked on template manager then atomic default but have not found the index.php. Any help will be most appreciated.
Denny

You need to access your files by FTP.
You can download one freeware from this link:
http://filezilla-project.org/download.php