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
 
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.
 
Nicky

Posted: 2/24/2011
Quote message 

Can you write the lines you have in page.tpl.php for that?
 
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 :-)