[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Информационная панель вверху страницы сайта
orlenokДата: Пятница, 16.12.2011, 15:35 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 532
Статус: Offline



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

1. Заливаем на сайт картинку закрытия.

2. Панель управления --> Страницы сайта, перед тегом </head> вставляем этот код:

Code
<style type="text/css">       
       #informationbar{        
       position: fixed;        
       left: 0;        
       width: 100%;        
       text-indent: 5px;        
       padding: 5px 0;        
       background-color: #FFFFFF; /*цвет фона панели*/        
       border-bottom: 1px solid #000000; /*толщина и цвет рамки*/        
       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="ПУТЬ К КАРТИНКЕ ЗАКРЫТИЯ" 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="АДРЕС ССЫЛКИ"> ТЕКСТ ССЫЛКИ</a>')  //infobar.setfrequency('session') //Раскомментируйте эту строку, если Вам нужно, чтобы информационная панель отображать только один раз за сессию браузера!        
infobar.initialize()       
</script>


Цвет фона панели, толщину и цвет рамки изменяем в соответствии с дизайном вашего сайта.
 
  • Страница 1 из 1
  • 1
Поиск:

Скачать Adobe Photoshop

Как установить Adobe Photoshop

Adobe Photoshop Portable

Adobe Flash Professional

Orlenok Design Studio ® 2008 - 2024