Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #939

    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!

    #33433

    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

    #33434

    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

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Add social networking icons to the footer’ is closed to new replies.