SMF For Free Support Forum
Signup For Free Forum
July 30, 2010, 06:28:35 pm *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

Pages: [1]
  Print  
Author Topic: [Code] Show/Hide Info Center  (Read 1942 times)
0 Members and 1 Guest are viewing this topic.
Ridikul
SMF For Free Member
*
Offline Offline

Posts: 35


View Profile
« on: June 15, 2007, 01:47:06 am »

Forum Url: http://ridiskin.smfforfree3.com
My first code ever guys, so be nice.

Description
Adds links at the bottom of the board that show and hide the info center when clicked. I might make them both one link in the future, but for right now, it's 2.

EXAMPLE

Put this in your CSS at the bottom.

Code:
.hide-info {
        margin: 0 auto;
        padding: 5px;
        text-align: center;
}

Put this at the top of your header.

Code:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script type="text/javascript">
        $(document).ready(function(){
                $("a.hidelink").click(function(){
                        $("div#upshrinkHeaderIC").hide("slow");
                        return false;
                });
                $("a.showlink").click(function(){
                        $("div#upshrinkHeaderIC").show("slow")
                        return false;
                });
        });
</script>

Put this at the top of your footer.

Code:
<div class="hide-info"><a href="#" class="hidelink">Hide Info Center</a> <a href="#" class="showlink">Show Info Center</a></div>

« Last Edit: August 27, 2007, 08:59:50 pm by simply sibyl » Logged
Agent Moose
Moderator
*****
Offline Offline

Posts: 825


Do not PM me for Code Support or Request


View Profile
« Reply #1 on: June 15, 2007, 10:40:58 am »

Nice Code.  You don't need this code in your headers, all of My codes use that code, but I have it hosted on an invisionfree forum...
Code:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

You would just have the same code in your headers twice if you have the code I have and this one, and there will be no use for that  Smiley
Logged

Check out Revolution X's Brand new Code Index!
Ridikul
SMF For Free Member
*
Offline Offline

Posts: 35


View Profile
« Reply #2 on: June 15, 2007, 10:43:58 am »

lol, I don't have one your codes. Thanks man.
Logged


Pages: [1]
  Print  
 
Jump to:  



Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC
Hostgator Hosting
Page created in 0.197 seconds with 15 queries. (Pretty URLs adds 0.037s, 2q)