• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

loginbox

A

andrew95434

Banned User
Joined
May 6, 2010
Messages
86
Reaction score
0
Location
chile
Hi, I'm using a tutorial to insert a loginbox in my Modern AAC website. The tutorial that I used is here:
» Sexy LoginBox: Crear un formulario de login con Ajax y SexyLightbox
Click to expand...

I had to write this code at the begining of the <head> in my index.tpl file of my template

<link rel="sexyglobal" href="{$path}/templates/dwarf/global.css" type="text/css" media="all" />
<style type="text/css">
.login {
width: 238px;
margin: 0 auto;
padding:20px 0 0 43px;
background: url(images/user.png) no-repeat left center;
}

.login label {
display:block;
font-size:12px;
padding-bottom:5px;
text-align:right;
}

.login label em{
width:80px;
display:block;
float:left;
font-style: normal;
}

.login input {
width:146px;
height:22px;
border:1px solid #ccc;
}

.login input.submit {
width:auto;
height:auto;
border:1px solid #ccc;
float:right;
}

.loading {
text-align: center;
width: 238px;
margin: 0 auto;
padding:40px 0;
background: url(images/ajax-loader.gif) no-repeat center 60px;
}

.error{
margin: 0 auto;
padding:20px 0 20px 55px;
width:212px;
background: url(images/dialog-error.png) no-repeat left center;
}

</style>
<script src="mootools.js" type="text/javascript"></script>
<script src="sexylightbox.packed.js" type="text/javascript"></script>
<link rel="sexylightbox" href="sexylightbox.css" type="text/css" media="all" />

<script type="text/javascript">
window.addEvent('domready', function(){
new SexyLightBox({OverlayStyles: {'background-color': '#000000'}});
});
</script>
Click to expand...

I have a problem in the last part of the code:

<script type="text/javascript">
window.addEvent('domready', function(){
new SexyLightBox({OverlayStyles: {'background-color': '#000000'}});
});
</script>
Click to expand...

When I erase this part of the code from index.tpl, everything goes well, but when I write it my website turns completely white. But I know that it is essential, because when I remove it the objective of the script doesn't work.

How can i make it work?
 
Back
Top