Footer Follow Ups

Discussion in 'vBulletin Discussions' started by Ak Worm, Oct 3, 2009.

  1. Ak Worm

    Ak Worm Grand Master

    Joined:
    May 22, 2009
    Messages:
    979
    Likes Received:
    20
    First Name:
    Corey
    AdminCP > Styles & Templates > Style Manager > Your Style > footer

    Find:
    HTML:
    $ad_location[ad_footer_start]
    Above add:
    HTML:
    <div align="center"><a href="http://www.mozilla.com/"><img src="http://www.gamingcube.org/forum/images/misc/firefox.gif" alt="" /></a></div><br /><div align="center"><!-- START Follow Us On Twitter --><a href="http://twitter.com/gamingcube"><img src="http://i35.tinypic.com/2vw699w.png" alt="Twitter" /></a><!-- END Follow Us On Twitter --><!-- START Follow Us On MySpace --><a href="http://www.myspace.com/gamingcube"><img src="http://i36.tinypic.com/zwko4y.png" alt="MySpace" /></a><!-- END Follow Us On MySpace --><!-- START Follow Us On Facebook --><a href="http://www.facebook.com/username?ref=profile"><img src="http://i38.tinypic.com/2vw9qbs.png" border="0" alt="Facebook" /></a><!-- END Follow Us On Facebook --><!-- START Follow Us On YouTube --><a href="http://www.youtube.com/u2goptu"><img src="http://i35.tinypic.com/mjldfc.png" alt="YouTube" /></a>
    <!-- END Follow Us On YouTube --><div> 
    Fix my urls to your sites profile for each follow up.
    Anymore more follow ups? I can make one for you. See image attach for demo :D
     
  2. Michael

    Michael Regular Member

    Joined:
    Jan 18, 2004
    Messages:
    166
    Likes Received:
    35
    Here is a valid version of it for you :)

    Code:
    [COLOR=#000080]<div align=[COLOR=#0000FF]"center"[/COLOR]>[/COLOR][COLOR=#008000]<a href=[COLOR=#0000FF]"http://www.mozilla.com/"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000FF]"http://www.gamingcube.org/forum/images/misc/firefox.gif"[/COLOR] alt="" />[/COLOR][COLOR=#800080][/COLOR][COLOR=#008000]</a>[/COLOR][COLOR=#000080]</div>[/COLOR][COLOR=#000080]<br />[/COLOR][COLOR=#000080]<div align=[COLOR=#0000FF]"center"[/COLOR]>[/COLOR][I][COLOR=#000080]<!-- START Follow Us On Twitter -->[/COLOR][/I][COLOR=#008000]<a href=[COLOR=#0000FF]"http://twitter.com/gamingcube"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000FF]"http://i35.tinypic.com/2vw699w.png"[/COLOR] alt=[COLOR=#0000FF]"Twitter" /[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR][I][COLOR=#000080]<!-- END Follow Us On Twitter -->[/COLOR][/I][I][COLOR=#000080]<!-- START Follow Us On MySpace -->[/COLOR][/I][COLOR=#008000]<a href=[COLOR=#0000FF]"http://www.myspace.com/gamingcube"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000FF]"http://i36.tinypic.com/zwko4y.png"[/COLOR] alt=[COLOR=#0000FF]"MySpace"[/COLOR] />[/COLOR][COLOR=#008000]</a>[/COLOR][I][COLOR=#000080]<!-- END Follow Us On MySpace -->[/COLOR][/I][I][COLOR=#000080]<!-- START Follow Us On Facebook -->[/COLOR][/I][COLOR=#008000]<a href=[COLOR=#0000FF]"http://www.facebook.com/username?ref=profile"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000FF]"http://i38.tinypic.com/2vw9qbs.png"[/COLOR] border=[COLOR=#0000FF]"0"[/COLOR] alt=[COLOR=#0000FF]"Facebook" /[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR][I][COLOR=#000080]<!-- END Follow Us On Facebook -->[/COLOR][/I][I][COLOR=#000080]<!-- START Follow Us On YouTube -->[/COLOR][/I][COLOR=#008000]<a href=[COLOR=#0000FF]"http://www.youtube.com/u2goptu"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000FF]"http://i35.tinypic.com/mjldfc.png"[/COLOR] alt=[COLOR=#0000FF]"YouTube" /[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR]
    [I][COLOR=#000080]<!-- END Follow Us On YouTube -->[/COLOR][/I][COLOR=#000080]<div>[/COLOR] 
    Add this to your additional CSS so you never need to use border="0" again on your skin too:

    Code:
    
    img {border:none;}
    
    
     
    2 people like this.
  3. Mikey

    Mikey Mikeylicio.us

    Joined:
    Sep 12, 2009
    Messages:
    484
    Likes Received:
    92
    Location:
    United Kingdom
    I'll just use the firefox one.

    Thanks Ak and Michael.

    Also, Ak, I'd use that little CSS that michael put there, as every image that you've put in has a border, looks horrific. ;)
     
  4. Michael

    Michael Regular Member

    Joined:
    Jan 18, 2004
    Messages:
    166
    Likes Received:
    35
    Glad it is working nicely for you :D I go so far to remove the focus dotted line when an image is clicked using this CSS:

    Code:
    :focus{outline:none}
    My own personal preference ;)
     
    2 people like this.
  5. Ak Worm

    Ak Worm Grand Master

    Joined:
    May 22, 2009
    Messages:
    979
    Likes Received:
    20
    First Name:
    Corey
    Thanks micheal, updated the above version.
     

Share This Page