У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается

Бизнес-мен

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Бизнес-мен » Скрипты для оформления форума » Ротатор баннеров


Ротатор баннеров

Сообщений 1 страница 8 из 8

1

КАК ВСТАВИТЬ НА ФОРУМ РОТАТОР БАННЕРОВ?

Сам код ротатора баннеров выглядит таким образом:

Код:
<style type="text/css">
#banner-up {position: absolute; margin-left: 395px; top: 30px; z-index: 500;}
</style>

<!-- баннер в шапке -->
<div id="banner-up" class="reklama">

<script>
var phr = new Array()



phr.push("код баннера 1 ")

phr.push("код баннера 2 ")

phr.push("код баннера n ")



document.write(phr[Math.round(Math.random()*(phr.length-1))])
</script>

0

2

Разберем все по порядку

Чтобы втавить ротатор на форум,подобный нашему,нужно пройти в "АДМИНИСТРИРОВАНИЕ">> "НАСТРОЙКИ"

Вставляется ротатовр в  HTML верх.Там есть специальное окошечко.

Вот скрин,на котором красной стрелкой показано окошко.куда вставлять сам скрипт

http://s9.uploads.ru/t/KSjls.png

0

3

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

Код:
<style type="text/css">
#banner-up {position: absolute; margin-left: 395px; top: 30px; z-index: 500;}
</style>

Можете поэкспериментировать с числами.

0

4

Теперь по самому коду банера,который Вы будете вставлять в ротатор.

Общий вид баннера имеет примерно такой вид.ссылка
Чтобы баннер работал без проблем в ротаторе, его нужно отредактировать,заменив все двойные кавычки " одинарными '

1.Давайте возьмем конкретный баннер ,например,этот:

Код:
<a href="https://www.geniuscapital.net/?ref=GCL293807"><img src="https://www.geniuscapital.net/banners/gcl468.gif" alt="Genius Capital Limited" width="468" height="60" border="0" /></a>

0

5

Смотрите,что было ,и что стало.Цветом выделил то,что подлежит замене

Что было

http://s8.uploads.ru/t/ZlvnD.png

И что должно получиться

http://s8.uploads.ru/t/JYV9i.png

0

6

2.Теперь добавляем теги

Код:
target='_blank'

и

Код:
rel='nofollow'

0

7

3.Конечный код баннера у нас будет выглядеть таким образом:

Код:
<a href=
'https://www.geniuscapital.net/?ref= GCL293807'  target='_blank' rel='nofollow' >
<img src=
'https://www.geniuscapital.net/banners/gcl468.gif' alt='Genius Capital Limited'
width='468' height='60' border='0' />
</a>

0

8

4.Теперь его можно вставлять в наш ротатор баннеров.

Вот как будет выглядеть ротатор с нашим баннером

Код:
<style type="text/css">
#banner-up {position: absolute; margin-left: 395px; top: 30px; z-index: 500;}
</style>

<!-- баннер в шапке -->
<div id="banner-up" class="reklama">

<script>
var phr = new Array()



phr.push("<a href=
'https://www.geniuscapital.net/?ref= GCL293807'  target='_blank' rel='nofollow' >
<img src=
'https://www.geniuscapital.net/banners/gcl468.gif' alt='Genius Capital Limited'
width='468' height='60' border='0' />
</a> ")





document.write(phr[Math.round(Math.random()*(phr.length-1))])
</script>

Когда в ротаторе будут вставлены несколько кодов баннеров,то их показы будут чередоваться рандомно.Не забывайте к каждому баннеру добавлять теги target='_blank' и rel='nofollow'

0


Вы здесь » Бизнес-мен » Скрипты для оформления форума » Ротатор баннеров


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC