Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2017-03-08 06:01:49

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 145
Website

How to insert a link in the masthead

Dear all,

as the subject says i am looking for a solution to insert an clickable email adress and a telephone number in the masthead.

Any suggestions?

Thank you in advance,
Oliver

Offline

#2 2017-03-08 07:40:16

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,162
Website

Re: How to insert a link in the masthead

use phplugins
http://backlight.theturninggate.net/doc … sthead_top

Much like Daniel has done on his site, inserting a search form in the masthead
http://danielleu.com/


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#3 2017-03-09 03:36:32

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 145
Website

Re: How to insert a link in the masthead

Hi Rod,

thanks a lot for your reply!
I figured it out using phplugins to add contact information ABOVE the masthead.
May I ask how Daniel did it to add something INTO the masthead?

Best regards,
Oliver

Offline

#4 2017-03-09 04:04:51

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 702
Website

Re: How to insert a link in the masthead

Hi Oliver,

I replaced the entire masthead with my own code using ttg_masthead_top and using false as return value.

ttg_masthead_top

if return=false, normal Backlight masthead is skipped
called immediately before the masthead element
fully encompasses the masthead; can be used to replace it

Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

#5 2017-03-09 04:41:30

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 145
Website

Re: How to insert a link in the masthead

Hi Daniel,

thanks for your prompt reply.

Thats exactly what I did:

function ttg_masthead_top( $style, $path ) {
    echo '

  <div class="trallala">
<h2><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+trallala"> +trallala</a> <i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+trallala"> +trallala</a> <i class="fa fa-envelope-o" aria-hidden="true"></i> </i> <a href="mailto:blabla@tarllala.com">blabla@trallala.com</a></h2>
    <a href="/">
            <img src="http://trallala.com/backlight/designer/?c=page&amp;a=image&amp;p1=4" alt="TRALLALA PHOTOGRAPHY" class="identity_plate" width="224" height="44">
        </a>
  </div>
 
    ';
    return false;

Do you have any idea how to get the contact information in one line with the identity-plate??? (id-plate is left, in the center of the masthead should be the contactinfo.

Best regards,
Oliver

Offline

#6 2017-03-09 06:51:32

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,162
Website

Re: How to insert a link in the masthead

you might try a different structure. Take a look at the source code on Daniel's site for an idea. He's got the logo and the search form in separate divs. You'll need to add styling to float contact info div to the right.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#7 2017-03-09 11:51:37

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 702
Website

Re: How to insert a link in the masthead

The challenge is to come up with the proper CSS so that the masthead scales with the size of the browser and looks nice on desktop and mobile.


Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

#8 2017-03-10 05:15:20

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 145
Website

Re: How to insert a link in the masthead

Thank you Rod & Daniel,

I will play around with it :-)

Best regards,oliver

Offline

Board footer

Powered by FluxBB