Turn header image into a Home Page link


Author Message
Michael

Posted: 12/1/2009
Quote message 

Does anyone have any instruction on how to turn your header image or logo image into a Home Page link?
 
Nicky

Posted: 12/3/2009
Quote message 

You have to click on title, not on image
 
Michael

Posted: 12/3/2009
Quote message 

So then you can't turn the image into a link to the home page? You have to click on the page title? I ask this because I have removed the page titles in my design as well as the breadcrumbs. So unless I put a "Home" link in my navigation there is no way to get back to the home page. :(
 
Nicky

Posted: 12/4/2009
Quote message 

There is not really an image for header, but a div with background image. In page.tpl.php, we just see the div, but nothing inside the div, so I guess it's difficult to create a link with that.
As for me, I can't image how to do it. But I'm not a pro of CSS, it's why I use Artisteer. Perhaps someone know....
I'd be interested in answer if you ask to support.
 
Mark C

Posted: 2/23/2011
Quote message 

I think I've just discovered a VERY simple solution to this (please don't say I'm wrong!!!).

Using Artisteer 3.0 I noticed that the foreground image in the header is given its own div. I then located that div in page.tpl.php, here

<div class="art-headerobject"></div>



and then added a link around it, like this:

<a href="http://www.YOURLINK.com"><div class="art-headerobject"></div></a>



Seems too simple to work, but so far, so good. I presume the same is for other CMSs.
 
chris

Posted: 2/24/2011
Quote message 

hell yeah that works, thanks
 
Nicky

Posted: 2/24/2011
Quote message 

Can you write the lines you have in page.tpl.php for that?
 
Mark C

Posted: 4/18/2011
Quote message 

Have you got a border set around your header in Artisteer?
 
NIcky

Posted: 4/19/2011
Quote message 

No, drupal cache has nothing to do with that. (I tried).
It must be someting on server, because on local, it's pecfect : no white border.
 
Larry-YE

Posted: 4/19/2011
Quote message 

You have a white trim around your header BECAUSE:
1- Artisteer creates two images for each header. Header.jpg, Header.png (Look in the images directory and you will see it.)
2-The outer image is the size of a border, but is a part of the image and with transparent corners to make it look like rounded corners.
3- You put your code around the div class=art-header-jpeg div only, so the entire header is NOT selected.
4- Probably best to put your code on the main
<div id="art-header">
. This div is wrapped around the art-Header-png and the art-header-jpeg divs.
 
Nicky

Posted: 6/17/2011
Quote message 

Quote Steve:

Hey all,

I'm kind've a newb. Could someone tell me how to get to the page.tpl.php file? I've looked in the extracted wordpress theme files. All I can find is a page.php file.


Here is the Drupal Forum. For Wordpress, choose the wordpress forum
 
Britt

Posted: 10/10/2011
Quote message 

Here is how I did it using Drupal 7 & Artisteer:3.1.0.42580 SE

<div class="cpn_box-body cpn_sheet-body">
<a href="http://YouWebSiteHere.com"><div class="cpn_header">
<div class="cpn_logo"></div></div></a>
 
WP Slasher

Posted: 10/20/2011
Quote message 

Finally found a solution after reading many threads and testing. Works for Wordpress Artisteer sites. Go to Header.php.

Find this code :

<div class="art-headerobject"></div>

<div class="art-logo">

Then add in :

<a href="http://www. mywebsite .com">

<div class="art-headerobject"></div>

<div class="art-logo">

</a>


 
Mark C

Posted: 12/9/2011
Quote message 

Quote Phil:

The original question asked if it was possible to add a link from the entire header image *or* just a logo. If you want to go the logo route, there's a very simple way to do it.

Create a block containing your logo and some CSS positioning (margin-left and margin-top) and place it in the Extra1 field. My block contains the following source:


<p>
<a href="http://website.com/">
<img alt="" src="/sites/all/images/Logo.png" style="height: 150px; margin-left: 28px; margin-top: 34px; width: 168px;" />
</a>
</p>



But Phil,

That only puts it in the menu, not in the header. Though you can get creative with it. Here's what I did with one:
www.hopi-ireland.org

 
Sven Peter

Posted: 1/1/2012
Quote message 

Worked immediately!
Thank You!

Quote Mark C:

I think I've just discovered a VERY simple solution to this (please don't say I'm wrong!!!).

Using Artisteer 3.0 I noticed that the foreground image in the header is given its own div. I then located that div in page.tpl.php, here

<div class="art-headerobject"></div>



and then added a link around it, like this:

<a href="http://www.YOURLINK.com"><div class="art-headerobject"></div></a>



Seems too simple to work, but so far, so good. I presume the same is for other CMSs.


 
Ruben

Posted: 6/26/2013
Quote message 

Hello

I found this solution, I hope artisteer crew can add it to the application, is as simple as adding the lines between #### and @@@@ to page.tpl.php:

<?php if (!empty($site_name)) : ?>

<header class="art-header"><?php if (!empty($art_header)) { echo render($art_header); } ?>
<div class="art-shapes">
#####
<?php if ($logo): ?>
<div id="logodiv"><a href="<?php echo $front_page;?>" id="logolink"><img src="<?php print $logo ?>" alt="<?php print $site_name_and_slogan ?>" title="<?php print $site_name_and_slogan ?>" id="logo" /></a></div>
<?php endif; ?>
@@@@
</div>
<?php if (!empty($site_name)) : ?>


Of course, don't add #### nor @@@@ to your page.tpl.php.

Best regards

 
Olsta

Posted: 11/13/2013
Quote message 

For a clickable logo in artisteer goto Header - Controls - Image Link and insert your logo image with the link you want to goto.

For the header I would make a transparent png file and make that to the desirable size to suit your header or clickable area in the header and follow the same step above.

Hope this helps :-)