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


Print Track
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..
<!--
   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 / 277 Downloads]

0 replies

author craziepc
forumModifications and Requests - 8
replies1 post
viewed2361 times
activeLast updated on 7 years ago

Related

Login from forum page redirects to bad page
Started by
C
clarnp49 - 1 post
Login problem at "sub site"
Started by
S
Sveinungs - 3 posts
Someone help, please - "remember me" login doesn't work
Started by jeffbloom jeffbloom - 26 posts
Is there is a way to completely hide "login" panel?
Started by
D
DJTOP100 - 10 posts
Looking for "bank-type" login
Started by Quartzkyte Quartzkyte - 5 posts
After login, Admin panel links, to Admin panel, member list, etc, Stopped working.
Started by Kind_Aj Kind_Aj - 4 posts

Hot Questions

afoster
Help With Error Msg
afoster - 3 posts
M
Guestbook
MysticFire - 14 posts
NetriX
PolarFox
NetriX
PHP-Fusion US THEME
NetriX - 28 posts
Kevin Maschke
Tabbed panel
Kevin Maschke - 53 posts
You can view all discussion threads in this forum.
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.
Users who participated in discussion: craziepc