Рандомное отображение логотипов (Duka)
Скрипт рандомного отображения логотипов отображает случайный логотип при каждом обновлении страницы.
Рассматривается именно пример с логотипом, но можно прикрутить к любому элементу форума несколько случайных фоновых картинок, меняя селектор.
Для начала в стиле отключаем элемент:
Он скроет стандартный логотип.
Далее ставьте ниже него этот скрипт:
Красную строчку копируйте столько раз, сколько логотипов должно отображаться.
Ссылки (курсивом) смените на свои
Синяя часть - это стиль, отвечающий за оформление вашего логотипа, его вы можете менять как захотите.
жирную часть не трогайте, она отвечает за ссылку, которая случайным образом подставится в этот стиль.
Можно поменять селектор - для других фоновых элементов.
Можно помимо фона добавлять другие настройки стиля.
Рассматривается именно пример с логотипом, но можно прикрутить к любому элементу форума несколько случайных фоновых картинок, меняя селектор.
Для начала в стиле отключаем элемент:
Цитата
<style>
#pun-title .title-logo {display : none;}
</style>
#pun-title .title-logo {display : none;}
</style>
Он скроет стандартный логотип.
Далее ставьте ниже него этот скрипт:
Цитата
<script type="text/javascript">
var phr = new Array()
phr.push("http://www.dolem.com/lytebox/misc/pleiads_thumb.jpg")
phr.push("http://www.dolem.com/lytebox/misc/orion2_thumb.jpg")
document.write('<style>#pun-title table {background-image: url('+phr[Math.round(Math.random()*(phr.length-1))]+'); background-repeat: no-repeat;}</style>')
</script>
var phr = new Array()
phr.push("http://www.dolem.com/lytebox/misc/pleiads_thumb.jpg")
phr.push("http://www.dolem.com/lytebox/misc/orion2_thumb.jpg")
document.write('<style>#pun-title table {background-image: url('+phr[Math.round(Math.random()*(phr.length-1))]+'); background-repeat: no-repeat;}</style>')
</script>
Красную строчку копируйте столько раз, сколько логотипов должно отображаться.
Ссылки (курсивом) смените на свои
Синяя часть - это стиль, отвечающий за оформление вашего логотипа, его вы можете менять как захотите.
жирную часть не трогайте, она отвечает за ссылку, которая случайным образом подставится в этот стиль.
Можно поменять селектор - для других фоновых элементов.
Можно помимо фона добавлять другие настройки стиля.
Просмотров: 702, Загрузок: 0, Оценка: 5.0 (1)
| Страницы: | |