Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.216.53.7
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Блок обратная связь или администрация
Сообщение оставлено 28.06.2011 в 16:44:45 | Сообщение #1

Суть скрипта проста, в блоке на Вашем сайте будет краткая информация о Администрации
Или ихних данных, как связаться там уже при установке и настройке каждый сам себе хозяин
Работает по принципу аккордеона на библиотеке 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
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика