Add a Link to Header-Image?

  • Crimson_Ghost138

    (@crimson_ghost138)


    10 years, 8 months ago

    Hi!!

    I want to add a custom link (back to start) to my header-image, but my problem is, that this theme is generated by Divine Elemente Theme Creator…

    To make it as simple as possible, i just want to add the link to the WHOLE header-image-file to link back to start.

    I already crawled my header.php and i can add a URL with Text but i cant find the right code to insert a link to the whole image file…

    Heres the code of my header.php:
    This references to my whole header image i think: <div class=”header-no-stretch-block”>
    Is there a simple Code like “<a href…” to add a link-overlay to the whole div class?? I already tried different code-forms but nothing works…

    <div class="header-no-stretch-block"><div class="header-grid"><!-- Header -->   <div class="clear-both">    <div 

style="height: 17px; left: 454px; position: absolute; top: 6px; width: 100px;"> <a href="/wordpress"></a>     <?php $div_ec-

>Show('link-n5'); ?>    </div>    <div style="height: 17px; left: 614px; position: absolute; top: 6px; width: 32px;">     <?

php $div_ec->Show('link-n10'); ?>  </div>    <div style="height: 17px; left: 694px; position: absolute; top: 6px; width: 

110px;">     <?php $div_ec->Show('link-n11'); ?>    </div>    <div style="height: 21px; left: 855px; position: absolute; top: 

6px; width: 54px;">     <?php $div_ec->Show('link-n12'); ?>    </div>    <div style="height: 19px; left: 340px; position: 

absolute; top: 69px; width: 84px;">     <?php $div_ec->Show('link'); ?>    </div>    <div style="height: 16px; left: 453px; 

position: absolute; top: 72px; width: 96px;">     <?php $div_ec->Show('link-n1'); ?>    </div>    <div style="height: 16px; 

left: 581px; position: absolute; top: 72px; width: 64px;">     <?php $div_ec->Show('link-n2'); ?>    </div>    <div 

style="height: 16px; left: 679px; position: absolute; top: 72px; width: 81px;">     <?php $div_ec->Show('link-n3'); ?>    

</div>    <div style="height: 16px; left: 796px; position: absolute; top: 72px; width: 79px;">     <?php $div_ec->Show

('link-n4'); ?>    </div>    <a href="/wordpress" class="logo">     <img src="<?php echo get_template_directory_uri() . '/'; 

?>images/logo.gif" />    </a>   </div>  </div> </div> <!-- end Header --> <!-- start Content --> <div class="content-

stretch-warp">  <div class="content-stretch-bottom">   <div class="content-stretch-top">

    I hope you know what i´m trying to do… i am not an native english speaker ,sorry 🙁

    Any help gladly appreciated!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Anna Webdesign

    (@anna-webdesign)

    10 years, 8 months ago

    What is your domain?

    This seems pretty right:

    <img src=”<?php echo get_template_directory_uri() . ‘/’;

    ?>images/logo.gif” />

    But maybe you have to try it with the full URL?

    Thread Starter Crimson_Ghost138

    (@crimson_ghost138)

    10 years, 8 months ago

    Thx, the logo is already correctly linked, but i want to also link the whole header…because its an image, and i dont know of any other method to just define the logo on the left side to be linked, as its a graphic-file with the red horizontal bar combined…i know this sucks, but i cant find a easy way to do it better now, as its builded by Divine Elemente… 🙁

    Heres the Domain, i forgot to mention:
    http://www.dorfbrennerei.at/wordpress

    To be clear:
    I want to get the logo on the LEFT clickable, but its not a seperate image-file, but combined with the horizontal red bar…. this makes it very difficult to do this 🙁

    Anna Webdesign

    (@anna-webdesign)

    10 years, 8 months ago

    Hmmm and something like this for the header:

    <a href="/wordpress"><div class="header-no-stretch-block"><div class="header-grid"><!-- Header --> <div class="clear-both"> <div style="height: 17px; left: 454px; position: absolute; top: 6px; width: 100px;"> <?php $div_ec->Show('link-n5'); ?> </div> <div style="height: 17px; left: 614px; position: absolute; top: 6px; width: 32px;"> <?php $div_ec->Show('link-n10'); ?> </div> <div style="height: 17px; left: 694px; position: absolute; top: 6px; width: 110px;"> <?php $div_ec->Show('link-n11'); ?> </div> <div style="height: 21px; left: 855px; position: absolute; top: 6px; width: 54px;"> <?php $div_ec->Show('link-n12'); ?> </div> <div style="height: 19px; left: 340px; position: absolute; top: 69px; width: 84px;"> <?php $div_ec->Show('link'); ?> </div> <div style="height: 16px; left: 453px; position: absolute; top: 72px; width: 96px;"> <?php $div_ec->Show('link-n1'); ?> </div> <div style="height: 16px; left: 581px; position: absolute; top: 72px; width: 64px;"> <?php $div_ec->Show('link-n2'); ?> </div> <div style="height: 16px; left: 679px; position: absolute; top: 72px; width: 81px;"> <?php $div_ec->Show('link-n3'); ?> </div> <div style="height: 16px; left: 796px; position: absolute; top: 72px; width: 79px;"> <?php $div_ec->Show('link-n4'); ?> </div> <img src="<?php echo get_template_directory_uri() . '/'; ?>images/logo.gif" /> </div> </div> </div></a> <!-- end Header --> <!-- start Content --> <div class="content-stretch-warp"> <div class="content-stretch-bottom"> <div class="content-stretch-top">

    Thread Starter Crimson_Ghost138

    (@crimson_ghost138)

    10 years, 8 months ago

    I tried it, but its not working 🙁

    Is there a way to define a specific clickable-area? Positioning it like “left: 450px top:6px width:32px” or something, to make an invisible clickable link-area?

    Anna Webdesign

    (@anna-webdesign)

    10 years, 8 months ago

    Hmm strange that it won’t work! In my test area it does 🙂

    Maybe something like this:

    <style type="text/css">
<!--
.linkinvis {
    width: 1400px;
    position: absolute;
    height: 187px;
    margin: 0 6%;
}
-->
</style>

<a href="/wordpress" class="linkinvis"></a><div class="header-no-stretch-block"><div class="header-grid"><!-- Header -->   <div class="clear-both">    <div 

style="height: 17px; left: 454px; position: absolute; top: 6px; width: 100px;"> <?php $div_ec-

>Show('link-n5'); ?>    </div>    <div style="height: 17px; left: 614px; position: absolute; top: 6px; width: 32px;">     <?

php $div_ec->Show('link-n10'); ?>  </div>    <div style="height: 17px; left: 694px; position: absolute; top: 6px; width: 

110px;">     <?php $div_ec->Show('link-n11'); ?>    </div>    <div style="height: 21px; left: 855px; position: absolute; top: 

6px; width: 54px;">     <?php $div_ec->Show('link-n12'); ?>    </div>    <div style="height: 19px; left: 340px; position: 

absolute; top: 69px; width: 84px;">     <?php $div_ec->Show('link'); ?>    </div>    <div style="height: 16px; left: 453px; 

position: absolute; top: 72px; width: 96px;">     <?php $div_ec->Show('link-n1'); ?>    </div>    <div style="height: 16px; 

left: 581px; position: absolute; top: 72px; width: 64px;">     <?php $div_ec->Show('link-n2'); ?>    </div>    <div 

style="height: 16px; left: 679px; position: absolute; top: 72px; width: 81px;">     <?php $div_ec->Show('link-n3'); ?>    

</div>    <div style="height: 16px; left: 796px; position: absolute; top: 72px; width: 79px;">     <?php $div_ec->Show

('link-n4'); ?>    </div>  <img src="<?php echo get_template_directory_uri() . '/'; 

?>images/logo.gif" />     </div>  </div> </div> <!-- end Header --> <!-- start Content --> <div class="content-

stretch-warp">  <div class="content-stretch-bottom">   <div class="content-stretch-top">
    Thread Starter Crimson_Ghost138

    (@crimson_ghost138)

    10 years, 8 months ago

    It worked!!!! 🙂

    I just had to position the after <!– Header –> and then played aroung with width,height and margin, and now got it perfectly aligned with the little logo on the left side 🙂

    Thank you very very much!!! 🙂

    Have a nice day!!

    Anna Webdesign

    (@anna-webdesign)

    10 years, 8 months ago

    Yeahhh!! You have a nice day to :)!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Add a Link to Header-Image?’ is closed to new replies.