Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Sign In
Not a member yet? Click here to register.

Sliding jquery login Completed

Here is the code to insert into your theme.php
add code above top line of them.php and overwrite old one. The java files upload and put in correct link to them..
CodeDownload  
<!--
   Copyright 2009 Jeremie Tisseau
   "Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
   http://www.gnu.org/licenses/gpl-3.0.html
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
     
     
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />   

   <!-- stylesheets -->
     <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
     <link rel="stylesheet" href="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="js/pngfix/supersleight-min.js"></script>
   <![endif]-->
   
    <!-- jQuery - the core -->
   <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
   <!-- Sliding effect -->
   <script src="js/slide.js" type="text/javascript"></script>
<style type="text/css">
.border1 {       background-color: #ffffff;
       border: 1px solid #cccccc;
          padding: 3px;
         margin: 5px;
         -moz-border-radius:3px;
         -webkit-border-radius:3px;
         -khtml-border-radius:3px;
         border-radius:3px;
         -moz-box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
         -webkit-box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
         box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
}
</style>
</head>

<body><!-- Panel -->
<div id="toppanel">
   <div id="panel">
      <div class="content clearfix">
         <div class="left">
            <h1>Company Nmae</h1>
            <h1>Account Info</h1>
 <li> My Account</li>
 <li> My Profile</li>
 <li> Account History</li>
 <li> Account Tools</li>


<br /><br /></div>
         <div class="left">
                  <H1>Social Media</h1><h2>Follow Us</h2><br />
     <table width="198" border="0">
  <tr>
    <td width="70"><div align="center"><img src="images/102573-yellow-black-striped-grunge-construction-icon-social-media-logos-facebook-logo-square (1).png" width="56" height="56" /></div></td>
    <td width="56"><div align="center"><img src="images/102551-yellow-black-striped-grunge-construction-icon-social-media-logos-blogger-logo-square.png" width="56" height="56" /></div></td>
    <td width="58"><div align="center"><img src="images/102597-yellow-black-striped-grunge-construction-icon-social-media-logos-mail-square.png" width="56" height="56" /></div></td>
  </tr>
  <tr>
    <td><div align="center">Facebook</div></td>
    <td><div align="center">Blog</div></td>
    <td><div align="center">Email</div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
            <!-- Login Form -->

</div>
         <div class="left right">         
      <?php
if (!defined("IN_FUSION")) { die("Access Denied"); }

if (iMEMBER) {
   $msg_count = dbcount("(message_id)", DB_MESSAGES, "message_to='".$userdata['user_id']."' AND message_read='0' AND message_folder='0'");

   openside($userdata['user_name']);
   echo " <a href='".BASEDIR."edit_profile.php' class='side'>".$locale['global_120']."</a><br />\n";
   echo " <a href='".BASEDIR."messages.php' class='side'>".$locale['global_121']."</a><br />\n";
   echo " <a href='".BASEDIR."members.php' class='side'>".$locale['global_122']."</a><br />\n";

   if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
      echo " <a href='".ADMIN."index.php".$aidlink."' class='side'>".$locale['global_123']."</a><br />\n";
   }

   echo " <a href='".BASEDIR."index.php?logout=yes' class='side'>".$locale['global_124']."</a>\n";

   if ($msg_count) {
      echo "<div style='text-align:left;margin-top:15px;'>\n";
      echo "<strong><a href='".BASEDIR."messages.php' class='side'>".sprintf($locale['global_125'], $msg_count);
      echo ($msg_count == 1 ? $locale['global_126'] : $locale['global_127'])."</a></strong>\n";
      echo "</div>\n";
   }

   if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
      $subm_count = dbcount("(submit_id)", DB_SUBMISSIONS);

      if ($subm_count) {
         echo "<div style='text-align:left;margin-top:15px;'>\n";
         echo "<strong><a href='".ADMIN."submissions.php".$aidlink."' class='side'>".sprintf($locale['global_125'], $subm_count);
         echo ($subm_count == 1 ? $locale['global_128'] : $locale['global_129'])."</a></strong>\n";
         echo "</div>\n";
      }
   }
   closeside();
} else {
   if (!preg_match('/login.php/i',FUSION_SELF)) {
      $action_url = FUSION_SELF.(FUSION_QUERY ? "?".FUSION_QUERY : "");
      if (isset($_GET['redirect']) && strstr($_GET['redirect'], "/")) {
         $action_url = cleanurl(urldecode($_GET['redirect']));
      }

      openside($locale['global_100']);
      echo "<div style='text-align:left'>\n";
      echo "<form name='loginform' method='post' action='".$action_url."'>\n";
      echo $locale['global_101']."<br />\n<input type='text' name='user_name' class='textbox' style='width:100px' /><br />\n";
      echo $locale['global_102']."<br />\n<input type='password' name='user_pass' class='textbox' style='width:100px' /><br />\n";
      echo "<input type='submit' name='login' value='".$locale['global_104']."' class='button' /><br />\n";
      echo "</form>\n\n";

      if ($settings['enable_registration']) {
         echo $locale['global_105']."<br /><br />\n";
      }
      echo $locale['global_106']."\n</div>\n";
      closeside();
   }
}
?>

          </div>
      </div>
</div> <!-- /login -->   

   <!-- The tab on top -->   
   <div class="tab">
      <ul class="login">
         <li class="left">&nbsp;</li>
         <li>Hello!</li>
         <li class="sep">|</li>

        <li id="toggle">
            <a id="open" class="open" href="#">Log In | My Account</a>
            <a id="close" style="display: none;" class="close" href="#">Close Panel</a>         
         </li>
         <li class="right">&nbsp;</li>
      </ul>
   </div> <!-- / top -->
   
</div> <!--panel -->

craziepc attached the following file:
sliding_login_panel_jquery_1.zip [70.53kB / 285 Downloads]
Thread Information
Author
Replies
1 post
Views
2,397 times
Last Post
Last updated on 8 years ago
You can view all discussion threads in this forum.
You cannot set up a bounty in this discussion thread.
You can start a new discussion thread in this forum.
You cannot reply in this discussion thread.
You cannot start on a poll in this forum.
You cannot upload attachments in this forum.
You can download attachments in this forum.
You cannot up or down-vote on the post in this discussion thread.
Users who participated in discussion: craziepc