Приветствую Вас, Гость | RSS
Вторник, 24.06.2025, 20:28
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Блок обратная связь или администрация
Дата: Пятница, 22.07.2011, 00:04 | Сообщение # 1
Группа:
Пользователи
Сообщений:
349
Offline


Суть скрипта проста, в блоке на Вашем сайте будет краткая информация о Администрации
Или ихних данных, как связаться там уже при установке и настройке каждый сам себе хозяин
Работает по принципу аккордеона на библиотеке jQuery

Вставляем в блок :

Code
<div id="accordion">     

     <h2 class="current">NeoGame</h2>     
     <div class="pane" style="display:block">     
     <img src="http://up-rise.ru/_fr/18/2877096.gif" width="70" height="90" style="float:left; margin:0 10px 0px 0" />     
     <div class="up-name">Имя: <b>Роман</b></div>     
     <div class="up-prof">HTML Редактор</div>     
     <div class="up-icq">ICQ: 250999653</div>     
     <div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>     

     </div>     
           
     <h2>Marlboro</h2>     
     <div class="pane">     
     <img src="http://up-rise.ru/Marlboro/ava_music_Marlboro.png" width="70" height="90" style="float:left; margin:0 10px 0px 0" />     
     <div class="up-name">Имя: <b>Андрей</b></div>     
     <div class="up-prof">Web Design</div>     
     <div class="up-icq">ICQ: 23454376</div>     
     <div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>     
     </div>     

     <h2>Mopnex</h2>     
     <div class="pane">     
     <img src="http://up-rise.ru/Design/1/img/NoAvatar.png" width="70" height="90" style="float:left; margin:0 10px 0px 0" />     
     <div class="up-name">Имя: <b>Саша</b></div>     
     <div class="up-prof">Помошник адм.</div>     
     <div class="up-icq">ICQ: 73496542</div>     
     <div class="up-sms"><a target="_blank" href="/index/14-ID Пользователя-0-1">Обратиться в ЛС</a></div>     
           
     </div>     
     <script>     
     $(function() {      

     $("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});     
     });     
     </script>

А это в Ваш CSS :

Code
#accordion {     
      background:#222 url();     
      width: 100%;      
      -background:#666;     
     }     
     #accordion h2 {     
      background:url('') #252525 ;     
      margin:0;     
      padding:5px 15px;     
      font-size:13px;     
      color:#dedede;     
      font-weight:bold;     
      border:1px solid #292929;     
      border-bottom:1px solid #333;     
      cursor:pointer;      
     }     

     #accordion h2.current {     
      cursor:default;     
      background-color:#272727;     
     }     

     #accordion .pane {     
      height: 100px;     
      display:none;     
      padding:5px 0 0 5;     
      color:#e7e7e7;     
      font-size:12px;     
     }     

     .up-name {     
      color:#e7e7e7;     
      font-size:12px;     
      padding:10 0 5 0;     
     }     

     .up-prof {     
      color:#e7e7e7;     
      font-size:10px;     
      padding:0 0 5 0;     
     }     

     .up-icq {     
      color:#e7e7e7;     
      font-size:10px;     
      padding:0 0 5 0;     
     }     

     .up-sms {     
      color:#e7e7e7;     
      font-size:11px;     
      padding:0 0 20 0;     
     }
Я бывший админ этого сайта.
  • Страница 1 из 1
  • 1
Поиск:

Статистика
Форма входа
Поиск
Copyright MyCorp © 2025 | Хостинг от uCoz