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...need help

Page 2 of 4 Previous  1, 2, 3, 4  Next

View previous topic View next topic Go down

Sliding Log in Panel...need help

Post by kaizen_zyr on Sat Oct 02, 2010 7:13 am

First topic message reminder :

Hi everyone,... I need help how to work this in my forum,..

http://web-kreation.com/demos/Sliding_login_panel_jquery/#

Please help me work with this code,..

thnx,.....

kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down


Re: Sliding Log in Panel...need help

Post by Guest on Thu Oct 07, 2010 2:19 pm

Hmmm. copy the slide panel and paste in the same place and add these codes around it:

Code:
<!-- BEGIN switch_user_logged_in -->

<!-- END switch_user_logged_in -->

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by Marvin on Thu Oct 07, 2010 2:33 pm

goes it with phpbb3?

Marvin
Forumember

Male Posts : 317
Reputation : 4
Language : German, basic English, Spanish, basic Bavarian, broken Italian

http://www.schiggysboard.com/

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Thu Oct 07, 2010 2:38 pm

Its doesn't works fine with phpbb3 :/

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by Marvin on Thu Oct 07, 2010 2:42 pm

and not fine:D?

Marvin
Forumember

Male Posts : 317
Reputation : 4
Language : German, basic English, Spanish, basic Bavarian, broken Italian

http://www.schiggysboard.com/

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Thu Oct 07, 2010 2:44 pm

Try adding the codes in the homepage message and u will see ;D.

ACP - Display - Homepage - Generalities

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by Marvin on Thu Oct 07, 2010 2:54 pm

XD its verry verry good Very Happy

Marvin
Forumember

Male Posts : 317
Reputation : 4
Language : German, basic English, Spanish, basic Bavarian, broken Italian

http://www.schiggysboard.com/

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Yakko! on Thu Oct 07, 2010 3:09 pm

up

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Thu Oct 07, 2010 3:12 pm

@Marvin : Really ;D ?

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by kaizen_zyr on Thu Oct 07, 2010 3:17 pm

@Gangstar15 wrote:Hmmm. copy the slide panel and paste in the same place and add these codes around it:

Code:
<!-- BEGIN switch_user_logged_in -->

<!-- END switch_user_logged_in -->

it doesn't work in mine,... Sad

kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Thu Oct 07, 2010 3:18 pm

What doesn't works? you must add the 2 codes above instead of the old codes Smile when you copy it and paste it ;D

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by kaizen_zyr on Thu Oct 07, 2010 3:24 pm

the log in form still show up, even though im logged in...


kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Thu Oct 07, 2010 3:26 pm

Because you must edit the new code Smile. the code that you copied Smile

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by kaizen_zyr on Thu Oct 07, 2010 3:31 pm

I dont get it,... here is my code,... please edit it for me....

Code:
<!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>
<!-- 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>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir  = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch( tickerDirParam )
   {
      case 'top' :
         slid_vert = true;
         break;

      case 'left':
         break;

      case 'bottom':
         slid_vert = true;
         auto_dir  = 'prev';
         break;

      case 'right':
         auto_dir  = 'prev';
         break;

      default:
         slid_vert = true;
   }

   $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display','block');

         /* Calcul des dimensions du conteneur et des ?l?ments */
         var width_max  = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
         $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
               height_max = $(this).height();
            }
         } );

         /* Redimensionnement des ?l?ments et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio      = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert)
         {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
         }

         /* Initialisation du caroussel */
         $('#fa_ticker_content').jcarousel({
              vertical: slid_vert,
            wrap: 'circular',
             auto: {switch_ticker.STOP_TIME},
             auto_direction: auto_dir,
              scroll: 1,
              size: {switch_ticker.SIZE},
              height_max: height_max,
              animation: {switch_ticker.SPEED}
          });
       }
       else
       {
          $('ul#fa_ticker_content li:not(:first)').css('display','none');
          $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
       }
   });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
       text-align:center;
       width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
       margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
       margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->

   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
     _gaq.push(['_trackPageview']);

     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            

            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->


<!-- Panel -->
<div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <div class="left">
            <!-- Register Form -->
        <h2>Welcome to PCF-Criminology Official Site!</h2>      
               <p class="info">Please check the <a href="/news-and-announcements-f1/">News and Announcements section</a> on to check the latest news and updates.</p>
               <h2>You need help?</h2>   
               <p class="info">Before or during your start of posting in the Forum, be sure to check out the <a href="/game-manual/">List of FAQ</a> to learn the basics of the game.</p>

               <h2>Visit the Chatbox!</h2>
               <p class="info">Click <a href="javascript: void(0)"
  onclick="window.open('http://pcf-criminology.forumotions.net/chatbox/chatbox.forum?',
  'windowname1',
  'width=771, height=561');
  return false;">here</a> to open up the Chatbox and start communicating with the online members.</p>


        </div>


        <div class="left right">

<!-- Login Form -->
            <form action="http://pcf-criminology.forumotions.net/login.forum" method="post"><table cellspacing="1" cellpadding="3" border="0"><tbody><tr><td width="45%" align="right"> Username:</td><td><input type="text" name="username" size="25" maxlength="40" /></td></tr><tr><td align="right">Password:</td><td><input type="password" name="password" size="25" maxlength="32" /></td></tr><tr align="center"><td colspan="2">Stay logged in: <input type="checkbox" name="autologin" checked="true" /></td></tr><tr align="center"><td colspan="2">
<input type="submit" class="mainoption" name="login" value="Log in" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<br/><br/><a href="http://pcf-criminology.forumotions.net//profile.forum?mode=sendpassword">Lost your password?</a>
</td></tr></tbody></table></form>       

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


  <!-- The tab on top --> 
  <div class="tab">
      <ul class="login">
        <li class="left"> </li>
        <li>Hello (user name variable dont work too)!</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 -->










   <a name="top"></a>
   {JAVASCRIPT}
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     

                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     

                     <span class="gen">{SITE_DESCRIPTION}
  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->


Last edited by kaizen_zyr on Thu Oct 07, 2010 3:43 pm; edited 2 times in total

kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Thu Oct 07, 2010 3:35 pm

I dont have time right now :/ sorry Sad maybe later

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by kaizen_zyr on Thu Oct 07, 2010 3:39 pm

kk,.. no rush,... ill wait...i am about to go offline,.. ill check it maybe this night...

once again thnx for helping me....Smile

kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Yakko! on Mon Oct 11, 2010 6:18 am

Up

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Sliding Log in Panel...need help

Post by kaizen_zyr on Tue Oct 12, 2010 9:21 am

do anyone know what is the code in switching log in form?
I mean that if ever the user log in the "log in form" will switch into something,..


kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Tue Oct 12, 2010 9:23 am

I tried that, but after login, there is no code to hide it :/

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by kaizen_zyr on Tue Oct 12, 2010 9:48 am

so theres no way that i can hide the log in form after log in?....

you mean the log in form will still appear even though i already log in?

can anyone know the script of the "new pm" and switch to "no pm".. maybe that script can be used in switching the "log in form" into "something" after log in....

i need a script that display something in replacement of the "log in form" after log in..

kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Tue Oct 12, 2010 9:54 am

I made to sliding panel, take a look here. http://alig.forumotion.com/index.htm
make a test account (:

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by kaizen_zyr on Tue Oct 12, 2010 10:03 am

w0w,... thats what i mean,... the "hello guest" changes into "inbox"

but, the control panel after log in is not expanding anymore...can you make expand also,..after log in the control panel will expand and the "log in form" changes into " view profile, buddy list or etc."

kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Tue Oct 12, 2010 10:05 am

Because the old panel doesn't hide Sad it still there so it doesn't works, we need to make new javascript for the new panel Smile

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by kaizen_zyr on Tue Oct 12, 2010 10:09 am

so theres a way to make the "panel after log in" to be expanded?...

please make me JS in new panel ... i really dont know how,...

kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Tue Oct 12, 2010 10:27 am

I will try that in sometime ;D

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by MaRcinator on Tue Oct 12, 2010 11:27 am

http://gamingstarvids.darkbb.com/index.htm

i edited it a bit with dreamweaver.. maybe im to tired to finish it lol.. but it doesnt work to do that when u do
login that it login.....
and its bit to far at the right...
and i added it in index_body

the code:
Code:

<!-- stylesheets -->
   
    <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>
 

<!-- Panel --><div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <div class="left">
            <!-- Login Form -->
            <form class="clearfix" action="http://gamingstarvids.darkbb.com/login.forum?connexion" method="post">
              <h1>Member Login (Not finished)</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="http://gamingstarvids.darkbb.com/profile.forum?mode=sendpassword">Lost your password?</a>
            </form>
        </div>
        <div class="left right">     
            <!-- Register Form -->
            <form action="http://gamingstarvids.darkbb.com/profile.forum?mode=register&agreed=true&step=1" method="goto">
              <h1>Not a member yet? Sign Up!</h1>         
           
              <input class="field" type="text" name="signup" id="signup" value="" size="23" />
             
             
             
              <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 {USERLINK}</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 -->

<body>
<body background = "http://i21.servimg.com/u/f21/15/41/88/56/back10.jpg"

</body>

(by the way im good in html..but with css..)

MaRcinator
New Member

Male Posts : 10
Reputation : 0
Language : German

http://gamingstarvids.darkbb.com/forum.htm

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Yakko! on Fri Oct 15, 2010 6:57 am

UP

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Sliding Log in Panel...need help

Post by TGC HARDC0RE on Fri Oct 15, 2010 9:32 am

@MaRcinator wrote:http://gamingstarvids.darkbb.com/index.htm

i edited it a bit with dreamweaver.. maybe im to tired to finish it lol.. but it doesnt work to do that when u do
login that it login.....
and its bit to far at the right...
and i added it in index_body

the code:
Code:

<!-- stylesheets -->
   
    <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>
 

<!-- Panel --><div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <div class="left">
            <!-- Login Form -->
            <form class="clearfix" action="http://gamingstarvids.darkbb.com/login.forum?connexion" method="post">
              <h1>Member Login (Not finished)</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="http://gamingstarvids.darkbb.com/profile.forum?mode=sendpassword">Lost your password?</a>
            </form>
        </div>
        <div class="left right">     
            <!-- Register Form -->
            <form action="http://gamingstarvids.darkbb.com/profile.forum?mode=register&agreed=true&step=1" method="goto">
              <h1>Not a member yet? Sign Up!</h1>         
           
              <input class="field" type="text" name="signup" id="signup" value="" size="23" />
             
             
             
              <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 {USERLINK}</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 -->

<body>
<body background = "http://i21.servimg.com/u/f21/15/41/88/56/back10.jpg"

</body>

(by the way im good in html..but with css..)
i think the width of the forum needs to be bigger (not sure)

TGC HARDC0RE
Forumember

Posts : 192
Reputation : 1
Language : english

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Yakko! on Sun Oct 17, 2010 7:39 am

UP

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Sliding Log in Panel...need help

Post by Guest on Sun Oct 17, 2010 12:19 pm

As i said above (: make 2 panels (:
add these tags around the login panel (:
Code:

<!-- BEGIN switch_user_logged_out -->

<!-- END switch_user_logged_out -->

and add these tag around the new panel after login (:
Code:

<!-- BEGIN switch_user_logged_in -->

<!-- END switch_user_logged_in -->

So when the user login the login panel will be hidden and the new panel will show (:

Guest
Guest


Back to top Go down

Re: Sliding Log in Panel...need help

Post by Marvin on Sun Oct 17, 2010 1:46 pm

sorry,sorry,sorry,can you say me
how i make,and where i make that?

sorry,im from germany Very Happy

Marvin
Forumember

Male Posts : 317
Reputation : 4
Language : German, basic English, Spanish, basic Bavarian, broken Italian

http://www.schiggysboard.com/

Back to top Go down

Page 2 of 4 Previous  1, 2, 3, 4  Next

View previous topic View next topic Back to top


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