Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Мини-профиль для светлых дизайн (Прикольный)
Мини-профиль для светлых дизайн (Прикольный)
Kosten
Дата: Среда, 02.05.2012, 15:29 | Сообщение # 1
Администраторы
Сообщений:12668
Награды: 39




О скрипте:
Серый мини профиль, есть маленько оригинальности, в прочем прост без пантов и смотреться красиво будит если его по уму установить , чем мы вам в этом поможем.
Приступаем к установке:
В шаблоне Форма входа пользователя заменяем всё на свой код ниже:
Code
<div style="width:180px;">     
<table border="0" cellspacing="1" cellpadding="0" width="100%">     
<center>Привет, <b>Гость</b>     
<img src="/loginformicons/noavatar.gif" border="0">     
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!</center>     
<tbody><tr><td colspan="2" style="color:red;text-align:center;">$ERROR$</td>     
</tr><tr><td><img style="padding-right: 5px; padding-bottom: 12px;" src="/loginformicons/key.png" border="0"></td><td><style type="text/css">.uLogBlock {margin:0;padding:2px;clear:both;}.uLogDescr,.uLogRem {float:left;}.uLogField,.uLogSbm {float:right;}</style>     
<dl class="uLogBlock"><div class="uLogDescr">     
<a href="javascript://" onclick="new _uWnd('HelpWd','Помощник',360,150,{align:'justify'},{url:'http://xusers.at.ua/index/90-7'}); return false;" class="noun">Email</a>:</div><div class="uLogField"><input class="login" name="user" value="" size="20" style="width: 100px;" maxlength="25" type="text"></div></dl>     
<dl class="uLogBlock"><div class="uLogDescr" id="uld2">Пароль</div><div class="uLogField" id="ulf2"><input class="pass" name="password" size="20" style="width: 100px;" maxlength="15" type="password"></div></dl>     
</tbody></table>     
<table border="0" cellspacing="1" cellpadding="0" width="100%">     
<tbody><tr><td nowrap=""><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked=""><label for="rem$PAGE_ID$">запомнить</label>     
<input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1"><label for="hid$PAGE_ID$">скрытый</label></td><td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"></td></tr>     
<tr><td colspan="2"><div style="font-size:7pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr>     
</tbody></table>     
</div>


Ваш CSS, в конец его прописываем этот стиль.
Code
a.plink:link,a.plink:visited,a.plink:active {display: block; width: 95%; text-decoration: none;padding: 3px 4px 3px 4px;background: #FFFFFF;color: #aaaaaa;border:1px solid #6E6E6E; }     

a.plink:hover {display: block; width: 95%; text-decoration: none;padding: 3px 4px 3px 4px;background: #f7f7f7;color: #444444;border:1px solid #565656; }     

.InfoTable {border:1px solid #6E6E6E;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#6E6E6E;padding:5px;text-align:left;background:#f7f7f7;font-size:7pt;}     
/* Пароль */     
.pass {     
border:1px solid #6E6E6E;     
padding: 2px;     
text-align: center;     
font-size: 10px;     
margin: 0px;     
width: 60%;     
background: url('http://xusers.at.ua//loginformicons/pass.gif') no-repeat;#F3F3F3;     
color: #000000;     
cursor: pointer;     
letter-spacing: 0px;     
font-family: verdana;     
}     
/* Пароль */     

/* Имэйл */     
.login {     
border:1px solid #6E6E6E;     
padding: 2px;     
text-align: center;     
font-size: 10px;     
margin: 0px;     
width: 60%;     
background: url('http://xusers.at.ua//loginformicons/login.gif') no-repeat;#F1F1F1;     
color: #000000;     
cursor: pointer;     
letter-spacing: 0px;     
font-family: verdana;     
}     

/* Имэйл */     

/* Главные таблицы шаблона */     
.ntb{background:#6E6E6E;padding-left:15px;color:#FFFFFF}     
.ctb{background:#f7f7f7;padding:5px;border:1px solid #6E6E6E;}     
.ltb{background:#FFFFFF;color:#FFFFFF}     
/* Главные таблицы шаблона */     

/* Кнопка входа*/     
.loginButton{     
border:1px solid #6E6E6E;     
padding: 3px;     
text-align: center;     
font-size: 10px;     
margin: 0px;     
width: 100%;     
background:#F3F3F3;     
color: #000000;     
cursor: pointer;     
letter-spacing: 0px;     
font-family: verdana;     
}     
.loginButton:hover {     
border:1px solid #c0c0c0;     
padding: 3px;     
text-align: center;     
font-size: 10px;     
margin: 0px;     
width: 100%;     
background:#6E6E6E;     
color: #F3F3F3;     
cursor: pointer;     
letter-spacing: 0px;     
font-family: verdana;     
}


В шаблоне сайта находим блок "Форма входа". Он может быть похож на
Code
<table border="0" cellpadding="0" cellspacing="0" width="203">     
<tbody><tr><td height="25" class="ntb"><b>Форма входа</b></td></tr>     
<tr><td class="ctb">$LOGIN_FORM$</td></tr>     
<tr><td height="4" class="ntb"></td></tr>     
</tbody></table><br>


И заменяем наш блок на
Code
<table border="0" cellpadding="0" cellspacing="0" width="203">     
<tbody><tr><td height="25" class="ntb"><b>Форма входа</b></td></tr>     
<tr><td class="ctb">     
         
$LOGIN_FORM$     
         
</td></tr>     
<tr><td height="4" class="ntb"></td></tr>     
</tbody></table><br>


Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Мини-профиль для светлых дизайн (Прикольный)
Страница 1 из 11
Поиск: