В форуму входа вставляем этот код:
Code
<style>
#forma_vxoda {
overflow: hidden;
width:250px;
margin: 10px 0px;
}
#vxod-1 {
float:left;
width:210px;
}
#vxod-2 {
float:left;
width:40px;
}
#vxod-3 {
float:left;
width:100%;
}
#vxod-4 {
float:left;
padding-left: 22px;
}
#vxod-5 {
float:right;
padding-right: 6px;
}
#vxod-4,
#vxod-5 {
font:11px Verdana,Arial,Helvetica, sans-serif;
}
.web_os,
.login_pass,
.login_email {
font:11px Verdana,Arial,Helvetica, sans-serif; color:#555;
width:198px;
border:1px solid #bebebe;
margin: 0px 0px 12px 0px;
background:#fff;
padding: 5px 5px 5px 5px;
}
.login_email {
background: url('http://joomla.ucoz.com/Ucozknopki/fon_login_email.png') no-repeat center #fff;
}
.login_pass {
background: url('http://joomla.ucoz.com/Ucozknopki/fon_login_pass.png') no-repeat center #fff;
}
.login_knopka {
width:30px;
height:62px;
border: 0;
background: url('http://joomla.ucoz.com/Ucozknopki/fon_login_knopka.png') no-repeat top;
margin-left: 10px;
}
/* =================================================*/
</style>
<div id="forma_vxoda">
<div id="vxod-1">
<input class="login_email" value="" onclick="this.className='web_os'" name="user" size="20" maxlength="50" type="text">
<input class="login_pass" value="" onclick="this.className='web_os'" name="password" size="20" maxlength="15" type="password">
</div>
<div id="vxod-2"><input class="login_knopka" name="sbm" value="" type="submit"></div>
<div id="vxod-3">
<div id="vxod-4"><a href="#">Забыл пароль</a> | <a href="#">Регистрация</a></div>
<div id="vxod-5"><label for="rem$PAGE_ID$"></label><input id="rem$PAGE_ID$" name="rem" value="1" checked="checked" type="checkbox"></div>
</div>
</div>
#forma_vxoda {
overflow: hidden;
width:250px;
margin: 10px 0px;
}
#vxod-1 {
float:left;
width:210px;
}
#vxod-2 {
float:left;
width:40px;
}
#vxod-3 {
float:left;
width:100%;
}
#vxod-4 {
float:left;
padding-left: 22px;
}
#vxod-5 {
float:right;
padding-right: 6px;
}
#vxod-4,
#vxod-5 {
font:11px Verdana,Arial,Helvetica, sans-serif;
}
.web_os,
.login_pass,
.login_email {
font:11px Verdana,Arial,Helvetica, sans-serif; color:#555;
width:198px;
border:1px solid #bebebe;
margin: 0px 0px 12px 0px;
background:#fff;
padding: 5px 5px 5px 5px;
}
.login_email {
background: url('http://joomla.ucoz.com/Ucozknopki/fon_login_email.png') no-repeat center #fff;
}
.login_pass {
background: url('http://joomla.ucoz.com/Ucozknopki/fon_login_pass.png') no-repeat center #fff;
}
.login_knopka {
width:30px;
height:62px;
border: 0;
background: url('http://joomla.ucoz.com/Ucozknopki/fon_login_knopka.png') no-repeat top;
margin-left: 10px;
}
/* =================================================*/
</style>
<div id="forma_vxoda">
<div id="vxod-1">
<input class="login_email" value="" onclick="this.className='web_os'" name="user" size="20" maxlength="50" type="text">
<input class="login_pass" value="" onclick="this.className='web_os'" name="password" size="20" maxlength="15" type="password">
</div>
<div id="vxod-2"><input class="login_knopka" name="sbm" value="" type="submit"></div>
<div id="vxod-3">
<div id="vxod-4"><a href="#">Забыл пароль</a> | <a href="#">Регистрация</a></div>
<div id="vxod-5"><label for="rem$PAGE_ID$"></label><input id="rem$PAGE_ID$" name="rem" value="1" checked="checked" type="checkbox"></div>
</div>
</div>
По месту расположения мини-профиля вставляем этот код:
Code
<script type="text/javascript" src="http://joomla.ucoz.com/Ucozknopki/footjs.js"></script>
<style>
.beblock{border-top:#CACACA solid 1px;border-left:#ddd solid 1px;border-bottom:#ddd solid 1px;border-right:#ddd solid 1px;margin-top:-1px;margin-left:-1px;width:259px;display:block;z-index:2;}
ul.uartsmenu{list-style:none;display:block;margin:0;padding:0}
ul.uartsmenu li a,ul.uartsmenu li a:visited,ul.uartsmenu li.g{z-index:1;font-size:11px;font-family:Tahoma;display:block;border-bottom:#ddd solid 1px;color:#7A7A7A;background-color:#f9f9f9;text-decoration:none;text-shadow:1px 1px 0 #fff;height:16px;padding:1px 10px 0}
ul.uartsmenu li a:hover{color:#4E678D;background-color:#fff}
ul.uartsmenu li.g{background:#fff !important;width:247px;color:#7A7A7A;padding:1px 6px 0;font-weight: bold;}
.betitle,.swall{background:url(http://joomla.ucoz.com/Ucozknopki/uarts_block.png) bottom;height:25px;width:251;border-bottom:#ddd solid 1px;padding-left:8px;padding-top:0px;color:#7A7A7A;font-family:Verdana;text-shadow:1px 1px 0 #fff;font-weight:bold;font-size:11px;}
</style>
<table><tbody><tr><td align="left" valign="top">
<img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><img class="userAvatar" title="$USERNAME$" src="http://joomla.ucoz.com/Ucozknopki/cpop_prof_avatar_bg.png" border="0"><img class="userAvatar" title="$USERNAME$" src="http://joomla.ucoz.com/Ucozknopki/cpop_prof_avatar_bg.png" border="0">
</td><td>
<div id="menublt">
<ul class="uartsmenu">
<li><a style="padding-left: 10px;" href="/index/8-0-$USERNAME$" class="m_link">Ваш логин: $USERNAME$</a></li>
<li><a style="padding-left: 10px;" href="/" class="m_link">Группа: $USER_GROUP$</a></li>
<li><a style="padding-left: 10px;" href="/index/8-0-$USERNAME$" class="m_link">Персональная страница</a></li>
<li><a style="padding-left: 10px;" href="$PM_URL$" class="m_link">Читать ЛС (<b>$UNREAD_PM$</b>)</a></li>
<li><a style="padding-left: 10px;" href="/load/0-0-0-0-1" class="m_link">Добавить материал</a></li>
<li><a style="padding-left: 10px;" href="/index/10" class="m_link">Выход</a></li>
</ul>
</div>
</td></tr></tbody></table>
$LOGIN_FORM$
<style>
.beblock{border-top:#CACACA solid 1px;border-left:#ddd solid 1px;border-bottom:#ddd solid 1px;border-right:#ddd solid 1px;margin-top:-1px;margin-left:-1px;width:259px;display:block;z-index:2;}
ul.uartsmenu{list-style:none;display:block;margin:0;padding:0}
ul.uartsmenu li a,ul.uartsmenu li a:visited,ul.uartsmenu li.g{z-index:1;font-size:11px;font-family:Tahoma;display:block;border-bottom:#ddd solid 1px;color:#7A7A7A;background-color:#f9f9f9;text-decoration:none;text-shadow:1px 1px 0 #fff;height:16px;padding:1px 10px 0}
ul.uartsmenu li a:hover{color:#4E678D;background-color:#fff}
ul.uartsmenu li.g{background:#fff !important;width:247px;color:#7A7A7A;padding:1px 6px 0;font-weight: bold;}
.betitle,.swall{background:url(http://joomla.ucoz.com/Ucozknopki/uarts_block.png) bottom;height:25px;width:251;border-bottom:#ddd solid 1px;padding-left:8px;padding-top:0px;color:#7A7A7A;font-family:Verdana;text-shadow:1px 1px 0 #fff;font-weight:bold;font-size:11px;}
</style>
<table><tbody><tr><td align="left" valign="top">
<img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><img class="userAvatar" title="$USERNAME$" src="http://joomla.ucoz.com/Ucozknopki/cpop_prof_avatar_bg.png" border="0"><img class="userAvatar" title="$USERNAME$" src="http://joomla.ucoz.com/Ucozknopki/cpop_prof_avatar_bg.png" border="0">
</td><td>
<div id="menublt">
<ul class="uartsmenu">
<li><a style="padding-left: 10px;" href="/index/8-0-$USERNAME$" class="m_link">Ваш логин: $USERNAME$</a></li>
<li><a style="padding-left: 10px;" href="/" class="m_link">Группа: $USER_GROUP$</a></li>
<li><a style="padding-left: 10px;" href="/index/8-0-$USERNAME$" class="m_link">Персональная страница</a></li>
<li><a style="padding-left: 10px;" href="$PM_URL$" class="m_link">Читать ЛС (<b>$UNREAD_PM$</b>)</a></li>
<li><a style="padding-left: 10px;" href="/load/0-0-0-0-1" class="m_link">Добавить материал</a></li>
<li><a style="padding-left: 10px;" href="/index/10" class="m_link">Выход</a></li>
</ul>
</div>
</td></tr></tbody></table>
$LOGIN_FORM$
Готово.
Другие новости |
Поделиться ссылкой
|
1 |
Nitros пишет: | 27.05.2012 | 17:15
Страница с комментарием |
У меня чего то не получилось как на картинке делал всё по инструкции!
(0)
|