Jump to content

Download: Enkidu Slide and Bounce Login Box


Enkidu

Recommended Posts

File Name: Enkidu Slide and Bounce Login Box
File Submitter: Enkidu
File Submitted: 01 Sep 2011
File Category: IP.Content Blocks

A login box for you to use in your IP.Content pages/template without IPB wrapper. The box uses a slide and bounce animation effect much like the one you see implemented in XenForo.
The code was inspired/based on the sliding login panel by Jeremie Tisseau

Click here to download this file

Link to comment
Share on other sites

  • 3 months later...
http://www.fortifiedgaming360.com/FxG_Forums/index.php?app=ccs&module=pages&section=pages&folder=&id=10


this is a test page I am trying to get this working on and then update my homepage... i am using Internet Explorer and the login test is pushed toward the left side overtop of the links... also when i open it to login in there is not register button for new users...thanx for any help...
Link to comment
Share on other sites

Ok

try the following, inside the block, find:


.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;

}

remove the line: right: 150px; find


.tab ul.login li {

  text-align: left;

   padding: 0 6px;

display: block;

float: left;

height: 42px;


}

change float: left; to float: right; change text-align: left; to text-align: right; find

) no-repeat left 0;} .tab a.close {background: url( ) no-repeat left 0;}


.tab a.open {background: url(		

change the two occurrences of left to right find


.tab a.open, .tab a.close {

height: 20px;

line-height: 20px !important;

padding-left: 30px !important;

cursor: pointer;

display: block;

position: relative;

top: 11px;

}



change padding-left: 30px !important; to padding-right: 30px !important;


that should do it :)

Link to comment
Share on other sites

  • 1 month later...
  • 4 weeks later...
  • 3 weeks later...

the block is corrupted. The css for the close/open icons read:


.tab a.open {background: url(<script type='text/javascript'>  var weLoaded = false;

(function(){

  if( typeof(_ccsLoadedAssets) == 'undefined' || !_ccsLoadedAssets )

  {

   if( !window.jQuery )

   {

    document.write("<"+"script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></"+"script>");

    weLoaded = true;

   }

  }

})();

</script>



where did that JavaScript come from? it shouldn't be there.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...