Скрытые блоки

ГлавнаяJava скрипты → Скрытые блоки

Содержание:

Работу скрипта Скрытые блоки вы можете наблюдать на этой странице в неподвижном блоке "Помощь" справой стороны. Данный скрипт применяется для удобства: не занимает много места и всегда наведу у посетителя. Особенно удобно, когда ваша страница имеет очень большой объём содержания, например: как у продающих страниц, где информации настолько много, что посетителю довольно тяжело отыскать нужный ему раздел (контакты, стоимость, ответы на вопросы и т.д.).

В скачанном архиве вы найдёте:

  • Папка "images" - содержимое этой папки загрузите к себе на сервер в главную директорию (где главная страница) в папку "images". Если такой папки нет, то создайте её;

  • button.psd - шаблон фото "Помощь", который вы можете (чтобы не были у всех одинаковые) отредактировать в PhotoShop под свой дизайн и на свой вкус;
  • Папка "js" - здесь находится ява-скрипт. Загрузите так же в главную директорию эту папку со скриптом. И не забудьте прописать код на той странице, где будет стоять данный блок перед тегом </head>:
    <script type='text/javascript' src='js/jquery.min.v1.4.2.js'></script>
  • style.css - загрузите файл в главную директорию. Если у вас такой файл уже есть, то тогда просто дополните из содержимого этого файла в свой файл. Так же не забудьте добавить код на страницу перед тегом </head>:
    <link rel='stylesheet' href='style.css' media='screen' />
  • code.txt - содержимое этого файла необходимо поместить в самый конец страницы перед тегом </body>. Где вы можете сделать следующие изменения:

    <!-- Блок перехода к форме скрипта -->
<div class="main"><a class="title" title="Перейти к форме заказа" 
href="#sba">Перейти к форме скрипта</a></div>

     <!-- Блок телефонов -->
<div class="main"><a class="title" 
href="javascript:void(0);">Контакты</a></div>    
     <div class="collapse">
<strong>(Тел): 8-495-000-0-000</strong><br />
     ПН-ПТ с 9:00 до 22:00,<br />
     СБ с 10:00 до 20:00,<br />
     ВС - выходной,<br />
     время указано московское.
</div>
        
     <!-- Блок службы поддержки -->
<div class="main"><a class="title" 
href="javascript:void(0);">Служба поддержки</a></div>    
<div class="collapse">
<a href="/whome/client.php?locale=ru&style=simplicity" target="_blank" 
onclick="if(navigator.userAgent.toLowerCase().indexOf('opera') != -1 && 
window.event.preventDefault) window.event.preventDefault();
this.newWindow = window.open('/whome/client.php?locale=ru&
style=simplicity&url='+escape(document.location.href)+'amp;
referrer='+escape(document.referrer), 'webim',
'toolbar=0,scrollbars=0,location=0,status=1,menubar=0,width=640,
height=480,resizable=1');this.newWindow.focus();this.newWindow.opener=window;
return false;">Задать вопрос</a>

Вы можете добавлять сюда неограниченное количество нужных вам блоков.
Я привёл вам здесь следующие примеры: В 1-ом блоке я сделал якорную ссылку (смотрите Ссылки внутри страниц - "Якоря") - это может быть любая ссылка, например, - на ваш заказ.

Во 2-ом блоке размещены контакты, а в 3-ий помещён скрипт "Поддержка Онлайн".

Мне например, на своём сделанном сайте, это было без надобности, и я оставил всего-лишь поддержку онлайн. А вы соответственно на свой сайт можете добавлять сюда всё что угодно, всё что считаете нужным для себя.


Скачать скрипт Скрытые блоки

И раз уж мы затронули тему "скрытые", то и советую узнать, как на своём сайте сделать скрытый текст.

Поделись ссылкой с друзьями:

Комментарии к статье