Jump to content

Welcome to Fundayforum

Welcome to Fundayforum

Take the free tour and meet people! 😍

Things are going to change

Things are going to change

This year you must stay, you deserve it.

When you think things go wrong

When you think things go wrong

There is always someone who will give you a hand.

Where are you going tonight?

Where are you going tonight?

Some day we'll go back there, our secret place.

Do you remember those moments?

Do you remember those moments?

This is going to get sweet!

I really feel younger.

I really feel younger.

Maybe I'll give it a little taste.

Oh pretty mama, you're the best!

Oh pretty mama, you're the best!

I do not think I'll ever forget it, thanks.

Sign in to follow this  
ADMIN

IPS4-Tutorial Add social icons to your header

Rate this topic

Recommended Posts

This tutorial will show you how to add various social media icons (twitter, youtube, facebook) icons in the IPB header. In this case next to the quick search box.

Step 1. Open your Admin CP > Look & Feel Tab > select skin > Global Templates > globalTemplate.

Find:

<if test="canSearch:|:$this->memberData['g_use_search'] && $this->settings['allow_search']">
                        {parse template="quickSearch" group="global" params=""}
                    </if>

Add BELOW:

<ul class='ipsList_inline right' style='margin-top: 20px; margin-right: 30px;'>
<li style='margin:0px;'><a href='http://twitter.com/{twitter username}' title='Latest news and updates at twitter'><img src='{link to twitter icon}' alt='twitter' /></a></li>
<li style='margin:0px;'><a href='http://www.youtube.com/user/{youtube username}' title='View my Youtube videos'><img src='{link to youtube icon}' alt='youtube' /></a></li>
<li style='margin:0px;'><a href='https://plus.google.com/{google plus id}' title='View our Google Plus page'><img src='{link to your google plus icon}' alt='googleplus' /></a></li>
</ul>

Save Template.

Now you'll need to replace where I've stated {twitter username} or {link to youtube icon} with your own social media usernames and social media icons. In different skins you may need to adapt the padding or margin to fit better with your skin.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Forum Statistics

    1,975
    Total Topics
    8,202
    Total Posts
×