Format source code for blogging with www.blogger.com

http://formatmysourcecode.blogspot.com/

Nice JQuery login in Joomla

1. Remove original content of file /modules/mod_login/tmpl/default.php and add the following instead:

<?php // no direct access
defined('_JEXEC') or die('Restricted access'); ?>
<?php if($type == 'logout') : ?>
<form action="index.php" method="post" name="login" id="form-login">

    <div class="tab">
        <ul class="login">
            <li class="left">&nbsp;</li>
            <li>Hello <?php echo $user->get('name')?></li>
            <li class="sep">|</li>
            <li id="toggle">
                <input type="submit" name="Submit" class="bt_login" value="<?php echo JText::_( 'BUTTON_LOGOUT'); ?>" />            
            </li>
            <li class="right">&nbsp;</li>
        </ul> 
    </div> <!-- / top -->


    <input type="hidden" name="option" value="com_user" />
    <input type="hidden" name="task" value="logout" />
    <input type="hidden" name="return" value="<?php echo $return; ?>" />
</form>
<?php else : ?>
<?php if(JPluginHelper::isEnabled('authentication', 'openid')) :
        $lang->load( 'plg_authentication_openid', JPATH_ADMINISTRATOR );
        $langScript =     'var JLanguage = {};'.
                        ' JLanguage.WHAT_IS_OPENID = \''.JText::_( 'WHAT_IS_OPENID' ).'\';'.
                        ' JLanguage.LOGIN_WITH_OPENID = \''.JText::_( 'LOGIN_WITH_OPENID' ).'\';'.
                        ' JLanguage.NORMAL_LOGIN = \''.JText::_( 'NORMAL_LOGIN' ).'\';'.
                        ' var modlogin = 1;';
        $document = &JFactory::getDocument();
        $document->addScriptDeclaration( $langScript );
        JHTML::_('script', 'openid.js');
endif; ?>


<!-- Panel -->
<div id="toppanel">
  <div id="panel">
    <div class="content clearfix">
      <form action="<?php echo JRoute::_( 'index.php', true, $params->get('usesecure')); ?>" method="post" name="login" id="form-login" >
      <div class="loginContent">
        <div class="left">
          <?php echo $params->get('pretext'); ?>
          <fieldset class="input">
            <p id="form-login-username">
              <label for="modlgn_username"><?php echo JText::_('Username') ?></label><br />
              <input id="modlgn_username" type="text" name="username" class="inputbox field" alt="username" size="18" />
            </p>
            <p id="form-login-password">
              <label for="modlgn_passwd" class="grey"><?php echo JText::_('Password') ?></label><br />
              <input id="modlgn_passwd" type="password" name="passwd" class="inputbox field" size="18" alt="password" />
            </p>
          <?php if(JPluginHelper::isEnabled('system', 'remember')) : ?>
            <p id="form-login-remember">
              <label><input name="remember" id="modlgn_remember" type="checkbox" checked="checked" value="yes" alt="Remember Me"  /> &nbsp;<?php echo JText::_('Remember me') ?></label>
            </p>
          <?php endif; ?>
          <input type="submit" name="Submit" class="bt_login" value="Log In" />
          </fieldset>
        </div>
        <div class="left">
          <p>&nbsp;</p>
          <ul>
            <li>
              <a href="<?php echo JRoute::_( 'index.php?option=com_user&view=reset' ); ?>">
              <?php echo JText::_('FORGOT_YOUR_PASSWORD'); ?></a>
            </li>
            <li>
              <a href="<?php echo JRoute::_( 'index.php?option=com_user&view=remind' ); ?>">
              <?php echo JText::_('FORGOT_YOUR_USERNAME'); ?></a>
            </li>
            <?php
              $usersConfig = &JComponentHelper::getParams( 'com_users' );
              if ($usersConfig->get('allowUserRegistration')) : ?>
            <li>
              <a href="<?php echo JRoute::_( 'index.php?option=com_user&view=register' ); ?>">
                <?php echo JText::_('REGISTER'); ?></a>
            </li>
            <?php endif; ?>
          </ul>
        </div>
      </div>
    </div> <!-- /login -->
      
    <?php echo $params->get('posttext'); ?>

    <input type="hidden" name="option" value="com_user" />
    <input type="hidden" name="task" value="login" />
    <input type="hidden" name="return" value="<?php echo $return; ?>" />
    <?php echo JHTML::_( 'form.token' ); ?>
  </form>


</div>


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

2. Create a new module in the Module Manager of Joomla:

3. Add the following lines in your html file:

<link rel="stylesheet" href="/joomlatest/templates/inusign_blog/css/login.css" type="text/css" />
 <!--Toggle effect (show/hide login form) -->
 <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
 <script src="/joomla/templates/inusign_blog/js/slide.js" type="text/javascript"></script>

4. Upload slide.js