WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Sliding login panel

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Sliding login panel on Thu Nov 04, 2010 2:44 am

Emilio


Registered Member
Registered Member
Hello , i want this on my forum..
http://web-kreation.com/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

I need one before logged in and after logged in..
after logged in i want the Inbox , profile and log out in it Smile
Please help me

http://www.graphilicious.forumotion.Com

2 Re: Sliding login panel on Thu Nov 04, 2010 9:25 am

ankillien


Administrator
Administrator
Hi,

First download and host the javascript and image files they provide. Then we need to make changes in overall_header template.

The page is not opening for me right now so I'll explain more later.

3 Re: Sliding login panel on Thu Nov 04, 2010 5:48 pm

Guest


Guest
When you say "I want this at my forum" what do you mean?You want us to give you the whole code once more?I think that webartz's job is to provide help when you are stuck.


As i have said to you so many times,the only thing you have to do to install JQuery to your forum is:

download the files it provides
Upload them to your host(like webs.com since it has its own file manager)

Copy-Paste the html & css codes the tutorial provides and make the available changes into the script and style tags.

At least make a try to install it yourself.Just follow the tuts guidelines.And if you are stuck somewhere,i will help you Wink

4 Re: Sliding login panel on Thu Nov 04, 2010 7:04 pm

Emilio


Registered Member
Registered Member
It works , but it places my multi forums 4 in 1 to the right ;s
I placed this after the <head>

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=&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="http://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.com/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="http://illiweb.com/rsc/12/frm/lang/en.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script></head><body background="http://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>

http://www.graphilicious.forumotion.Com

5 Re: Sliding login panel on Thu Nov 04, 2010 7:13 pm

Guest


Guest
you only place the javascript and css into the head tags and you place html into the body tags.

6 Re: Sliding login panel on Thu Nov 04, 2010 7:23 pm

Emilio


Registered Member
Registered Member
I gonna search for another sciprt and try it , you can lock this anki

http://www.graphilicious.forumotion.Com

7 Re: Sliding login panel on Thu Nov 04, 2010 7:26 pm

Guest


Guest
why lock it when its so simple?

Just place the
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=&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="http://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.com/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="http://illiweb.com/rsc/12/frm/lang/en.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script>

into the head tags of overall_header and the html into the body tags Neutral

8 Re: Sliding login panel on Sun Nov 07, 2010 3:43 am

Jophy


Registered Member
Registered Member
Locked as requested

http://www.socialtechforum.com/

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Sliding login panel

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