да я смотрю у вас многие фичи и частично диз. с этого сайта. что ж с вами не поделились и этим улутшательством??
ладно:
cust_login_info.tpl.html
[spoiler]
<form action="index.php" name="customer_login_form" method=post onSubmit="return validate_loginfo(this);">
<input type=hidden name="cust_login" value="yes">
<nav>
<ul>
<li id="login">
{if ($smarty.session.cust_login=='yes' || $smarty.session.cust_login_openID=='yes')}
<a id="login-trigger" href="#">Мой кабинет <span>&#x25BC;</span></a>
<div id="login-content">
{$smarty.const.CUST_WELCOME} {$smarty.session.userinf.cust_firstname}!<br><br>
{if !$smarty.get.order_history}<a href='./index.php?order_history=1'>{$smarty.const.ORDERS_HISTORY}</a>
{else}
<b>{$smarty.const.ORDERS_HISTORY}</b>
{/if}
<br><a href="index.php?cust_logout=yes" id="submit">{$smarty.const.CUST_LOGOUT}</a>
{else}<a id="login-trigger" href="#">Войти <span>&#x25BC;</span></a>
<div id="login-content">
{if $cust_error_password ne NULL}
{if $cust_firstname ne NULL} {$cust_firstname}, {/if}
{$smarty.const.ERROR_CUST_PASSWORD}
{else}
{if $cust_no_such_email ne NULL}
{$smarty.const.ERROR_NO_SUCH_EMAIL}
{/if}
{/if}
<fieldset id="inputs">
{if $cust_error_password ne NULL && $cust_email ne NULL}
<input type=hidden name=cust_email value="{$cust_email}" />
{else}
<input id="username" type="text" name="cust_email" placeholder="Ваш email адрес" required />
{/if}
<input id="password" type=password name=cust_password placeholder="Пароль" required />
</fieldset>
<fieldset id="actions">
<input type="submit" id="submit" value="Войти" />
</fieldset>
</div>
{/if}
</li>
<li id="signup">
<a id="login_box" href="index.php?cust_register=yes">Регистрация</a>
</li>
</ul>
</nav>
</form>
[/spoiler]
вывести можно и так при желании, параметрами можно поиграть:
<div style="position:absolute; left:450px; top:5px;">{include file="cust_login_info.tpl.html"}</div>
соответственно в index.tpl.html найти блок авторизации и закоментировать {*coдержимое*}.
в core/js/js_script.js в конец добавить:
[spoiler]
$(document).ready(function(){
$('#login-trigger').click(function(){
$(this).next('#login-content').slideToggle();
$(this).toggleClass('active');
$("a[id=login-trigger]").attr('href', 'javascript:void(null)');//от переадрессации на url=./#
if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;')
else $(this).find('span').html('&#x25BC;')
})
});[/spoiler]
в css/css_them/stylesheet/stylesheet.css добавить(особо не ковырял, но что то добавил):
[spoiler]
/*------------autorisation---------*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
float: right;
background: #eee;
border-bottom: 1px solid #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
nav li {
float: left;
}
nav #login {
border-right: 1px solid #ddd;
-moz-box-shadow: 1px 0 0 #fff;
-webkit-box-shadow: 1px 0 0 #fff;
box-shadow: 1px 0 0 #fff;
}
nav #login-trigger,
nav #signup a {
display: inline-block;
*display: inline;
*zoom: 1;
height: 25px;
line-height: 25px;
font-weight: bold;
padding: 0 8px;
text-decoration: none;
color: #444;
text-shadow: 0 1px 0 #fff;
}
nav #signup a {
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
nav #login-trigger {
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
nav #login-trigger:hover,
nav #login .active,
nav #signup a:hover {
background: #fff;
}
nav #login-content {
display: none;
position: absolute;
top: 24px;
right: 0;
z-index: 999;
background: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: -moz-linear-gradient(top, #fff, #eee);
background-image: -ms-linear-gradient(top, #fff, #eee);
background-image: -o-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(top, #fff, #eee);
padding: 15px;
-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
-moz-border-radius: 3px 0 3px 3px;
-webkit-border-radius: 3px 0 3px 3px;
border-radius: 3px 0 3px 3px;
}
nav li #login-content {
right: 0;
width: 250px;
}
/*--------------------*/
#inputs input {
background: #f1f1f1;
padding: 6px 5px;
margin: 0 0 5px 0;
width: 235px;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px #ccc inset;
-webkit-box-shadow: 0 1px 1px #ccc inset;
box-shadow: 0 1px 1px #ccc inset;
}
#inputs input:focus {
background-color: #fff;
border-color: #e8c291;
outline: none;
-moz-box-shadow: 0 0 0 1px #e8c291 inset;
-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
box-shadow: 0 0 0 1px #e8c291 inset;
}
/*--------------------*/
#login #actions {
margin: 10px 0 0 0;
}
#login #submit {
background-color: #d14545;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
background-image: -webkit-linear-gradient(top, #e97171, #d14545);
background-image: -moz-linear-gradient(top, #e97171, #d14545);
background-image: -ms-linear-gradient(top, #e97171, #d14545);
background-image: -o-linear-gradient(top, #e97171, #d14545);
background-image: linear-gradient(top, #e97171, #d14545);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border: 1px solid #7e1515;
float: left;
height: 30px;
padding: 0;
width: 100px;
cursor: pointer;
font: bold 14px Arial, Helvetica;
color: #fff;
}
a#submit {
text-align:center;
margin-top:5px;
padding: 5px 10px!important;
text-decoration:none;
height: 20px!important;
width: 80px!important;
}
#login #submit:hover,
#login #submit:focus {
background-color: #e97171;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
background-image: -webkit-linear-gradient(top, #d14545, #e97171);
background-image: -moz-linear-gradient(top, #d14545, #e97171);
background-image: -ms-linear-gradient(top, #d14545, #e97171);
background-image: -o-linear-gradient(top, #d14545, #e97171);
background-image: linear-gradient(top, #d14545, #e97171);
}
#login #submit:active {
outline: none;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
#login #submit::-moz-focus-inner {
border: none;
}
#login label {
float: right;
line-height: 30px;
}
#login label input {
position: relative;
top: 2px;
right: 2px;
}[/spoiler]
зы// но в ие смотриться конечно дико
ps/ps/ можно добавить костыли для ие, в head.tpl.html:
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->