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 3 of 4 Previous  1, 2, 3, 4  Next

Go down

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

Post by kaizen_zyr Sat Oct 02 2010, 15:13

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 3 Empty Re: Sliding Log in Panel...need help

Post by Guest Sun Oct 17 2010, 21:47

Follow the tutorials we have written in page 1 Very Happy
avatar
Guest
Guest


Back to top Go down

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

Post by Marvin Sun Oct 17 2010, 21:55

yes,but im dont understand,where is the middle?

there is not a middle,or can you take a picture?
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 3 Empty Re: Sliding Log in Panel...need help

Post by Guest Sun Oct 17 2010, 21:56

middle is under the <body> tag (: its every where (:
avatar
Guest
Guest


Back to top Go down

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

Post by Marvin Sun Oct 17 2010, 21:58

Code:

<!-- 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>
<body> and than:
Code:

<!-- Panel -->
<div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <div class="left">
            <!-- Login Form -->
            <form class="clearfix" action="http://pcf-criminology.forumotions.net/login.forum?connexion" method="post">
              <h1>Member Login</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="#">Lost your password?</a>
            </form>
        </div>
        <div class="left right">       
            <!-- Register Form -->
            <form action="http://pcf-criminology.forumotions.net/profile.forum?mode=register" method="post">
              <h1>Not a member yet? Sign Up!</h1>           
              <label class="grey" for="signup">Username:</label>
              <input class="field" type="text" name="signup" id="signup" value="" size="23" />
              <label class="grey" for="email">Email:</label>
              <input class="field" type="text" name="email" id="email" size="23" />
              <label>A password will be e-mailed to you.</label>
              <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 Guest!</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>

?
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 3 Empty Re: Sliding Log in Panel...need help

Post by kaizen_zyr Mon Oct 18 2010, 15:58

Gangstar15 wrote:I will try that in sometime ;D

kk,...i'll wait till you finish the new panel for log in panel....Smile

can you give me the code in your sample page?... because i don't know how to edit mine to become like yours...

thnx alot....
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 3 Empty Re: Sliding Log in Panel...need help

Post by Guest Mon Oct 18 2010, 16:02

I've deleted it sorry :/
But i will edit it now xD

Code:

<!-- Panel -->
<div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <div class="left">
            <!-- Login Form -->
            <form class="clearfix" action="http://pcf-criminology.forumotions.net/login.forum?connexion" method="post">
              <h1>Member Login</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="#">Lost your password?</a>
            </form>
        </div>
        <div class="left right">       
            <!-- Register Form -->
            <form action="http://pcf-criminology.forumotions.net/profile.forum?mode=register" method="post">
              <h1>Not a member yet? Sign Up!</h1>           
              <label class="grey" for="signup">Username:</label>
              <input class="field" type="text" name="signup" id="signup" value="" size="23" />
              <label class="grey" for="email">Email:</label>
              <input class="field" type="text" name="email" id="email" size="23" />
              <label>A password will be e-mailed to you.</label>
              <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><a href="/msg.forum?folder=inbox">Inbox</li>
        <li><a href="/profile.forum?mode=editprofile">Profile</li>
        <li class="sep">|</li>
        <li id="toggle">
            <a id="open" class="open" href="#">Open Panel</a>
            <a id="close" style="display: none;" class="close" href="#">Close Panel</a>       
        </li>
        <li class="right"> </li>
      </ul>
  </div> <!-- / top -->
 
</div> <!--panel -->

I don't know how this will look xD just try it Very Happy
avatar
Guest
Guest


Back to top Go down

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

Post by Marvin Mon Oct 18 2010, 19:27

hmm...no XD

http://img3.fotos-hochladen.net/uploads/fff2gklyizr5.jpg

its in the tex..under the navi^^

its goint to Display-Home(page)-text there

right?
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 3 Empty Re: Sliding Log in Panel...need help

Post by Guest Mon Oct 18 2010, 19:51

I don't think it works with phpbb3 (: but u r right (:

try in the announcements too
avatar
Guest
Guest


Back to top Go down

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

Post by Yakko! Tue Oct 19 2010, 18:16

but the forum measurament changes!
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 3 Empty Re: Sliding Log in Panel...need help

Post by Marvin Tue Oct 19 2010, 21:20

Yakko! wrote:but the forum measurament changes!
what?
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 3 Empty Re: Sliding Log in Panel...need help

Post by kirk Wed Oct 20 2010, 19:14

Can someone please tell me why this thread is three pages?
We should never have thread dealing with support that is three pages long unless it is a problem that is effecting everyone.

So i will go through the thread and see if i can come to a conclusion.
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

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

Post by Guest Wed Oct 20 2010, 19:15

Because Yakko! bumping it everyday (:
avatar
Guest
Guest


Back to top Go down

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

Post by kirk Wed Oct 20 2010, 19:45

ok has any tried adding there forum link into the equation?
in the code above you see register form and then a link to a forum.
So i am waonding if kaizen_zyr or anyone else has added their forum link to it.. also i noticed it's a code set up for IE6? But dont know if that has anything to do with it.

But the forum link below. is right here at this guys forum and it's seems to be working fine?
http://pcf-criminology.forumotions.net/profile.forum?


Code:

<!-- Register Form -->
            <form action="http://pcf-criminology.forumotions.net/profile.forum?mode=register


So i am not exactly sure if you just need to add your forum link. but since this guys forum link is in the code then you can only assume that it would not work for anyone else forum.

So i will do a few test of my own and hopefully thats all it is?

Info added

Gangstar15 wrote:Because Yakko! bumping it everyday (:
Well then yakko needs to chill out befor he gets a warning for bumping post with useless information.

i seen his Post saying (up) on the the other pages.



Yakko, please do not bump any post unless you have something with some signifecence, pertaining to the given problem and thread it revolves around.
Thank you Smile


Now ok.. i have it up and opening fine.. but there are things missing in the code that will make it work correctly.. like if i open it and go to log in. as soon as i submit it. it just goes to my forums log-in page to log in there and defeats the purpose.

So more things have to be added somewhere.. i am looking through some source codeing to see whats what.. but you know these things are a freaking pain sometimes.IN my opinion They are stupid, and you dont you even need them. Big deal it drops down.. WOW EXCITING!!!!... lol

My bad you can tell i am getting a lil frustrated with it.. Razz They do look cool though Smile

But anywayThis is what i have so far on my test forum..
http://tesing123kirk.freeforum.me.uk/index.htm#

I am hoping to work the rest out.. but i am not going to spend hours on this either.. you can ask Rono he might know as well. But it seems to just be missing a few small things.





MORE INFO AGAIN Smile

Ok new devolpement. if you go to my test forum in the link above you will see.
Now this will also leave you with what evr content you want to add to the left side of the drop done.. You can keep the chat then replace what ever else you want above that.

So you can tell me what you want i will should hook it up.. keep it simple i am not going crazy with it, and i am only going to do it once.

But this is what i added to my test forum. i am putiing the codelike this so you can see were your links need to be.

<!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="ltr" id="min-width" lang="en" xml:lang="en" ><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=&quot;text/javascript&quot; src=&quot;http://alig.mezoka.com/slider/js/pngfix/supersleight-min.js&quot;></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><title>Log in</title><meta http-equiv="content-type" content="text/html; charset=utf-8;" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="https://illiweb.com/fa/favicon/form.ico" /><meta name="title" content="Log in" /><link rel="stylesheet" href="/61-ltr.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="" /><link rel="search" type="application/opensearchdescription+xml" href="http://www.board-directory.net/en/search/improvedsearch.xml" title="Search forums" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="https://illiweb.com/rs3/12/frm/lang/en.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script></head><body background="https://2img.net/h/i155.photobucket.com/albums/s294/android008/Android/pcf-crim/pcfcrim_background.png" bgcolor="#7d0000" text="#ffffff" link="#c90000" vlink="#b80000"><!--
Panel --><div id="toppanel"><div id="panel"><div class="content clearfix"><div class="left"><!--
Register Form --><h2> Additional Content </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"> Additional Content <a href="/game-manual/">List of FAQ</a> Additional Content of the game. </p><h2>Visit the Chatbox!</h2><p class="info">Click <a href="javascript: void(0)" onclick="window.open('YOURE CHAT BOX LINK HERE
?', '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="Your login link here
" 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="Register" onclick="parent.location='/profile.forum?mode=register';" /><br/><br/><a href="Your send new pass link here
">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 !</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>



And here is the link to my test forum again.
http://tesing123kirk.freeforum.me.uk/index.htm

oh oh and this whole code will go in the very top of you overall header template Smile
It's a whole lot of code.. but it works... hahaha.. we should really hit rono up to see what he says.. he's probably laughing at me/ us.. lol.
Hey i am busy with school and have not had a lot of time for coding lately so i am a lil rusty guitar
And i am sure it still be done the way gangstar has it to.. so idk.. yous let me know what yous think.. And keep in mind this is more less it.. because this code has other content in that the other people added for there forum so it would all have to be adjusted to the content and links you want in there.


Hello
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

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

Post by kaizen_zyr Fri Oct 29 2010, 13:55

Gangstar15 wrote:I've deleted it sorry :/
But i will edit it now xD

Code:

<!-- Panel -->
<div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <div class="left">
            <!-- Login Form -->
            <form class="clearfix" action="http://pcf-criminology.forumotions.net/login.forum?connexion" method="post">
              <h1>Member Login</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="#">Lost your password?</a>
            </form>
        </div>
        <div class="left right">       
            <!-- Register Form -->
            <form action="http://pcf-criminology.forumotions.net/profile.forum?mode=register" method="post">
              <h1>Not a member yet? Sign Up!</h1>           
              <label class="grey" for="signup">Username:</label>
              <input class="field" type="text" name="signup" id="signup" value="" size="23" />
              <label class="grey" for="email">Email:</label>
              <input class="field" type="text" name="email" id="email" size="23" />
              <label>A password will be e-mailed to you.</label>
              <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><a href="/msg.forum?folder=inbox">Inbox</li>
        <li><a href="/profile.forum?mode=editprofile">Profile</li>
        <li class="sep">|</li>
        <li id="toggle">
            <a id="open" class="open" href="#">Open Panel</a>
            <a id="close" style="display: none;" class="close" href="#">Close Panel</a>       
        </li>
        <li class="right"> </li>
      </ul>
  </div> <!-- / top -->
 
</div> <!--panel -->

I don't know how this will look xD just try it Very Happy

w0w,... it works,.. thnx a lot man,.. Love but, how about the log in form?... i would like to change the log in form after signing in into something such as; friendslist, edit signature and etc.

how to hide the registration form after loging in?.... Crying or Very 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 3 Empty Re: Sliding Log in Panel...need help

Post by Guest Fri Oct 29 2010, 14:24

Code:
<form class="clearfix" action="http://pcf-criminology.forumotions.net/login.forum?connexion" method="post">
              <h1>Member Login</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="#">Lost your password?</a>
            </form>

Code:
<form action="http://pcf-criminology.forumotions.net/profile.forum?mode=register" method="post">
              <h1>Not a member yet? Sign Up!</h1>           
              <label class="grey" for="signup">Username:</label>
              <input class="field" type="text" name="signup" id="signup" value="" size="23" />
              <label class="grey" for="email">Email:</label>
              <input class="field" type="text" name="email" id="email" size="23" />
              <label>A password will be e-mailed to you.</label>
              <input type="submit" name="submit" value="Register" class="bt_register" />
            </form>
avatar
Guest
Guest


Back to top Go down

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

Post by Emilio Wed Nov 03 2010, 03:04

Can someone tell me how to do this for PUNBB?
I would love to know it Wink
avatar
Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

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

Post by kirk Wed Nov 03 2010, 19:25

Emilio wrote:Can someone tell me how to do this for PUNBB?
I would love to know it Wink

put the code in your overall header template.
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

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

Post by Emilio Wed Nov 03 2010, 22:21

What code , and where exaclty?
Sorry for the question but i would be very a happy to have it
avatar
Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

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

Post by LilJur Wed Nov 03 2010, 23:52

all can be found here Emilio.
Jalokim used this as well, he give me the link xD
avatar
LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

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

Post by Emilio Wed Nov 03 2010, 23:59

Yes i know but i need a second code that doesn't show the register or login but only profile , mail and logout and that doesn"t slide anymore after login
avatar
Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

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

Post by kaizen_zyr Thu Nov 04 2010, 09:27

can someone give us the code thats makes the log in form and the tab on top hidden?.. and changes into something after log in?...

I thought Gangstar15 codes work in my profile, but it doesnt,..

@ Gangstar15: please give me the code that you have made into your previous test account?.. the one that after log in, the panel tabs changes into another panel tabs...

and the login form hidden after log in and replace a list of links,... please...

just like this site...
http://forums.warofninja.com/

Crying or Very 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 3 Empty Re: Sliding Log in Panel...need help

Post by kirk Thu Nov 04 2010, 18:42

well you see there are a few different ways to do this.
if you are using punbb or phpbb 2 then i sugest you do it by template edit.

I am at school right now so i can not test out the few different ways i had it before.. but it seems there are three ways explained.. gangstars,jolo's and the way i did it with the source coding.. which my way still has to be adjusted a lil bit.

But there are three ways explained so i do not know what else you want us to provide.
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

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

Post by kaizen_zyr Fri Nov 05 2010, 12:18

I already did what you meant... here is my account: http://pcf-criminology.forumotions.net/

what i mean is that when ever you log in this site,...still what you see in the sliding panel is the same as what it is,.. I need a code that when ever the user log in in this site, the slindig panel above changes into something like this site : http://forums.warofninja.com/ try to register in this site,.. the sliding panel after login will changes into something,. as ganstar15 said,.. we need a 2nd JS panel,.. that switches to another panel after login... need help how to do this...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 3 Empty Re: Sliding Log in Panel...need help

Post by Guest Fri Nov 05 2010, 19:16

Code:
<!-- BEGIN switch_user_logged_out -->
<!-- Panel -->
<div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <div class="left">
            <!-- Register Form -->
        <h2>Welcome to To My site</h2>     
              <p class="info">
              YOU TEXT HERE!
              </p>
             
        </div>


        <div class="left right">

<!-- Login Form -->
            <form action="http://test-liqued-coding.forumotion.com/login.forum?connexion" 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://test-liqued-coding.forumotion.com/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 Guest</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 -->
<!-- END switch_user_logged_out -->


<!-- BEGIN switch_user_logged_in -->
<!-- Panel -->
<div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <div class="left">
          <!-- Register Form -->
              <h2>Music Playlist!</h2>
              <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODgzODA2NjA1MTUmcHQ9MTI4ODM4MDY2NzA5MyZwPTE4MDMxJmQ9Jmc9MSZvPTljYzIxNGVjZmUyMDQ3YmNiYWVh/MjFmYzMyZDAzYWZm.gif" /><embed src="http://assets.mixpod.com/swf/mp3/mff-mpodmin.swf?myid=70657282&path=2010/10/29" quality="high" wmode="transparent" flashvars="mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" width="158" height="208" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:158px;height:208px;" />
        </div>


        <div class="left right">

<!-- Login Form -->
            TEXT HERE!  TEXT HERE!  TEXT HERE!  TEXT HERE!
        </div>
      </div>
</div> <!-- /login --> 

  <!-- The tab on top --> 
  <div class="tab">
      <ul class="login">
        <li class="left"> </li>
        <li>Welcome Back </li>
        <li class="sep">|</li>
        <li> <a href="/profile.forum?mode=editprofile" title="Edit your profile">Profile</a></li>
        <li class="sep">|</li>
        <li><a href="/msg.forum?folder=inbox">Inbox</a> </li>
        <li class="sep">|</li>
        <li><a href="/search.forum">Search</a> </li>
        <li class="sep">|</li>
        <li id="toggle">
            <a id="open" class="open" href="#">Open Panel</a>
            <a id="close" style="display: none;" class="close" href="#">Close Panel</a>
        </li>
        <li class="right"> </li>
      </ul>
  </div> <!-- / top -->
 
</div> <!--panel -->
<!-- END switch_user_logged_in -->
avatar
Guest
Guest


Back to top Go down

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

Post by Emilio Fri Nov 05 2010, 19:26

Where to place it.? After what tag?
avatar
Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

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

Post by Guest Fri Nov 05 2010, 19:31

anywhere after the body tag (:
avatar
Guest
Guest


Back to top Go down

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

Post by Emilio Fri Nov 05 2010, 19:40

Wait , For user who are not logged in it needs to show Login or register
an after logged in it needs to be gone an only Profile, messages and Log out
will be appear

Is that in the code?
avatar
Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

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

Post by Guest Fri Nov 05 2010, 19:45

try it here (:

http://test-liqued-coding.forumotion.com/forum.htm

Account:
Name: testaccount
Pass: 12345678
avatar
Guest
Guest


Back to top Go down

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

Post by EverEffects Fri Nov 05 2010, 22:41

Ok I've been going over this thread and have been trying to figure this out also. In the end, kirks script work for a menu. It brings up the log in option. But as kaizen has been saying this whole time, the menu doesn't change once you are logged in. So pretty much you have a useless log in option at the top of your screen after you're logged in. How can I change this?

Also, problem with kirks menu.. After I click it to drop down, it doesn't want to go back up. Any idea how to fix that?
EverEffects
EverEffects
Forumember

Posts : 105
Reputation : 1
Language : English

Back to top Go down

Page 3 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