SMF For Free Support Forum
Signup For Free Forum
July 04, 2009, 11:28:00 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 1113 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: 776


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

Want to know how good your board is?  Why not get it reviewed at Revolution X!
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:  

cheap low cost web hosting reviews

Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
ServerBeach Coupon
Page created in 0.364 seconds with 16 queries.