The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

slide login problem

View previous topic View next topic Go down

In progress slide login problem

Post by BetterHax on April 9th 2013, 4:30 pm

hi i try the codes given by nera
i found it here : http://help.forumotion.com/t112818-black-slide-in-login-panel-on-forumotion?highlight=slide+in+login+panel

i follow all steps but no slide login see in my forum.
also guest did not see it..

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

In progress Re: slide login problem

Post by Sanket on April 9th 2013, 4:35 pm

Your Forum URL?
Also, tell me what all codes did you add & where.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: slide login problem

Post by BetterHax on April 9th 2013, 4:51 pm

Code:
<!-- Login --><div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <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, You will get to see the codes section when ever you want, and you get to chat with other members, and our site is #1 for leaking codes</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">
<tbody>
<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>
</tbody>
</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 -->

it up it in Overhall_header... before </body>

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;}
.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(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 {
    position: absolute;
    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(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_login.png) no-repeat 0 0;
}

#panel .content 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;
}

#panel .lost-pwd {
  display: block;
  float:left;
  clear: right;
  padding: 15px 5px 0;
  font-size: 0.95em;
  text-decoration: underline;
}

and i copy this on my CSS

Code:
$(document).ready(function(){$("#open").click(function(){$("div#panel").slideDown("slow");});$("#close").click(function(){$("div#panel").slideUp("slow");});$("#toggle a").click(function(){$("#toggle a").toggle();});});

and i make a new JS and i add this code


i follow all steps said by nera but when i finish it noting see a slide login in my forum..

sir sanket here my forum url my forum

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

In progress Re: slide login problem

Post by E-Mark on April 9th 2013, 5:17 pm

@BetterHax:

Put it after the starting <body> tag, not the close tag.
Try finding this on your overall_header:
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Then paste this after it.
Code:
<!-- Login --><div id="toppanel">
  <div id="panel">
      <div class="content clearfix">
        <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, You will get to see the codes section when ever you want, and you get to chat with other members, and our site is #1 for leaking codes</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">
<tbody>
<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>
</tbody>
</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 -->

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

In progress Re: slide login problem

Post by BetterHax on April 9th 2013, 6:12 pm

i have a problem..

http://prntscr.com/zw6dy

its not in slide format

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

In progress Re: slide login problem

Post by Sanket on April 9th 2013, 7:09 pm

I don't see anything added on your forum.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: slide login problem

Post by BetterHax on April 9th 2013, 8:17 pm

@Sanket wrote:I don't see anything added on your forum.

i already removed it because my forum looks ugly -.-

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

In progress Re: slide login problem

Post by ShadowZ-Red on April 9th 2013, 8:43 pm

@BetterHax wrote:
@Sanket wrote:I don't see anything added on your forum.

i already removed it because my forum looks ugly -.-

I think you put in the overall header is wrong

cuz i found <body> is two Razz


ShadowZ-Red
Forumember

Posts : 86
Reputation : 2
Language : English,Tagalog

http://blood-line.forumtl.com

Back to top Go down

In progress Re: slide login problem

Post by E-Mark on April 9th 2013, 10:36 pm

@BetterHax:

Try putting all the codes again. Put the HTML codes after the <body, then the CSS, and the JS.

And tell me if there's still a problem. Hello

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

In progress Re: slide login problem

Post by BetterHax on April 10th 2013, 6:02 am

i have a little quite problem..

i already see it in my forum
look : http://prntscr.com/zz69t

but when you try click on it.. it cannot slide..

and my chatbox become like this
http://prntscr.com/zz6u3

and the text becomes black
http://prntscr.com/zz6wu

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

In progress Re: slide login problem

Post by ShadowZ-Red on April 10th 2013, 6:11 am

@BetterHax wrote:i have a little quite problem..

i already see it in my forum
look : http://prntscr.com/zz69t

but when you try click on it.. it cannot slide..

and my chatbox become like this
http://prntscr.com/zz6u3

and the text becomes black
http://prntscr.com/zz6wu

maybe can you provide your url so the staff can see your problem thought..

ShadowZ-Red
Forumember

Posts : 86
Reputation : 2
Language : English,Tagalog

http://blood-line.forumtl.com

Back to top Go down

In progress Re: slide login problem

Post by BetterHax on April 10th 2013, 6:19 am

i already give my url ..
i think you need to take a look on it first.. before replying that word..

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

In progress Re: slide login problem

Post by Sanket on April 10th 2013, 1:10 pm

There is no use of the URL, if the codes are not added.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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