Add Twitter, Facebook Icons On Header IP. Board

Add Twitter, Facebook Icons On Header IP Board. 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.

Preview Demo:

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. 


It is Add Twitter, Facebook Icons On Header IB. Board, Good Luck!

Title: Add Twitter, Facebook Icons On Header IP. Board
Posted by:Stuard Van
Published :2013-09-12T10:00:00-07:00
Rating: 5
Reviewer: 5 Reviews
Add Twitter, Facebook Icons On Header IP. Board

Share :

Related articles:

IP.Board Tutorials

• How to Remove "License Key Missing" Warning in ACP New Tutorial 2015
• [ Tutorial ] How to change the default mobile skin in 3.4.x
• How to Easily Smooth Board Width Changer On IP. Board
• How to Easily Disable Fast Reply On IP. Board
• Show Forum Description Inside Tooltips On IP. Board
• [Tutorial] Creating Some Pretty BBcode On IP. Board
• Forum Hover Colour On IP. Board
• How to Easily Arrange Subforum In 3 Columns On IP. Board
• How to Make Horizontal Userinfopane On IP.Board
• How to Easily Make-Block Ad | Advertising Space On IP. Board
• Protect Nulled IP Board from IPS
• Add Charm Bar On IP Board
• How To Easily Edit The Copyright Text For IP On Board
• IPB 3.4.x Missing Editor Box On IP Board
• [App] Tutorials On IP. Board
• How to Easily Smooth Scroll To Top Button On IP. Board
• How To Easily Edit Shoutbox Ajax Refresh Settings On IP Board
• Group Format (Hook) Fix for 3.4.x On IP Board
• [Lesson] Registration arrangement On IP. Board
• How To Easily Show Files Images On IP.Board Download
• How To Auto Add Links Into Code Tags On IP.Board
• How To Make Simple Validating Message On IP. Board
• How to Easily Install A Skin On IP. Board
• Clickable Custom Profile Fields On IP.Board