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
Page 2 of 4 • 1, 2, 3, 4
Sliding Log in Panel...need help
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,.....
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
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
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
Re: Sliding Log in Panel...need help
Try adding the codes in the homepage message and u will see ;D.
ACP - Display - Homepage - Generalities
ACP - Display - Homepage - Generalities
Guest- Guest
Yakko!- Forumember
- Posts : 661
Reputation : -5
Language : Italian, english, Français
Re: Sliding Log in Panel...need help
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,...
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
What doesn't works? you must add the 2 codes above instead of the old codes when you copy it and paste it ;D
Guest- Guest
Re: Sliding Log in Panel...need help
the log in form still show up, even though im logged in...
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
Because you must edit the new code . the code that you copied
Guest- Guest
Re: Sliding Log in Panel...need help
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- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
kk,.. no rush,... ill wait...i am about to go offline,.. ill check it maybe this night...
once again thnx for helping me....
once again thnx for helping me....
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Yakko!- Forumember
- Posts : 661
Reputation : -5
Language : Italian, english, Français
Re: Sliding Log in Panel...need help
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,..
I mean that if ever the user log in the "log in form" will switch into something,..
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
I tried that, but after login, there is no code to hide it
Guest- Guest
Re: Sliding Log in Panel...need help
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..
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
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
I made to sliding panel, take a look here. http://alig.forumotion.com/index.htm
make a test account (:
make a test account (:
Guest- Guest
Re: Sliding Log in Panel...need help
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."
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
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
Because the old panel doesn't hide it still there so it doesn't works, we need to make new javascript for the new panel
Guest- Guest
Re: Sliding Log in Panel...need help
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,...
please make me JS in new panel ... i really dont know how,...
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
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:
(by the way im good in html..but with css..)
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..)
Yakko!- Forumember
- Posts : 661
Reputation : -5
Language : Italian, english, Français
Re: Sliding Log in Panel...need help
i think the width of the forum needs to be bigger (not sure)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..)
TGC HARDC0RE- Forumember
- Posts : 192
Reputation : 1
Language : english
Yakko!- Forumember
- Posts : 661
Reputation : -5
Language : Italian, english, Français
Re: Sliding Log in Panel...need help
As i said above (: make 2 panels (:
add these tags around the login panel (:
and add these tag around the new panel after login (:
So when the user login the login panel will be hidden and the new panel will show (:
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
Re: Sliding Log in Panel...need help
sorry,sorry,sorry,can you say me
how i make,and where i make that?
sorry,im from germany
how i make,and where i make that?
sorry,im from germany
Page 2 of 4 • 1, 2, 3, 4
Similar topics
» Sliding Log-in Panel
» Sliding Log-in panel
» sliding log in panel
» Sliding panel problem
» Sliding login panel
» Sliding Log-in panel
» sliding log in panel
» Sliding panel problem
» Sliding login panel
Page 2 of 4
Permissions in this forum:
You cannot reply to topics in this forum