Главная » 2010 » Июль » 7 » Место для рекламы вверху страницы (Javascript)
07.07.2010, 15:16

Место для рекламы вверху страницы



Скрип выводит специальное место для рекламы в самом верху сайта, как раньше было на uCoz.

В head ставим это:

Quote
<style type="text/css">

#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
padding: 5px 0;
background-color: lightyellow; /*цвет фона*/
border-bottom: 1px solid black; /*толщина и цвет рамки*/
font: bold 12px Verdana;
}

* html #informationbar{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}

</style>

<script type="text/javascript">
function informationbar(){
this.displayfreq="always"
this.content='<a href="javascript:informationbar.close()"><img src="close.gif" style="width: 14px; height: 14px; float: right; border: 0; margin-right: 5px" /></a>'
}

informationbar.prototype.setContent=function(data){
this.content=this.content+data
document.write('<div id="informationbar" style="top: -500px">'+this.content+'</div>')
}

informationbar.prototype.animatetoview=function(){
var barinstance=this
if (parseInt(this.barref.style.top)<0){
this.barref.style.top=parseInt(this.barref.style.top)+5+"px"
setTimeout(function(){barinstance.animatetoview()}, 50)
}
else{
if (document.all && !window.XMLHttpRequest)
this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"')
else
this.barref.style.top=0
}
}

informationbar.close=function(){
document.getElementById("informationbar").style.display="none"
if (this.displayfreq=="session")
document.cookie="infobarshown=1;path=/"
}

informationbar.prototype.setfrequency=function(type){
this.displayfreq=type
}

informationbar.prototype.initialize=function(){
if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){
this.barref=document.getElementById("informationbar")
this.barheight=parseInt(this.barref.offsetHeight)
this.barref.style.top=this.barheight*(-1)+"px"
this.animatetoview()
}
}

window.onunload=function(){
this.barref=null
}

</script>

<script type="text/javascript">
<!--Invocation code-->

var infobar=new informationbar()
infobar.setContent('Текст вашего сообщения будет тут <a href="http://infoscript.ru">А тут будет ссылка</a>')
//infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
infobar.initialize()

</script>

Синее и красное меняем на свое.

Скрип имеет гибкие цветовые настройки, поэтому вы всегда сможете подогнать его под свой дизайн.

Картинка закрытия:

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Dynamic Drive
Категория: JavaScript's | Просмотров: 5996 | Добавил: antisept | Рейтинг: 4.0/2 |
Теги: рекламы, место, вверху, для, страницы
Всего комментариев: 10
0  
1 saske   (09.07.2010 09:13) [Материал]
Аватар пользователя
картинку плиз!

0  
2 antisept -Infoscript Team-  (09.07.2010 09:43) [Материал]
Аватар пользователя
one moment

+1  
3 saske   (09.07.2010 10:46) [Материал]
Аватар пользователя
Круто =)

0  
4 saske   (09.07.2010 10:46) [Материал]
Аватар пользователя
И ещё, а что это close.gif , красным выделенно =) biggrin

0  
5 antisept -Infoscript Team-  (09.07.2010 11:37) [Материал]
Аватар пользователя
Это "красный крестик", который будет закрывать твою рекламу.
Вот он: http://infoscript.ru/_nw/16/09815980.gif
Залей его на сайт и исправь то, что красным, на путь до этого крестика.

0  
6 alm408   (01.08.2010 13:15) [Материал]
Аватар пользователя
Извините за такой глупый вопрос, но где находиться head?

0  
7 antisept -Infoscript Team-  (01.08.2010 18:39) [Материал]
Аватар пользователя
Зайди в ПУ-->Управление дизайном. Выбери любой модуль и найди там теги <head> и </head>. Все, что между ними и есть head.

0  
8 lesha -Infoscript Team-  (01.08.2010 20:46) [Материал]
Аватар пользователя
ааааааааа, админ бар скрывает полоску sad

0  
9 antisept -Infoscript Team-  (02.08.2010 18:44) [Материал]
Аватар пользователя
ну да, это больше для гостей.

0  
10 aleksmens   (24.06.2012 14:29) [Материал]
Аватар пользователя
Он мне верхнее меню перекрывает dry

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]