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 1 of 4
Page 1 of 4 • 1, 2, 3, 4
Sliding Log in Panel...need help
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,.....
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
phpBB2....sorry for late reply,...
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
Okay, Go to ACP - Display - Templates - General - overall_header :
Put these codes in the top:
And this in the middle:
Some of the codes hosted by me and some by the owner og the slider .
PS: Save + Publish, and you must edit them selv .
Put these codes in the top:
- 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>
And this in the middle:
- 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 -->
Some of the codes hosted by me and some by the owner og the slider .
PS: Save + Publish, and you must edit them selv .
Last edited by Gangstar15 on October 3rd 2010, 3:02 pm; edited 1 time in total
Guest- Guest
Re: Sliding Log in Panel...need help
Try add them to the homepage message or the annoucemenets .
Guest- Guest
Re: Sliding Log in Panel...need help
k i will try,....thnx
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
@Gangstar15:
thnx for the code...but, unfortunately..i dont know how to edit it,.. can you please tell me how?
i have tried it,.. but i think the middle code,... the second code you give as a <div> tag wont work,...
here is my page:http://pcf-criminology.forumotions.net
when i click log in , it does not log me in the page,..
please need help for this code to work,...
thnx for the code...but, unfortunately..i dont know how to edit it,.. can you please tell me how?
i have tried it,.. but i think the middle code,... the second code you give as a <div> tag wont work,...
here is my page:http://pcf-criminology.forumotions.net
when i click log in , it does not log me in the page,..
please need help for this code to work,...
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
I edited my last post with the code, (HTML) try it, don't know if it works
Guest- Guest
Re: Sliding Log in Panel...need help
when im logged in it still comes up welcome guest
TGC HARDC0RE- Forumember
- Posts : 192
Reputation : 1
Language : english
Re: Sliding Log in Panel...need help
Yah that's the problem . but when i add these codes around it, it will get problems . try it .
- Code:
<!-- BEGIN switch_user_login_form_header -->
<!-- END switch_user_login_form_header -->
Guest- Guest
Re: Sliding Log in Panel...need help
Does anyone can help in switching the panel?...
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
Gangstar15 wrote:I Said i Edited my last post .
Yeah thnx for the code,... the sliding panel now works fine,...
the problem is the switching or swapping thing after login,...
because when i log in, it still appears the same,.. like log in/register,..
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
Did you tried? https://help.forumotion.com/script-code-problems-f43/sliding-log-in-panelneed-help-t78982.htm#510285
i think u will get a problem ;/
i think u will get a problem ;/
Guest- Guest
Re: Sliding Log in Panel...need help
Where am i going to put that thing?....
im really sorry bothering you gangstar,.. i am still a noob,..
im really sorry bothering you gangstar,.. i am still a noob,..
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
it didn't work,...
i want something like this:
http://forums.warofninja.com/
that after you log in,.. the log in form will change to something like control panel,....
i want something like this:
http://forums.warofninja.com/
that after you log in,.. the log in form will change to something like control panel,....
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
Its works for me . put:
Above: <!-- Panel -->
And:
Under: <!-- Panel -->, in the bottom
- Code:
<!-- BEGIN switch_user_login_form_header -->
Above: <!-- Panel -->
And:
- Code:
<!-- END switch_user_login_form_header -->
Under: <!-- Panel -->, in the bottom
Guest- Guest
Re: Sliding Log in Panel...need help
- 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 -->
<!-- BEGIN switch_user_login_form_header -->
<!-- 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="border" style="width:70px;" value="Register" onClick="location.href='http://pcf.criminology.forumotions.net/profile.forum?mode=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 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_login_form_header -->
<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 -->[/quote]
thats the content of my overall_header,...
if i put this thing
[quote]<!-- BEGIN switch_user_login_form_header -->
<!-- END switch_user_login_form_header -->
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
Use the code below but do exactly what gangstar15 said
edit: It won't let me add the username tag
- 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>
<!-- 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 (Delete this add username tag below)</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 -->
edit: It won't let me add the username tag
kieran1- Forumember
- Posts : 69
Reputation : 0
Language : English
Location : USA
Re: Sliding Log in Panel...need help
I already tried yours too,... but I think you didn't get my point,... i want something like this.... http://forums.warofninja.com/
Register in this game,.. after you log in,.. the tabs on top,..after you log in changes into a control panel,..
The "login/register" changes to "my account".... the "log in form" changes to "user panel"....
I think what i need to work with this is a script which after you log in ,..disable "the login/register form" and enable "something i wanted to put"...
Register in this game,.. after you log in,.. the tabs on top,..after you log in changes into a control panel,..
The "login/register" changes to "my account".... the "log in form" changes to "user panel"....
I think what i need to work with this is a script which after you log in ,..disable "the login/register form" and enable "something i wanted to put"...
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
does this work on a HTML page and will it login to your forum?
edit: ok so i put it on a html page but unlike the other ones if you do a incorrect username it goes to the login page. anbd the other ones goto the page were it sais this account is inavtive or this username oes not exist etc. can anyone help?
page source
edit: ok so i put it on a html page but unlike the other ones if you do a incorrect username it goes to the login page. anbd the other ones goto the page were it sais this account is inavtive or this username oes not exist etc. can anyone help?
page source
- 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">
<!--
/*
* Copyright 2010 ClanTemplates.com
* {War Zone} is a free template by {MichaelTinnin} and {Steven Costello (arrow816)} at ClanTemplates.com
* No part of this file may be redistributed without written permission
* Design by {MichaelTinnin} - {http://michaeltinnin.daportfolio.com/}
* Coded by {Steven Costello (arrow816)} - {http://www.mediarealm.net}
*/
-->
<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 switch_user_login_form_header -->
<!-- Panel --><div id="toppanel">
<div id="panel">
<div class="content clearfix">
<div class="left">
<!-- Login Form -->
<form class="clearfix" action="http://scratch-gaming.darkbb.com/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://scratch-gaming.darkbb.com/profile.forum?mode=register" method="post">
<h1>Not a member yet? Sign Up!</h1>
<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 (User)</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_login_form_header -->
<link REL="SHORTCUT ICON" HREF="http://i949.photobucket.com/albums/ad339/skellyman1/faviconcopy.png">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Scratch Gaming</title>
<link rel="stylesheet" type="text/css" href="http://cod-access.comoj.com/New%20directory/style.css" />
</head>
<body>
<div class="con1">
<div class="con2">
<div class="con3">
<div class="top_bar_con">
<div class="logo_con">
<a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/scratchgaming.png" alt="Hello" /></a>
</div>
<div class="top_nav_con">
<ul class="top_nav">
<li class="home"><a id="on" href="/">Home</a></li>
<li class="team"><a href="/forum.htm">Forums</a></li>
<li class="forums"><a href="/Registration-h5.htm">Register</a></li>
<li class="tournaments"><a href="/Login-redirect-h7.htm">Login</a></li>
<li class="matches"><a href="#">Competitions</a></li>
<li class="clan_history"><a href="/X-files-h9.htm">X Files</a></li>
<li class="sponsors"><a href="#"></a></li>
<li class="imprint"><a href="#"></a></li>
<li class="contact"><a href="#"></a></li>
</ul>
</div>
</div>
<div class="top_mid_slider_con">
<div class="slider_con">
<div class="slider_img_con">
<div class="slider_img">
<a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/slider_imgcopy.png" alt="" /></a>
</div>
</div>
<div class="slider_content_con">
<div class="slider_content">
<div class="slider_content_header"><span><a href="#">Hire this box</a></span></div>
<div class="slider_content_sub_header"><span>Hire Me</span></div>
<div class="slider_content_text">
Would you like to hire this box for yourself and/or a friend. need to tell people something? well request to hire this box. If you wish to hire me go <a href="http://scratch-gaming.darkbb.com/site-announcements-f1/hire-site-box-t8.htm#8">here</a>.
</a>
</a>
</div>
<div class="slider_content_details">
</div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="main_con">
<div class="left_col">
<div class="left_col_box_short">
<div class="box_header">
<span>Clan Pages PS3</span>
</div>
<div class="box_content">
<ul>
<li>
<div class="li_left">
<span>[TAG]</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan Here</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">Enter</span>
</div>
</li>
<li>
<div class="li_left">
<span>[TAG]</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan Here</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">Enter</span>
</div>
</li>
<li>
<div class="li_left">
<span>[TAG]</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan Here</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">Enter</span>
</li>
<li>
<div class="li_left">
<span>[TAG]</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan Here</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">Enter</span>
</li>
</ul>
</div>
</div>
<div class="left_col_box_short">
<div class="box_header">
<span>Clan Pages Xbox 360</span>
</div>
<div class="box_content">
<ul>
<li>
<div class="li_left">
<span>[TAG]</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan Here</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">Enter</span>
</li>
<li>
<div class="li_left">
<span>[TAG]</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan Here</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">Enter</span>
</li>
<li>
<div class="li_left">
<span>[TAG]</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan Here</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">Enter</span>
</li>
<li>
<div class="li_left">
<span>[TAG]</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan Here</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">Enter</span>
</li>
</ul>
</div>
</div>
<div class="left_col_box_short">
<div class="box_header">
<span>Other Affiliates</span>
</div>
<div class="box_content">
<ul>
<li>
<div class="li_left">
<span>[ADH]</span>
</div>
<div class="li_middle">
<span>Advertisement Hotline</span>
</div>
<div class="li_right">
</div>
<div class="li_right">
<a href="http://advertisinthotline.forum-motion.com/"><span class="li_right_left_span">Enter</span></a>
</li>
<li>
<div class="li_left">
<span></span>
</div>
<div class="li_middle">
<span><a href="#"></a></span>
</div>
<div class="li_right">
<span class="li_right_mid_span"><a href="#"></a></span>
</div>
</li>
<li>
<div class="li_left">
<span></span>
</div>
<div class="li_middle">
<span><a href="#"></a></span>
</div>
<div class="li_right">
<span class="li_right_mid_span"><a href="#"></a></span>
</div>
</li>
<li>
<div class="li_left">
<span></span>
</div>
<div class="li_middle">
<span><a href="#"></a></span>
</div>
<div class="li_right">
<span class="li_right_mid_span"><a href="#"></a></span>
</div>
</li>
</ul>
</div>
</div>
<div class="left_col_box_long">
<div class="box_header">
<span>Advertisement</span>
</div>
<div class="left_col_box_long_content">
<div class="left_col_box_long_advert">
<a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/left_col_advert.jpg" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="center_col">
<div class="center_col_header">
<span>News Center</span>
</div>
<div class="news_center_post_con">
<div class="news_center_post_header">
<span><a href="#">Scratch Gaming X files</a></span>
</div>
<div class="news_center_post_image">
<a href="/X-files-h9.htm" target="_blank"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/CODaccess1copycopy.png" border="0" alt="Photobucket"></a>
</div>
<div class="news_center_post_text">
<p>Join the call of duty X files where you can catch up on recent news about COD. please goto <a href="http://scratch-gaming.darkbb.com/X-files-h9.htm">Scratch gaming X FILES</a> </p>
<p></p>
</div>
<div class="news_post_center_details">
<div class="details_reader_more">
<span><a href="#">Read full story</a></span>
</div>
<div class="details_mid">
|
</div>
<div class="details_comments">
<span>Comments</span> (<span>7</span>)
</div>
</div>
</div>
<div class="news_center_post_con">
<div class="news_center_post_header">
<span><a href="#">Scratch gaming</a></span>
</div>
<div class="news_center_post_image">
<img src="http://i949.photobucket.com/albums/ad339/skellyman1/scgam.png" alt="" />
</div>
<div class="news_center_post_text">
<p>Welcome to call of duty access Im still working on things here ATM but feel free to look around</p>
<p></p>
</div>
<div class="news_post_center_details">
<div class="details_reader_more">
<span><a href="#">Read full story</a></span>
</div>
<div class="details_mid">
|
</div>
<div class="details_comments">
<span>Comments</span> (<span>7</span>)
</div>
</div>
</div>
<div class="news_center_post_con">
<div class="news_center_post_header">
<span><a href="#">Editing your Template</a></span>
</div>
<div class="news_center_post_image">
<img src="http://i949.photobucket.com/albums/ad339/skellyman1/scgam.png" alt="" />
</div>
<div class="news_center_post_text">
<p></p>
</div>
<div class="news_post_center_details">
<div class="details_reader_more">
<span><a href="#">Read full story</a></span>
</div>
<div class="details_mid">
|
</div>
<div class="details_comments">
<span>Comments</span> (<span>7</span>)
</div>
</div>
</div>
<div class="news_center_post_con">
<div class="news_center_post_header">
<span><a href="#">Getting Help</a></span>
</div>
<div class="news_center_post_image">
<img src="http://i949.photobucket.com/albums/ad339/skellyman1/scgam.png" alt="" />
</div>
<div class="news_center_post_text">
<p></p>
</div>
<div class="news_post_center_details">
<div class="details_reader_more">
<span><a href="#">Read full story</a></span>
</div>
<div class="details_mid">
|
</div>
<div class="details_comments">
<span>Comments</span> (<span>7</span>)
</div>
</div>
</div>
</div>
<div class="right_col">
<div class="right_col_upcoming_match_box">
<div class="box_header">
<span>PS3 Clan Wars</span>
</div>
<div class="box_content">
<div class="upcoming_match_team_box">
<div class="team_img_left_con">
<div class="team_img">
</div>
</div>
<div class="team_versus_mid">
<span>VERSUS</span>
</div>
<div class="team_img_right_con">
<div class="team_img">
</div>
</div>
</div>
</div>
<ul>
<li>
<div class="li_left">
<span>12/5/10</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan vs. YOur clan</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">0</span>
<span class="li_right_mid_span">-</span>
<span class="li_right_right_span">0</span>
</div>
</li>
</ul>
</div>
<div class="left_col_box_short">
<div class="box_header">
<span>Xbox 360 Clan Wars</span>
</div>
<div class="box_content">
<div class="upcoming_match_team_box">
<div class="team_img_left_con">
<div class="team_img">
</div>
</div>
<div class="team_versus_mid">
<span>VERSUS</span>
</div>
<div class="team_img_right_con">
<div class="team_img">
</div>
</div>
</div>
</div>
<ul>
<li>
<div class="li_left">
<span>12/5/10</span>
</div>
<div class="li_middle">
<span><a href="#">Your Clan vs. YOur clan</a></span>
</div>
<div class="li_right">
<span class="li_right_left_span">0</span>
<span class="li_right_mid_span">-</span>
<span class="li_right_right_span">0</span>
</div>
</li>
</ul>
</div>
<div class="right_col_box_mid">
<div class="box_header">
<span>Affiliates</span>
</div>
<div class="mid_size_box_content">
<div class="sponsor_holder">
<div class="sponsor_img">
<a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/familycopy.png" alt="" /></a>
</div>
</div>
<div class="sponsor_holder">
<div class="sponsor_img">
<a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/familycopy.png" alt="" /></a>
</div>
</div>
<div class="sponsor_holder">
<div class="sponsor_img">
<a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/familycopy.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="right_col_box_short">
<div class="box_header">
<span>Partner</span>
</div>
<div class="small_box_content">
<div class="sponsor_holder">
<div class="sponsor_img">
<a href="http://www.clantemplates.com/"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/2.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="right_col_box_mid">
<div class="box_header">
<span>Hits</span>
</div>
<div class="advert_mid">
<div class="advert_con">
<img src="http://www.imghostsrc.com/BREAST_FEEDING_3974510.png" ><br><a href="" title="Our Hits" >Are you hitting on us?</a>
</div>
</div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
</div>
<div class="footer">
<div class="credit">
<div class="copyright">
<span><a href="http://www.clantemplates.com" target="_blank">ClantTemplate.com</a> 2009 - 2010. All rights reserved.</span>
</div>
<div class="terms_privacy">
<span><a href="#">Terms of Service</a> | <a href="#">Private Policy</a>| <a href="http://www.forumotion.com" target="_blank">forumotion.com</a></span>
</div>
</div>
</div>
</div>
</body>
</html>
Skelly Man- Forumember
- Posts : 130
Reputation : 0
Language : english
Location : NSW, Australia
Re: Sliding Log in Panel...need help
shadowz au wrote:gangstar15 .. Can you make a video please?
I can't im sorry... But i can make printscreen...
This is what I mean..
1.
Thats the image when I log in...
2.
This is the image when log out...
After i Log in, the log in form disappear and replaces a control panel,..what I need is a code that switches the log in form after log in, into another form or something...
The script you give me changes nothing,.. after I log in, still the sliding panel content don't change, and it still have the log in form, even i already log in...
Mine:
http://pcf-criminology.forumotions.net/
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
I'm trying to find a code like this one:
but its not working, because I'm sure its wrong . i lost all codes..but when i find it, i will you .
- Code:
<-- BEGIN USER_LOGGED_IN -->
<-- END USER_LOGGED_IN -->
but its not working, because I'm sure its wrong . i lost all codes..but when i find it, i will you .
Last edited by Gangstar15 on October 6th 2010, 8:41 pm; edited 1 time in total
Guest- Guest
Re: Sliding Log in Panel...need help
I'm trying to do this same thing in phpBB2... so please let me know too ^_^ I've been following this thread ha.
EDIT: By the way, this is not appearing on my page at all.. I'm putting the first part under the head tag at the beginning then putting the second part right below the body tag.. Its not showing up at all.
EDIT: By the way, this is not appearing on my page at all.. I'm putting the first part under the head tag at the beginning then putting the second part right below the body tag.. Its not showing up at all.
Chris Hickingbottom- Forumember
- Posts : 25
Reputation : 0
Language : English
Re: Sliding Log in Panel...need help
Spam Removed
c12mm- New Member
- Posts : 2
Reputation : 0
Language : english
Re: Sliding Log in Panel...need help
@Chris : did you used these? https://help.forumotion.com/script-code-problems-f43/sliding-log-in-panelneed-help-t78982.htm#510357
Guest- Guest
Re: Sliding Log in Panel...need help
Gangstar15 wrote:I'm trying to find a code like this one:
- Code:
<-- BEGIN USER_LOGGED_IN -->
<-- END USER_LOGGED_IN -->
but its not working, because I'm sure its wrong . i lost all codes..but when i find it, i will you .
Thnx mate!.. ill look forward for it!,... I am trying to find same code also,... but i cant find it,...
But i have found this, its just i dont know how to apply it!
http://web-kreation.com/wordpress/add-a-showhide-login-panel-to-your-wordpress-theme-using-mootools/
hope others post too,.. and share what codes they are using in switching log in form...
kaizen_zyr- Forumember
- Posts : 36
Reputation : 0
Language : English
Page 1 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 1 of 4
Permissions in this forum:
You cannot reply to topics in this forum