Add social networking icons to the footer « Support Forum | Kriesi.at

Support Forum » Twicet

Add social networking icons to the footer

3 posts from 3 voices

Started 2 years ago by kirstin
Latest reply from milkthecow
This topic is not a support question

Tags:

kirstin
Member

Hi Kriesi,

I would like to add a couple of 24x24px social networking icons/links to the footer of my pages (right aligned in the gray bar... just above the 'top' anchor tag).

Is this possible? If so can you please advise what the code would be and where to paste it.

Thanks a bunch for the support!

Posted 2 years ago #

James Morrison
Former Team Member

Hey,

This will get you started, (paste into footer.php):

<ul class="social_bookmarks">
	<li class='rss'><a class='ie6fix' href="#">RSS</a></li>
	<li class='facebook'><a class='ie6fix' href='#'>Facebook</a></li>
	<li class='twitter'><a class='ie6fix' href='#'>Twitter</a></li>
	<li class='flickr'><a class='ie6fix' href='#'>flickr</a></li>
</ul>

You then need to add the appropriate CSS for example:

.social_bookmarks{
border:medium none;
display:block;
float:right;
list-style-type: none;
list-style-position: outside;
}

.social_bookmarks li {
float:left;
margin:0 7px 0 0;
width:24px;
}

.social_bookmarks li a {
border:medium none;
display:block;
float:left;
height:24px;
padding:0;
text-indent:-9999px;
width:24px;
outline: none;
}

.social_bookmarks .rss a{background: transparent url(../images/shared/rss_24.png) 0 0  no-repeat;}
.social_bookmarks .facebook a{background: transparent url(../images/shared/facebook_24.png) 0 0  no-repeat;}
.social_bookmarks .twitter a{background: transparent url(../images/shared/twitter_24.png) 0 0  no-repeat;}
.social_bookmarks .flickr a{background: transparent url(../images/shared/flickr_24.png) 0 0  no-repeat;}

Cheers,
James

Posted 2 years ago #

milkthecow
Member

Hi.

With Display 2 is there anyway I can just change the 'Facebook or Twitter' social button to 'LinkedIn' instead? Is there a way to customise where the social buttons/icons point to?

Your code in the footer.php says:

array( "name" => "Facebook Account",
"desc" => "Enter the name of your facebook account to create a small icon link within your footer",
"id" => "acc_fb",
"std" => "",
"size" => 20,
"type" => "text"),

I'm probably being really stupid I know, but where is that drawing the FaceBook url from so I can go and change it to LinkedIn?

Thanks loads - hope you can help

Posted 2 years ago #