Скрипт прокрутки информеров. Скрипты. Блог. Портал SzenProgs
 

Скрипт прокрутки информеров

Яндекс цитирования
Качество сайта...
ProtoPlex: программы, форум, рейтинг, рефераты, рассылки!
раскрутка сайта, поисковая оптимизация
Получить свой бесплатный сайт в UcoZ

Каждый сайт, когда встает на путь развития, размещает у себя кучу информеров, которые помогают узнать рейтинг сайта, его оценку, посещаемость... Этот список можно продолжать долго, но суть одна: разместить такое количество кнопок на сайте, и внешний вид сайта тут же упадет ниже плинтуса. Этим материалом я решил помочь Вам разобраться в этом безобразии, чтобы кнопки информеров цитирования, PR и тому подобной лабуды не портили внешний вид сайта. Будем устанавливать скрипт прокрутки кнопок информеров.

Для начала, немного теории. Прокрутку можно организовать при помощи тега <marquee>. Но у этого тега есть одно очень плохое свойство: он неофициальный. Этот тег не прописан в стандарте W3C. Соответственно, валидацию страница с этим тегом не пройдет. Но есть одна хитрость, при помощи которой, можно обмануть W3C и при этом прокрутка будет работать. В случае, если у конечного пользователя отключен запуск javascript (хоть таких и единицы, но забывать об этом не стоит), будет отображен список кнопок, ограниченный по размерам, с полосой прокрутки.

Сам основной код. Он должен быть прописан, либо в теле HEAD, либо в тексте кода страницы ниже списка кнопок.

Code
<script type="text/javascript"><!--
scrollInformers = function(idCounters,direction) {
  blCount = document.getElementById(idCounters);
  sCountersBlock = blCount.innerHTML;
  sScrollBlock = '<marquee height=\"%hei%\" width=\"%wid%\" loop=\"-1\" align=\"center\" behavior=\"scroll\" direction=\"%ori%\" scrollamount=\"2\" scrolldelay=\"1\" onmouseover=\"this.stop()\" onmouseout=\"this.start()\">%cnt%<\/marquee>';
  if (direction.toLowerCase() == 'up' || direction.toLowerCase() == 'down') sCountersBlock += '<br><br>';
  sCountersBlock += '<a href=\"http://szenprogs.ru/\" target=\"_blank\"><img src=\"http://szenprogs.ru/images/88x31x1.gif\" border=\"0\" width=\"88\" height=\"31\" alt=\"Портал SzenProgs\"><\/a>';
  sScrollBlock = sScrollBlock.replace(/%cnt%/gi,sCountersBlock);
  sScrollBlock = sScrollBlock.replace(/%ori%/gi,direction);
  hei = blCount.style.height;
  if (!hei) hei = '90px';
  wid = blCount.style.width;
  if (!wid) wid = '160px';
  sScrollBlock = sScrollBlock.replace(/%hei%/gi,hei);
  sScrollBlock = sScrollBlock.replace(/%wid%/gi,wid);
  blCount.style.overflowY = 'visible';
  blCount.innerHTML = sScrollBlock;
}
--></script>

Вызов функции должен производится ниже списка кнопок информеров (друзей) и ниже самого кода функции. Вызов происходит следующим образом:

Code
<script type="text/javascript">scrollInformers('idCountersScroll','up');</script>

Первый параметр функции - это id блока, в котором находится список кнопок информеров. Второй параметр - направление движения прокрутки списка. Этот параметр может принимать следующие значения:

  • 'up' - прокрутка снизу вверх;
  • 'down' - прокрутка сверху вниз;
  • 'left' - прокрутка справа на лево;
  • 'right' - прокрутка слева на право.

Для того, чтобы все заработало, нужно обернуть список кнопок в блок, вроде этого:

Code
<div id="idCountersScroll" style="height:90px;width:200px;overflow-y:scroll;text-align:center;">
  список_кнопок_информеров
</div>

Список кнопок, которые вы хотите прокручивать, вместе с блоком-оберткой, может выглядеть так:

Code
<div id="idCountersScroll" style="height:90px;width:200px;overflow-y:scroll;text-align:center;">
  <a rel="nofollow" target="_blank" href="http://yandex.ru/cy?base=0&host=szenprogs.ru"><img src="http://www.yandex.ru/cycounter?szenprogs.ru" width="88" height="31" alt="Яндекс цитирования" border="0"></a><br>
  <a rel="nofollow" target="_blank" href="http://cys.ru/" title="CyberAnalytic - Создание сайта, веб дизайн, оценка качества."><img alt="Качество сайта..." src="http://cys.ru/button.png?url=szenprogs.ru" border="0" width="88" height="31"></a><br>
  <a rel="nofollow" target="_blank" href="http://protoplex.ru/top_show/354590.html"><img src="http://protoplex.ru/images/rating/knopa10.png" alt="ProtoPlex: программы, форум, рейтинг, рефераты, рассылки!" width="88" height="31" border="0"></a><br>
  <a rel="nofollow" href="http://www.raskrytka.ru" target="_blank"><img src="http://counter.web-marketolog.ru/counter/?mode=b2-4" width=88 height=31 border=0 alt="раскрутка сайта, поисковая оптимизация"></a><br>
  <a rel="nofollow" target="_blank" href="http://www.ucoz.ru/?uz=22371"><img src="http://money.ucoz.com/img/ban/88x31_01.gif" border="0" width="88" height="31" title="Получить свой бесплатный сайт в UcoZ" alt="Получить свой бесплатный сайт в UcoZ"></a><br>
</div>

Устанавливаете код по этой инструкции и пользуетесь. Удачи в свершениях!


Вы можете выразить свою благодарность администрации портала отправив SMS-кой выбранное вами количество денежек:


Категория:Скрипты
Просмотрено:2982
Рейтинг:4.7/7
Дата добавления:26.06.2009 19:28, Пятница
Добавил:Szen
Теги:Информеры, скрипт, прокрутка, JavaScript, кнопки
Опечатка

Рекомендуем

Дополнительно

Внимание

Все скрипты, инструкции, тесты, статьи и подборки, опубликованные в блоге портала, являются собственностью портала. Администрация портала не несет никакой ответственности за содержания статей и скриптов, но обязуется не публиковать материалы, нарушающие законодательство Российской Федерации, порнографию, инструкции по взлому и вскрытию. Администрация портала сама решает, кому помогать в решении какой-либо проблемы, а кому отказать в помощи. Цитируя наш текст и устанавливая опубликованные скрипты, вы соглашаетесь с тем, что используете продукт, созданный или подготовленный порталом SzenProgs. Портал SzenProgs оставляет за собой право менять инструкции, тесты, записи, подборки и скрипты по своему усмотрению и менять содержимое файлов, залитых на портале.

Любая, полная или частичная, публикация материала, размещенного в блоге портала SzenProgs, на другом стороннем от портала SzenProgs сайте должна сопровождаться ссылкой на источник.

Мини-форум

№ 0Пятница, 26.06.2009 19:28
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Скрипт прокрутки информеров".
Профиль
№ 1Воскресенье, 28.06.2009 21:21
ooster
Аватар участника ooster
супер! спс!!! скоро себе на сайтег сделаю smile
Профиль
№ 2Вторник, 28.07.2009 11:44
ANED
Аватар участника ANED
Красиво,ставлю!
ПрофильWWW
Учавствовать в обсуждении "Скрипт прокрутки информеров" могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Местоположение
Реклама
Интересное
Загрузка...
День рождения
Поздравляем с днем рождения следующих друзей:
gregori(24), PateTrure(32), MartaUA(30), sibnetwork(32).
Желаем им счастья, здоровья, благополучия, любви и богатства!

С уважением, администрация сайта.
Holiday
Посетители
Sergik30
iwanovabh
Whanibeliamma
Rearnebax
coermaodona
Статистика
Valid HTML 4.01 Transitional
Все счетчики
Онлайн всего: 10
Гостей: 10
Пользователей: 0
Кнопка портала
Портал SzenProgs - все для мастеров
получить код
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Софт
Заработок
Интересное
Загрузка...
Опрос
Сколько сайтов у вас есть?
[ Результаты · Архив опросов ]
Всего ответов: 486
Друзья портала
Информационно-развлекательный протал BIGBEN HOME STUDIO форум, статьи, обьявления, файловый архив,фотогалерея и много всего другого!

Many-FileS.RU - Скачать бесплатно музыку, фильмы, софт, книги без регистрации!

Работа в интернете
© 2009, SzenProgs
Администратор и дизайнер портала: Szen
Хостинг от uCoz