Вертикальные вкладки


Вертикальные вкладки

1542
8.6 из 10
Проголосовало: 3




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Всем доброго время суток..

И так сегодня к вашему вниманию предоставляю - "Вертикальные вкладки"

И так приступим к установке.

Установка если вы скачали архив.

Скачали, распаковали.

Теперь заходим в файловый менеджер и заливаем все туда все что вы распаковали.....

Сама установка модификации

Между <head> и </head> ставим:

Code

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>  
  <!--[if IE 7]>  
  <style type="text/css">  
  #vtab > ul > li.selected{  
  border-right: 1px solid #fff !important;  
  }  
  #vtab > ul > li {  
  border-right: 1px solid #ddd !important;  
  }  
  #vtab > div {  
  z-index: -1 !important;  
  left:1px;  
  }  
  </style>  
  <![endif]-->  
  <link rel="stylesheet" type="text/css" href="style.css" />  
  <script type="text/javascript">  
  $(function() {  
  var $items = $('#vtab>ul>li');  
  $items.mouseover(function() {  
  $items.removeClass('selected');  
  $(this).addClass('selected');  

  var index = $items.index($(this));  
  $('#vtab>div').hide().eq(index).show();  
  }).eq(1).mouseover();  
  });  
  </script>


Идем дальше...

Теперь между <body> и </body> ставим

Code

<div id="vtab">  
  <ul>  
  <li class="home selected"></li>  
  <li class="login"></li>  
  <li class="support"></li>  
  </ul>  
  <div>  
  <h4>  
  Добро пожаловать!</h4>  
  Здраствуй уважаемый <!-- Вставте место слова "Гость" - $USERNAME$ или $USER_FULL_NAME$ --><b>Гость</b>.....  
  Мы очень рады что ты не забываеш посищать наш сайт - <!-- Вставте место слова "uFace" - $SITE_NAME$ --> <a href="http://uface.at.ua/" target="_blank">uFace</a>,  
  За вашу активность на нашем сайте вам было начислено <b>50%</b> к вашему рейтенгу.  
  <br />  
  <br />  
  Мы всегда рады вашим визитам, по этому мы готовы вам давать не только какието проценты к рейтенгу или что то в етом роде,  
  от сегодня у нас стартовал конкурс лутший "Дизайнер" месяца - приз победителю +10 000 репутакии и 300 руб., принять участие в даном конкурсе может каждый.  
  Мы за то что бы быть всегда вместе......  
  <br />  
  <br />  
  <i>Вы можете использовать в етом модули безранично текста....</i>  
  </div>  
  <div>  
  <h4>  
  Безопасный Вход</h4>  
  <form id="loginForm" action="">  
  <fieldset>  
  <legend>Для входа вам нужно вести свой E-mail или Логин и пароль.</legend>  
  <div>  
  <label for="email">  
  Email:</label>  
  <input type="text" name="email" id="email" />  
  </div>  
  <div>  
  <label for="password">  
  Пароль:</label>  
  <input type="password" name="password" id="password" />  
  </div>  
  <div>  
  <input id="login" type="submit" value="Войти" />  
  </div>  
  </fieldset>  
  </form>  
  </div>  
  <div>  
  <h4>  
  Онлайн-поддержка</h4>  
  Здраствуйте уважаемый <!-- Вставте место слова "Гость" - $USERNAME$ или $USER_FULL_NAME$ --><b>Гость</b>, если у вас возникли какието вопросы (вопрос), по даной модификации вы можете задать их нашим Администраторам -  
  <font color="red">Lekus, Aleks</font>  
  После как вы задали свои вопросы (вопрос), втечении нескольких минут вам придет ответ от Администрации нашего ресурса, проявите терпение....<br />  
  <br />  
  Если вам по какимто причинам не пришол ответ то большая прозьба, не спешите с выводами неактуальности к клиентам, возможно произошла какаето ошибка на нашем сервисе и Администрация не может вам ответить... Спасибо за ваше понимание  
  <br />С уважением: <font color="#000000">Златьев Дмитрий</font>.  
  </div>  
  </div>


Теперь установка вам осталось только поменять текст на свой

Между <head> и </head> ставим:

Code

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>  
  <!--[if IE 7]>  
  <style type="text/css">  
  #vtab > ul > li.selected{  
  border-right: 1px solid #fff !important;  
  }  
  #vtab > ul > li {  
  border-right: 1px solid #ddd !important;  
  }  
  #vtab > div {  
  z-index: -1 !important;  
  left:1px;  
  }  
  </style>  
  <![endif]-->  
  <link rel="stylesheet" type="text/css" href="http://uface.at.ua/demo/vertical_tabs/uf/style.css" />  
  <script type="text/javascript">  
  $(function() {  
  var $items = $('#vtab>ul>li');  
  $items.mouseover(function() {  
  $items.removeClass('selected');  
  $(this).addClass('selected');  

  var index = $items.index($(this));  
  $('#vtab>div').hide().eq(index).show();  
  }).eq(1).mouseover();  
  });  
  </script>


Теперь между <body> и </body> ставим

Code

<div id="vtab">  
  <ul>  
  <li class="home selected"></li>  
  <li class="login"></li>  
  <li class="support"></li>  
  </ul>  
  <div>  
  <h4>  
  Добро пожаловать!</h4>  
  Здраствуй уважаемый <!-- Вставте место слова "Гость" - $USERNAME$ или $USER_FULL_NAME$ --><b>Гость</b>.....  
  Мы очень рады что ты не забываеш посищать наш сайт - <!-- Вставте место слова "uFace" - $SITE_NAME$ --> <a href="http://uface.at.ua/" target="_blank">uFace</a>,  
  За вашу активность на нашем сайте вам было начислено <b>50%</b> к вашему рейтенгу.  
  <br />  
  <br />  
  Мы всегда рады вашим визитам, по этому мы готовы вам давать не только какието проценты к рейтенгу или что то в етом роде,  
  от сегодня у нас стартовал конкурс лутший "Дизайнер" месяца - приз победителю +10 000 репутакии и 300 руб., принять участие в даном конкурсе может каждый.  
  Мы за то что бы быть всегда вместе......  
  <br />  
  <br />  
  <i>Вы можете использовать в етом модули безранично текста....</i>  
  </div>  
  <div>  
  <h4>  
  Безопасный Вход</h4>  
  <form id="loginForm" action="">  
  <fieldset>  
  <legend>Для входа вам нужно вести свой E-mail или Логин и пароль.</legend>  
  <div>  
  <label for="email">  
  Email:</label>  
  <input type="text" name="email" id="email" />  
  </div>  
  <div>  
  <label for="password">  
  Пароль:</label>  
  <input type="password" name="password" id="password" />  
  </div>  
  <div>  
  <input id="login" type="submit" value="Войти" />  
  </div>  
  </fieldset>  
  </form>  
  </div>  
  <div>  
  <h4>  
  Онлайн-поддержка</h4>  
  Здраствуйте уважаемый <!-- Вставте место слова "Гость" - $USERNAME$ или $USER_FULL_NAME$ --><b>Гость</b>, если у вас возникли какието вопросы (вопрос), по даной модификации вы можете задать их нашим Администраторам -  
  <font color="red">Lekus, Aleks</font>  
  После как вы задали свои вопросы (вопрос), втечении нескольких минут вам придет ответ от Администрации нашего ресурса, проявите терпение....<br />  
  <br />  
  Если вам по какимто причинам не пришол ответ то большая прозьба, не спешите с выводами неактуальности к клиентам, возможно произошла какаето ошибка на нашем сервисе и Администрация не может вам ответить... Спасибо за ваше понимание  
  <br />С уважением: <font color="#000000">Златьев Дмитрий</font>.  
  </div>  
  </div>


Вот и все собственно...

Спасибо за ваше внимание с уважением - LEKUS

Релиз подготовлен: LEKUS
Автор публикации: Загрузка
Загрузка
LeKcUs, это его n материал
Источник: http://uface.at.ua/
  • Всего комментариев: 3

Slavik_WWWW
0
Slavik_WWWW написал: Написано 29 Марта 2012 в 18:56
Комментарий №2
куда кода вставлять

LeKcUs
0
LeKcUs написал: Написано 11 Апреля 2012 в 13:42
Комментарий №3
Создай страницу, и вставь туда даный код место того дизайна.....

LeKcUs
+1
LeKcUs написал: Написано 29 Марта 2012 в 16:55
Комментарий №1
[демо удалено, оно есть в архиве!]

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 6
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: