The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Sliding Log-in Panel

View previous topic View next topic Go down

Sliding Log-in Panel

Post by blindbat1457 on April 8th 2011, 10:45 pm

So I tried to search it.. The threads I did come across were a big cluster f**k.

I understand this but when I put the codes in it just effs up my page and doesn't even show the slider.
Here is the source:
http://web-kreation.com/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

Put these codes in the top:
Code:

<!-- stylesheets -->
     <link rel="stylesheet" href="http://web-kreation.com/demos/Sliding_login_panel_jquery/css/style.css" type="text/css" media="screen" />
     <link rel="stylesheet" href="http://web-kreation.com/demos/Sliding_login_panel_jquery/css/slide.css" type="text/css" media="screen" />
   
     <!-- PNG FIX for IE6 -->
     <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
   <!--[if lte IE 6]>
      <script type="text/javascript" src="http://alig.mezoka.com/slider/js/pngfix/supersleight-min.js"></script>
   <![endif]-->
   
    <!-- jQuery - the core -->
   <script src="http://alig.mezoka.com/slider/js/jquery-1.3.2.min.js" type="text/javascript"></script>
   <!-- Sliding effect -->
   <script src="http://alig.mezoka.com/slider/js/slide.js" type="text/javascript"></script>

And this in the middle:
Code:

<!-- Panel -->
<div id="toppanel">
   <div id="panel">
      <div class="content clearfix">
         <div class="left">
            <!-- Login Form -->
            <form class="clearfix" action="http://pcf-criminology.forumotions.net/login.forum?connexion" method="post">
               <h1>Member Login</h1>
               <label class="grey" for="log">Username:</label>
               <input class="field" type="text" name="username" id="log" value="" size="23" />
               <label class="grey" for="pwd">Password:</label>
               <input class="field" type="password" name="password" id="pwd" size="23" />
                  <label>Log me on automatically at each visit: <input name="autologin" checked="checked" type="checkbox"></label>
                 <div class="clear"></div>
               <input type="submit" name="submit" value="Login" class="bt_login" />
               <a class="lost-pwd" href="#">Lost your password?</a>
            </form>
         </div>
         <div class="left right">         
            <!-- Register Form -->
            <form action="http://pcf-criminology.forumotions.net/profile.forum?mode=register" method="post">
               <h1>Not a member yet? Sign Up!</h1>            
               <label class="grey" for="signup">Username:</label>
               <input class="field" type="text" name="signup" id="signup" value="" size="23" />
               <label class="grey" for="email">Email:</label>
               <input class="field" type="text" name="email" id="email" size="23" />
               <label>A password will be e-mailed to you.</label>
               <input type="submit" name="submit" value="Register" class="bt_register" />
            </form>
         </div>
      </div>
</div> <!-- /login -->   

   <!-- The tab on top -->   
   <div class="tab">
      <ul class="login">
         <li class="left"> </li>
         <li>Hello Guest!</li>
         <li class="sep">|</li>
         <li id="toggle">
            <a id="open" class="open" href="#">Log In | Register</a>
            <a id="close" style="display: none;" class="close" href="#">Close Panel</a>         
         </li>
         <li class="right"> </li>
      </ul>
   </div> <!-- / top -->
   
</div> <!--panel -->

blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum