The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Sliding Log in Panel...need help

+12
kirk
MaRcinator
Yakko!
Marvin
c12mm
Chris Hickingbottom
Skelly Man
shadowz au
kieran1
TGC HARDC0RE
Rikho123
kaizen_zyr
16 posters

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

Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Sliding Log in Panel...need help

Post by kaizen_zyr October 2nd 2010, 2:13 pm

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
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down


sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 7th 2010, 9: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 -->
avatar
Guest
Guest


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Marvin October 7th 2010, 9:33 pm

goes it with phpbb3?
Marvin
Marvin
Forumember

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

http://www.schiggysboard.com/

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 7th 2010, 9:38 pm

Its doesn't works fine with phpbb3 :/
avatar
Guest
Guest


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Marvin October 7th 2010, 9:42 pm

and not fine:D?
Marvin
Marvin
Forumember

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

http://www.schiggysboard.com/

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 7th 2010, 9:44 pm

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

ACP - Display - Homepage - Generalities
avatar
Guest
Guest


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Marvin October 7th 2010, 9:54 pm

XD its verry verry good Very Happy
Marvin
Marvin
Forumember

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

http://www.schiggysboard.com/

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Yakko! October 7th 2010, 10:09 pm

up
Yakko!
Yakko!
Forumember

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

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 7th 2010, 10:12 pm

@Marvin : Really ;D ?
avatar
Guest
Guest


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr October 7th 2010, 10: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
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 7th 2010, 10: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
avatar
Guest
Guest


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr October 7th 2010, 10:24 pm

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

kaizen_zyr
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 7th 2010, 10:26 pm

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


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr October 7th 2010, 10: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://2img.net/i/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 October 7th 2010, 10:43 pm; edited 2 times in total
kaizen_zyr
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 7th 2010, 10:35 pm

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


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr October 7th 2010, 10: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
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Yakko! October 11th 2010, 1:18 pm

Up
Yakko!
Yakko!
Forumember

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

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr October 12th 2010, 4:21 pm

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
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 12th 2010, 4:23 pm

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


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr October 12th 2010, 4:48 pm

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
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 12th 2010, 4:54 pm

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


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr October 12th 2010, 5:03 pm

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
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 12th 2010, 5:05 pm

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
avatar
Guest
Guest


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr October 12th 2010, 5:09 pm

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
kaizen_zyr
Forumember

Male Posts : 36
Reputation : 0
Language : English

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 12th 2010, 5:27 pm

I will try that in sometime ;D
avatar
Guest
Guest


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by MaRcinator October 12th 2010, 6:27 pm

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..)
avatar
MaRcinator
New Member

Male Posts : 10
Reputation : 0
Language : German

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

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Yakko! October 15th 2010, 1:57 pm

UP
Yakko!
Yakko!
Forumember

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

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by TGC HARDC0RE October 15th 2010, 4:32 pm

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
TGC HARDC0RE
Forumember

Posts : 192
Reputation : 1
Language : english

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Yakko! October 17th 2010, 2:39 pm

UP
Yakko!
Yakko!
Forumember

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

Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Guest October 17th 2010, 7: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 (:
avatar
Guest
Guest


Back to top Go down

sliding log in - Sliding Log in Panel...need help - Page 2 Empty Re: Sliding Log in Panel...need help

Post by Marvin October 17th 2010, 8:46 pm

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

sorry,im from germany Very Happy
Marvin
Marvin
Forumember

Male Posts : 320
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

Back to top

- Similar topics

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