Заходи
Гость

Хостинг

Статистика
Яндекс.Метрика Счетчик PR-CY.Rank
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Ccылки

Свежак

Главная » 2013 » Апрель » 2 » Красивый мини профиль
11:36
Красивый мини профиль

Красивый мини профиль

 


Красивая и несложная в установке форма входа для сайтов Ucoz

Установка:

1) Добавляем блок через конструктор

2) Жмём на значок шестерёнки в правом верхнем углу блока

3) В открывшемся окне жмём на вкладку "HTML"

4) Удаляем там всё и вставляем код:

 

HTML код:

 

  <center><li class="cat">Здравствуйте, <font color="#02b702"><b>$USERNAME$!</b></font></li><br></center> 

  <div id="avatar"> 

  <center><a href="javascript://" rel="nofollow" onclick="window.open('/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350') 

  ;return false;"><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"></a></center> 

  </p></div> 

  <center><div class="readon"> 

  <input href="javascript://" class="button" style="border:0px;" onclick="$('#obshee').toggle('slow'); "value="Информация" type="submit"> 

  </div> 

  </center> 

  <div id="obshee" style="display:none;"> 

  <li class="cat1"><span style="font-weight:normal"><a href="#" title="Ваша группа: $USER_GROUP$">>Группа: $USER_GROUP$</a></span></li> 

  <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/8','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">>Профиль $USERNAME$</a></span></li> 

  <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"">>Изменение данных</a></span></li> 

  <li class="cat1"><span style="font-weight:normal"><a href="#">>Вы с нами: $USER_REG_DAYS$ дней</a></span></li> 

  <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">>Читать ЛС ($UNREAD_PM$)</a></span></li> 

  <li class="cat1"><span style="font-weight:normal"><a href="javascript://" title="Выход" onclick="if (confirm('Вы действительно хотите выйти?')) {location.href='$LOGOUT_LINK$'} else {alert('Спасибо что остались с нами!')};">>Выход</a></span></li> 

  </ul></div> 

  <center><div class="readon"> 

  <input href="javascript://" class="button" style="border:0px;" a onclick="$('#dobavit').toggle('slow'); "value="Добавить материал" type="submit"> 

  </div> 

  </center> 

  <div id="dobavit" style="display:none;"> 

  <li class="cat1"><span style="font-weight:normal"><a href="/photo/0-0-0-1">>Обои</a></span></li> 

  <li class="cat1"><span style="font-weight:normal"><a href="/publ/0-0-0-0-1">>Статью</a></span></li> 

  <li class="cat1"><span style="font-weight:normal"><a href="/load/0-0-0-0-1">>Файл</a></span></li> 

  </ul></div> 

  $LOGIN_FORM$<br>

 

CSS стили:

/* Profile */ 

  li.cat1 { list-style:none; margin:0px 0px 2px 0px; padding:0px;} 

  li.cat1 a:link { display:block; text-decoration:none; solid #131313; text-align:left; padding-left:5px; height:13px; color:#808080; font-family:Century Gothic; font-size:10px;} 

  li.cat1 a:visited { display:block; text-decoration:none; solid #131313; text-align:left; padding-left:5px; height:13px; color:#808080; font-family:Century Gothic; font-size:10px;} 

  li.cat1 a:hover { display:block; text-decoration:none; solid #00fcff; text-align:left; height:13px; color:#00fcff; font-family:Century Gothic; font-size:10px; } 

  li.cat1 a: { display:block; text-decoration:none; solid #3D3D3D; text-align:left; height:13px; color:#808080; font-family:Century Gothic; font-size:10px; } 

  li.cat1_bottom a:link { display:block; text-decoration:none; solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;} 

  li.cat1_bottom a:visited { display:block; text-decoration:none; solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;} 

  li.cat1_bottom a:hover { display:block; text-decoration:none; soalid #131313; text-align:left; height:15px; color:#3D3D3D; font-size:11px; } 

  li.cat1_bottom a:active { display:block; text-decoration:none; solid #131313; border-bottom:3px solid #3D3D3D; text-align:left; height:15px; color:#3D3D3D; font-size:11px; } 

  li.cat { display:block; text-decoration:none; border:0px solid #3D3D3D; color:#808080; padding-right:5px; padding-top:3px; height:13px; width:180px; font-weight:normal; font-family:Century Gothic; font-size:10px; } 

  /* ------------- */

 

Ссылка на источник

Категория: Для Ucoz | Просмотров: 624 | Добавил: Iron | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск

Статьи
[Прогараммирование]
Как работает CSS?
[Прогараммирование]
ЛЕКЦИЯ. Язык Pascal
[Прогараммирование]
Статический анализ: ошибки в медиаплеере и безглючная аська
[Операционные системы]
Особенности применения технологий Lotus Domino и Notes в современных информационных системах
[Прогараммирование]
Разработка ПО с открытыми исходными текстами как особый вид прикладной науки
[Устронение ошибок систем]
Устранение неполадок при возникновении (синего экрана) Blue Screen Of Death (BSOD) (2)
[Прогараммирование]
Строковый тип данных
[Прогараммирование]
Как работает CSS?(часть 2 Шрифты, Текст и Ссылки)
[Прогараммирование]
ДОКУМЕНТИРОВАНИЕ ПРОГРАММ
[Операционные системы]
MAC OS

Категории
HTML/CSS [21]
jQuery/JS [36]
PHP [4]
Для Ucoz [38]

Популярный софт
Iron Kaspersky Internet Security 2015
Kaspersky Internet Security 2015
Iron Virtual DJ
Virtual DJ
Iron SoundForge 11
SoundForge 11
Iron Alcohol 120
Alcohol 120
Iron Norton Internet Security 2014
Norton Internet Security 2014
Iron Loaris Trojan Remover
Loaris Trojan Remover

Жми

Copyright MyCorp © 2024Конструктор сайтов - uCoz