Add link to footer pictures

7 posts from 3 voices

• Started 2 years ago by katalintamas
• Latest reply from OwenDevelopment
• This topic is resolved

Tags:

• footer
• link

1. 

   katalintamas
   Member

   Hi Kriesi,
   it's great that you have a searchable forum instead of Themeforest's.
   However, I could not find the answer to my question: how could I add a link to the little logos in my footer at http://beregszaszi-gerendahaz.hu/? At the moment the code for one of them looks like:

   <p class="small_block"><img class="ie6fix noborder alignleft" src="<?php echo bloginfo('template_url'); ?>/images/skin1/kivet-logo.png" alt="Kiváló Építési Termék" />A Beregszászi-Trade Kft. rendelkezik Kiváló Építési Termék tanúsító védjeggyel.</p>

   Where should I put and what in order to link the logo picture (kivet-logo.png) to a pdf at http://beregszaszi-gerendahaz.hu/wp-content/uploads/2010/08/kivet.pdf ?

   Thanks a lot!

   Posted 2 years ago #
2. 

   OwenDevelopment
   Member

   Hi there,

   This is simple HTML.

   For example, your current image is:

   <img alt="ÉMI logó" src="http://beregszaszi-gerendahaz.hu/wp-content/themes/newscast/images/skin1/emi-logo.jpg" />

   To add a link to it, you would change it to:

   <a href="http://WWW.LINKHERE.COM"><img src="http://beregszaszi-gerendahaz.hu/wp-content/themes/newscast/images/skin1/emi-logo.jpg" alt="ÉMI logó" /></a>

   The Kivet logo for your pdf would be:
   <a href="http://beregszaszi-gerendahaz.hu/wp-content/uploads/2010/08/kivet.pdf"><img src="http://beregszaszi-gerendahaz.hu/wp-content/themes/newscast/images/skin1/kivet-logo.png" alt="Kiváló Építési Termék" /></a>

   The last one above, will then appear like:
   

   Try that.

   Posted 2 years ago #
3. 

   katalintamas
   Member

   Thanks, that is all right. I tried and the link is working but I lost all the formatting: http://beregszaszi-gerendahaz.hu. My code looks like <p class="small_block"><img class="ie6fix noborder alignleft"><a href="http://beregszaszi-gerendahaz.hu/wp-content/uploads/2010/08/kivet.pdf"><img src="http://beregszaszi-gerendahaz.hu/wp-content/themes/newscast/images/skin1/kivet-logo.png" alt="Kiváló Építési Termék" /></a>A Beregszászi-Trade Kft. rendelkezik Kiváló Építési Termék tanúsító védjeggyel.</p>
   What did I do wrong? Thanks again and sorry for disturbing you with this simple thing which is not obvious for me...

   Posted 2 years ago #
4. 

   OwenDevelopment
   Member

   I see. We need to line the text on the right up with the image on the left.

   go back to the original code and just add the links in:

   <p class="small_block"><a href="http://beregszaszi-gerendahaz.hu/wp-content/uploads/2010/08/kivet.pdf"><img class="ie6fix noborder alignleft" src="<?php echo bloginfo('template_url'); ?>/images/skin1/kivet-logo.png" alt="Kiváló Építési Termék"></a>A Beregszászi-Trade Kft. rendelkezik Kiváló Építési Termék tanúsító védjeggyel.</p>

   Posted 2 years ago #
5. 

   katalintamas
   Member

   GREAT, thanks for your help, OwenDevelo!

   Posted 2 years ago #
6. 

   James Morrison
   Former Team Member

   Hey!

   @OwenDevelo Thanks for helping out!

   Regards,
   James

   Posted 2 years ago #
7. 

   OwenDevelopment
   Member

   No probs...

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.