HomeSliding logining panel for phpBB3
+2
levy
Cesar
6 posters
Page 2 of 2
Page 2 of 2 • 
1, 2
Sliding logining panel for phpBB3
by Cesar June 23rd 2013, 2:35 pm
First topic message reminder :
 Hello everyone!I'm trying to input on my forum a slide Log In panel for BB3 , but the code work's only with BB2 and punBB.
 I search on forum , but i find only topic's that "finished" moved to Garbage or locked - no solution to this problem.
  Here is a link to the demo of the slide log in panel.If you need the codes , there they are:
 This code ~> overall_header
I've tryed to put them into Description or Announcements , but didn't work.Any other solutions , please?
// bump
// bump2:!:
// bump 3:twisted:
 Hello everyone!I'm trying to input on my forum a slide Log In panel for BB3 , but the code work's only with BB2 and punBB.
 I search on forum , but i find only topic's that "finished" moved to Garbage or locked - no solution to this problem.
  Here is a link to the demo of the slide log in panel.If you need the codes , there they are:
 This code ~> overall_header
- Code:
<<div id="toppanel">
 <div id="panel">
   <div class="content clearfix">
    <div class="left">
      <h1>Welcome to Web-Kreation</h1>
      <h2>Sliding login panel Demo with jQuery</h2>   Â
      <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
      <h2>Download</h2>
      <p class="grey">To download this script go back to <a href="http/web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article »</a></p>
    </div>
    <div class="left">
      <!-- Login Form -->
      <form class="clearfix" action="#" method="post">
       <h1>Member Login</h1>
       <label class="grey" for="log">Username:</label>
       <input class="field" type="text" name="log" id="log" value="" size="23" />
       <label class="grey" for="pwd">Password:</label>
       <input class="field" type="password" name="pwd" id="pwd" size="23" />
         <label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" />  Remember me</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="#" 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 -->
- Code:
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http/web-kreation.com/
Date: March 26, 2009
Version: 1.0
 Copyright 2009 Jeremie Tisseau
 "Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
 http/www.gnu.org/licenses/gpl-3.0.html
*/
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}
/* Panel Tab/button */
.tab {
  background: url(../images/tab_b.png) repeat-x 0 0;
 height: 42px;
 position: relative;
  top: 0;
  z-index: 999;
}
.tab ul.login {
 display: block;
 position: relative;
  float: right;
  clear: right;
  height: 42px;
 width: auto;
  font-weight: bold;
 line-height: 42px;
 margin: 0;
 right: 150px;
  color: white;
  font-size: 80%;
 text-align: center;
}
.tab ul.login li.left {
  background: url(../images/tab_l.png) no-repeat left 0;
  height: 42px;
 width: 30px;
 padding: 0;
 margin: 0;
  display: block;
 float: left;
}
.tab ul.login li.right {
  background: url(../images/tab_r.png) no-repeat left 0;
  height: 42px;
 width: 30px;
 padding: 0;
 margin: 0;
  display: block;
 float: left;
}
.tab ul.login li {
  text-align: left;
  padding: 0 6px;
 display: block;
 float: left;
 height: 42px;
  background: url(../images/tab_m.png) repeat-x 0 0;
}
.tab ul.login li a {
 color: #15ADFF;
}
.tab ul.login li a:hover {
 color: white;
}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {
 height: 20px;
 line-height: 20px !important;
 padding-left: 30px !important;
 cursor: pointer;
 display: block;
 width: 100px;
 position: relative;
 top: 11px;
}
.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}
/* sliding panel */
#toppanel {
  position: absolute;  /*Panel will overlap  content */
  /*position: relative;*/  /*Panel will "push" the content down */
  top: 0;
  width: 100%;
  z-index: 999;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#panel {
 width: 100%;
 height: 270px;
 color: #999999;
 background: #272727;
 overflow: hidden;
 position: relative;
 z-index: 3;
 display: none;
}
#panel h1 {
 font-size: 1.6em;
 padding: 5px 0 10px;
 margin: 0;
 color: white;
}
#panel h2{
 font-size: 1.2em;
 padding: 10px 0 5px;
 margin: 0;
 color: white;
}
#panel p {
 margin: 5px 0;
 padding: 0;
}
#panel a {
 text-decoration: none;
 color: #15ADFF;
}
#panel a:hover {
 color: white;
}
#panel a-lost-pwd {
 display: block;
 float: left;
}
#panel .content {
 width: 960px;
 margin: 0 auto;
 padding-top: 15px;
 text-align: left;
 font-size: 0.85em;
}
#panel .content .left {
 width: 280px;
 float: left;
 padding: 0 15px;
 border-left: 1px solid #333;
}
#panel .content .right {
 border-right: 1px solid #333;
}
#panel .content form {
 margin: 0 0 10px 0;
}
#panel .content label {
 float: left;
 padding-top: 8px;
 clear: both;
 width: 280px;
 display: block;
}
#panel .content input.field {
 border: 1px #1A1A1A solid;
 background: #414141;
 margin-right: 5px;
 margin-top: 4px;
 width: 200px;
 color: white;
 height: 16px;
}
#panel .content input:focus.field {
 background: #545454;
}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
 display: block;
 float: left;
 clear: left;
 height: 24px;
 text-align: center;
 cursor: pointer;
 border: none;
 font-weight: bold;
 margin: 10px 0;
}
#panel .content input.bt_login {
 width: 74px;
 background: transparent url(../images/bt_login.png) no-repeat 0 0;
}
#panel .content input.bt_register {
 width: 94px;
 color: white;
 background: transparent url(../images/bt_register.png) no-repeat 0 0;
}
#panel .lost-pwd {
 display: block;
 float:left;
 clear: right;
 padding: 15px 5px 0;
 font-size: 0.95em;
 text-decoration: underline;
}
- Code:
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http/web-kreation.com/
Script URI: http/web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0
 Copyright 2009 Jeremie Tisseau
 "Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
 http/www.gnu.org/licenses/gpl-3.0.html
*/ Â Â
html, body {border: 0; margin: 0; padding: 0;}
body {
  font: 85%/0.9 arial, helvetica, sans-serif;
 background: #99A989 url(../images/bg.jpg) repeat 0 0;
  line-height: 130%;
  width: 100%;
  min-width: 970px;
  color: black;
}
a {
 color: #0099CC;
 text-decoration: none;
}
a:hover {
 color: #00CCFF;
}
a img {
 border: none;/*remove border for linked images*/
}
h1 {
 font-size: 1.6em;
 height: 20px;
 padding-top: 0;
}
h2{
 font-size: 1.2em;
 height: 20px;
 padding-top: 0;
}
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}
/***** Main Layout ****/
#container {
  width: 100%;
  height: 100%;
  text-align: center;/* IE fix to center the page */
}
#content {
  width: 740px;
  margin: 0 auto;/* center the page in Firefox */
  text-align: left;
 padding: 20px;
}
I've tryed to put them into Description or Announcements , but didn't work.Any other solutions , please?
// bump
// bump2:!:
// bump 3:twisted:
Last edited by PixX on July 9th 2013, 4:04 pm; edited 4 times in total
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by Sanket July 6th 2013, 8:08 pm
I am not really sure, but its not working on my test phpbb3 forum either.
Sanket- ForumGuru
-
Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Sliding logining panel for phpBB3
by SLGray July 6th 2013, 9:35 pm
This is the reason why it will not work on a phpBB 3. Did you search the site where you got the codes to see if there is one for phpBB 3?PixX wrote:Hello everyone!I'm trying to input on my forum a slide Log In panel for BB3 , but the code work's only with BB2 and punBB.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
- Posts : 51482
Reputation : 3519
Language : English
Location : United States -
Re: Sliding logining panel for phpBB3
by Nera. July 7th 2013, 8:35 am
It will work on all versions, you need to use the codes from the topic Sanket linked you too. But in order for it to work on BB3 you need to rename the elements in the HTML, CSS and JS like I did here http://tikitiki.forumcroatian.com/# . Cause many of them already exsist in BB3 and that's why it wont work properly.
Nera.- Energetic
-
Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 7th 2013, 1:04 pm
Nera , i don't understand.What i need to rename?
// bump
// bump
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by Nera. July 7th 2013, 3:12 pm
I don't really have the time to do it for you but I'll show you the start. If you get stuck someone else will continue. Adding to that you need to do bunch of more customisations (I don't know did I rename everything important), and add all your links in the codes::
1. Go to AP > General > Annonouncments > Activate > YES > Announcements block height: 10 > Display: Mark all pages > Than add this as a new annonouncment::
2. Go to AP > Display > Colors > CSS (reupload the images links in the code so they are not hotlinked) and add this in it::
2. Go to AP > Modules > JS managment and make a new JS and mark all pages + add this in it::
That's about it plus you need to do a bit arround on what to display to guests what to users.
You have an example of it working on my phpBB3 test forum so it has to work on your side too.
LP
1. Go to AP > General > Annonouncments > Activate > YES > Announcements block height: 10 > Display: Mark all pages > Than add this as a new annonouncment::
- Code:
<!-- Login --><div id="toppanel">
<div id="panele">
<div class="contente clearfixe">
<div class="left">
<h1>Welcome to xCoDeZz</h1>
<h2>The Home of CSS, Wii, And PSP Codes</h2>
<p class="grey">Please Login or Register now! thank you</p>
<h2>Benefits of Registering?</h2>
<p class="grey">You will get unlimited access to the forums.</p>
</div>
<div class="left">
<center><h1>Login</h1></center>
<form class="c3" action="/login.forum" method="post">
<table class="c2" border="0" cellpadding="3" cellspacing="1">
<tr>
<td align="right" width="45%">Username:</td>
<td><input name="username" size="25" maxlength="40" class="c1" type="text"></td>
</tr>
<tr>
<td align="right">Password:</td>
<td><input name="password" size="25" maxlength="32" class="c1" type="password"></td>
</tr>
<tr align="center">
<td colspan="2">Log me on automatically each visit: <input name="autologin" checked="true" type="checkbox"></td>
</tr>
<tr align="center">
<td colspan="2"><input class="mainoption" name="login" value="Log in" type="submit"> <input name="redirect" type="hidden" value="/h1-redirect-page"></td>
</tr>
</table>
</form>
</div>
<div class="left right">
<form action="#" method="post">
<h1>Not a member yet? Register!</h1>
<br>
<center><a href="/Register">Click here to Register now!</a></center>
<center> You will be Redirected to the Login Page</center>
</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 -->
2. Go to AP > Display > Colors > CSS (reupload the images links in the code so they are not hotlinked) and add this in it::
- Code:
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0
*/
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfixe:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfixe {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfixe {height: 1%;}
.clearfixe {display: block;}
/* End hide from IE-mac */
.clearfixe {height: 1%;}
.clearfixe {display: block;}
/* Panel Tab/button */
.tab {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}
.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}
.tab ul.login li.left {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li.right {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/tab_m.png) repeat-x 0 0;
}
.tab ul.login li a {
color: #15ADFF;
}
.tab ul.login li a:hover {
color: white;
}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}
.tab a.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_close.png) no-repeat left -19px;}
/* sliding panel */
#toppanel {
left: 0;
margin-left: auto;
margin-right: auto;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 999;
}
#panele {
width: 100%;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}
#panele h1 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: white;
}
#panele h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}
#panele p {
margin: 5px 0;
padding: 0;
}
#panele a {
text-decoration: none;
color: #15ADFF;
}
#panele a:hover {
color: white;
}
#panele a-lost-pwd {
display: block;
float: left;
}
#panele .contente {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}
#panele .contente .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}
#panele .contente .right {
border-right: 1px solid #333;
}
#panele .contente form {
margin: 0 0 10px 0;
}
#panele .contente label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}
#panele .contente input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}
#panele .content input:focus.field {
background: #545454;
}
/* BUTTONS */
/* Login and Register buttons */
#panele .contente input.bt_login,
#panele .contente input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}
#panele .contente input.bt_login {
width: 74px;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_login.png) no-repeat 0 0;
}
#panele .contente input.bt_register {
width: 94px;
color: white;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_register.png) no-repeat 0 0;
}
#panele .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}
#fa_ticker_block {
height: 1px;
}
2. Go to AP > Modules > JS managment and make a new JS and mark all pages + add this in it::
- Code:
$(document).ready(function(){$("#open").click(function(){$("div#panele").slideDown("slow");});$("#close").click(function(){$("div#panele").slideUp("slow");});$("#toggle a").click(function(){$("#toggle a").toggle();});});
That's about it plus you need to do a bit arround on what to display to guests what to users.
You have an example of it working on my phpBB3 test forum so it has to work on your side too.
LP
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 7th 2013, 4:09 pm
Thanks Nera fosr trying to help me , but it's doesn't open.Why?I added the codes where you sayed , do all the setting all you sayed , but still doesn't open..
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by Nera. July 7th 2013, 4:18 pm
There are 3 options::
1. You didn't set it right
2. You have a bad JS disabling sliding code
3. You did not do the step AP > Modules > Enable JS > YES
http://lemakdesign.forum.st/ I checked your forum and don't see you tried to install anything there?
You can check those 3 steps up if all is OK, if you are sure you did it right and it doesn't work send me a test account with admin access for me to take a look when I can.
1. You didn't set it right
2. You have a bad JS disabling sliding code
3. You did not do the step AP > Modules > Enable JS > YES
http://lemakdesign.forum.st/ I checked your forum and don't see you tried to install anything there?
You can check those 3 steps up if all is OK, if you are sure you did it right and it doesn't work send me a test account with admin access for me to take a look when I can.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 7th 2013, 4:54 pm
Checked all options.
1. Set them again..
2. I had a old script that tryed to imitate this one (deleted it , still doesn't work)
3. It's activated.
You don't see it because i just disabled.If you want ACP acces , i warn you : is in romanian! But if you want , i can make a test account with ACP permission.
Now , come's the question for you : I make the account?
1. Set them again..
2. I had a old script that tryed to imitate this one (deleted it , still doesn't work)
3. It's activated.
You don't see it because i just disabled.If you want ACP acces , i warn you : is in romanian! But if you want , i can make a test account with ACP permission.
Now , come's the question for you : I make the account?
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by Nera. July 7th 2013, 5:31 pm
There is way tooo much JS instaled on your site for me to check every of it. Sorry.
Save them all in one post and first add the sliding panel JS. And after it add one by one the JSes you have installed. And control the slider to see wich stops it to work after every new scripts you add. You can delete the account.
Save them all in one post and first add the sliding panel JS. And after it add one by one the JSes you have installed. And control the slider to see wich stops it to work after every new scripts you add. You can delete the account.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 7th 2013, 5:38 pm
Ok. I will try , thank's!
// NO problem's there..
// NO problem's there..
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 7th 2013, 6:07 pm
My fault , there was a javascript with problems! Thank you Nera and Sanket! Topic solved!
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 7th 2013, 6:16 pm
Oh , only one more problem. How to disable for logged users?
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by Nera. July 7th 2013, 6:35 pm
You can add the HTML part (thats the one you added to annonouncments) to AP > Modules > Forum widgets managment > and than set the widgets permissions to be seen by guests only so you slider would be displayed only to guests. If you decide to do that delete this bit from CSS::
- Code:
#fa_ticker_block {
height: 1px;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 8th 2013, 12:36 pm
Deleted that , when i'm logged the forum is ok , but when i log out (to be a guest) , it's messing me all the forum.
I think i need to put something in CSS
. But what?
// bump
// bump
// bump
I think i need to put something in CSS
. But what?// bump
// bump
// bump
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by Nera. July 9th 2013, 11:28 am
I can't see what is messed up if you remove it. I need to see it on your forum. It messes it up when you use it in a widget or? It works fine on my site when it's in widgets (it's in widgets now) so it has to work on your site too. Don't delete that CSS part unless you decide to add your HTML in widgets. No need to bump if you are bumping for me. I look at your topic when I come though that is not very often.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 9th 2013, 2:15 pm
First , i don't bump the topic for you.I bumped , maybe someone else can help me.
Second , i removed it because it's looked very ugly , but now i activated.
Yes , i added it into the widgets , deleted that part from CSS , but look how it looks:
• When i'm not conected:
• And should appear like this , not like that:
Second , i removed it because it's looked very ugly , but now i activated.
Yes , i added it into the widgets , deleted that part from CSS , but look how it looks:
• When i'm not conected:
• And should appear like this , not like that:
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by Sanket July 9th 2013, 3:56 pm
Try to please be a little respectful towards someone who is only trying to help you.
Keep the changes you have made as is mentioned by Nera, if you want her to help you. If not, you can remove the changes.
Also, edit the title of this topic & remove [bumped 16 times , still need help!]
Keep the changes you have made as is mentioned by Nera, if you want her to help you. If not, you can remove the changes.
Also, edit the title of this topic & remove [bumped 16 times , still need help!]
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Sliding logining panel for phpBB3
by Cesar July 9th 2013, 4:07 pm
I am respectful and i don't think i have make someone sad or something like this. I DO what Nera said , but there's a error (if i put in Widgets).
If Nera considered i disrespect she , i am sorry.
If Nera considered i disrespect she , i am sorry.
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by Nera. July 9th 2013, 5:01 pm
That's not an error. If you activated your widgets it's logical a widgets place will appeare. If you have set it for guests only that "gap" will appeare for guests that's why you think it's messed up for guests only. And you want to keep the login and remove the space?
Since you removed the login again... this should work, though if it doesn't I need to see the "error" on your forum.
Add it to your AP > Display > Colors > CSS::
It's important that you put the code in the left column as same as before.
Since you removed the login again... this should work, though if it doesn't I need to see the "error" on your forum.
Add it to your AP > Display > Colors > CSS::
- Code:
#content-container div#left {
width: 0px !important;
}
It's important that you put the code in the left column as same as before.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Sliding logining panel for phpBB3
by Cesar July 9th 2013, 6:00 pm
Thanks Nera , that code fixed it ! Topic solved!
Cesar- Forumember
- Posts : 207
Reputation : 3
Language : Romanian -
Re: Sliding logining panel for phpBB3
by SLGray July 9th 2013, 6:33 pm
Topic Solved & Locked
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
- Posts : 51482
Reputation : 3519
Language : English
Location : United States -
Page 2 of 2 • 1, 2
Similar topics» sliding log in panel
» Sliding Log-in Panel
» Forum widgets management > Sliding Panel
» How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 (Need Help)
» Sliding login panel
» Sliding Log-in Panel
» Forum widgets management > Sliding Panel
» How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 (Need Help)
» Sliding login panel
Page 2 of 2
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
