brianosaur
|
Hi folks:
I would like to have a logo in the left hand corner with a link to the homepage. I currently have a background image in the header, but I would like to overlay the logo and have the image be linkable to the homepage. Is this possible?
|
| |
Joni
|
I would like to know if this is possible too as I design logos and would like to also make background images behind the logo.
|
| |
Marc Smith
|
Make the logo be a PNG.
Import as a forground image.
Export the design, then open the IMAGES folder and find the name of the file that represents your logo.
Edit the header.php code with an achor tag that is using the PNG file as the anchor.
|
| |
Linda
|
Marc- could you tell use the code we need to use to create the anchor tag and exactly where it gets inserted, pleeese! I just keep a file of these hacks so I can tweak stuff , like deleting that home page and stuff.
Thank you! 
|
| |
Marc Smith
|
The code you need to change is in the header.php and the style.css
If you look in the 'images' directory, you can identify which graphic is the one you want to replace (and it's name), then go ona 'seek and destroy' mission to find the two places in those files where that name is referenced.
Of course, the EASIER method is to just open that file in Photoshop, edit it as needed and save it as the same name and file type.
|
| |
Caroline
|
Just a follow up:
You can replace the header image and then modify your header.php file to make the image clickable, like:
<div class="Header" onclick="location.href='<?php echo get_option('home'); ?>/';" style="cursor: pointer;">
Sincerely yours,
Caroline.
|
| |
Peter
|
Hello
This cannot be done because the foreground logo is incorporated at the theader. There is not any separate "foreground image", only a header.jpg file. Any help about this?
|
| |
lynts
|
I support artisteer fully it give you an easy way to make a design, and then you take it from there, here is the code to link header to home..
first open index.php in your template folder or in template manager in your admin go down until you see this
<div>
<div class="Header-jpeg"></div>
<div class="logo">
</div>
remove the everything except the first <div> and last </div>
and replace the code with this
<div id="logo">
<a href="http://www.your link" ><img src="http://www.your link/template/name of template/images/imagename.jpg or gif" /></a>
and your good to go
|
| |
Bud
|
Here's an even easier way to have a logo image and retain your name and slogan for SEO purposes.
Add this to the .logo class in your style.css...
background:url(images/blue-moon-logo.png) no-repeat top left; /* image should have transparent background */ text-indent:-9000px; /* retain the name & slogan for SEO , just push it out of view */
This worked for me and let me retain my primary header image.
Bud
www.budstechshed.com
|
| |
Garry
|
Can't understand about which read only attributes you are talking
|
| |
Brett Bumeter
|
There's are many many ways to do this, but in general they all have to be done outside of Artisteer (as of v 2.2). :)
|
| |
Steve
|
Caroline's approach worked perfectly. Thank you!
|
| |