[ [ Новые сообщения ] · [ Поиск ] · [ RSS ] [ Вы не выполнили Вход ]]
  • Страница 1 из 1
  • 1
Форум 1 000 мелочей » Для web мастеров » дополнение к uCoz » Горизонтальный блок "Наши сайты"
Горизонтальный блок "Наши сайты"
dickinsonДата: Вторник, 13.10.2009, 20:17 | Сообщение # 1
Группа: Удаленные





Скажем, у вас есть более 2-х сайтов и вы делаете между ними перелинковку (добавляете ссылки в блок "Друзья"). В результате этот блок оказывается переполненным. Чтобы избежать этого, вы можете создать горизонтальный блок, в нужном вам месте, такого вида:
Итак, вам необходимо скопировать этот код в нужное место:
Код
<script type="text/javascript">     
var scrh=(window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));     
var y = (scrh - 24);     
document.write(''     
+ '<style type="text/css">#prmenu {top:'+y+'px;position:absolute;left:0px;width:100%}div > div#prmenu {position:fixed;}</style>'     
+ '<!--[if gte IE 5.5]><![if lt IE 8]><style type="text/css">div#prmenu {width:expression(((ignoreMe=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth))<200?200:   ignoreMe)+\'px\'); position:absolute;top:expression(((ignoreMe2=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop))+(window.innerHeig   ht ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight)-28)+\'px\'); left:expression((ignoreMe=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)+\'px\'); }</style><![endif]><![endif]-->'     
+ '<div align="left" style="height: 24px;" id="project">'     
+ '<div style="z-index:10000;" class="cuzadpn" id="prmenu">'     
+ '<div class="admBarLink" style="cursor:default;">'     
+ '<div class="admBarLeft"></div>'     
+ '<div class="admBarCenter">'     
+ '<div class="x-unselectable" unselectable="on">Наши проекты:</div>'     
+ '</div>'     
+ '<div class="admBarRight"></div>'     
+ '</div>'     
+ '<!--1-->'     
+ '<div class="admBarLink" onclick="location.href=\'http://мой.сайт.ru/\'" onmouseout="this.className=\'admBarLink\'" onmouseover="this.className=\'admBarOver\';">'     
+ '<div class="admBarLeft"></div>'     
+ '<div class="admBarCenter">'     
+ '<div class="x-unselectable" unselectable="on"><img src="http://мой.сайт.ru/favicon.ico" width="16px" height="16px" align="ABSMIDDLE"> описание 1</div>'     
+ '</div>'     
+ '<div class="admBarRight"></div>'     
+ '</div>'     
+ '<!--/1-->'     
+ '<!--2-->'     
+ '<div class="admBarLink" onclick="location.href=\'http://мой.сайт2.ru/\'" onmouseout="this.className=\'admBarLink\'" onmouseover="this.className=\'admBarOver\';">'     
+ '<div class="admBarLeft"></div>'     
+ '<div class="admBarCenter">'     
+ '<div class="x-unselectable" unselectable="on"><img src="мой.сайт2.ru/favicon.ico" width="16px" height="16px" align="ABSMIDDLE"> описание 2</div>'     
+ '</div>'     
+ '<div class="admBarRight"></div>'     
+ '</div>'     
+ '<!--/2-->'     
+ '<!--3-->'     
+ '<div class="admBarLink" onclick="location.href=\'http://мой.сайт3.ru/\'" onmouseout="this.className=\'admBarLink\'" onmouseover="this.className=\'admBarOver\';">'     
+ '<div class="admBarLeft"></div>'     
+ '<div class="admBarCenter">'     
+ '<div class="x-unselectable" unselectable="on"><img src="http://мой.сайт3.ru/favicon.ico" width="16px" height="16px" align="ABSMIDDLE"> описание 3</div>'     
+ '</div>'     
+ '<div class="admBarRight"></div>'     
+ '</div>'     
+ '<!--/3-->'     
+ '<div class="admBarLink" style="float:right" onmouseout="this.className=\'admBarLink\'" onmouseover="this.className=\'admBarOver\';" onClick="document.getElementById(\'project\').style.display=\'none\'">'     
+ '<div class="admBarLeft"></div>'     
+ '<div class="admBarCenter">'     
+ '<div class="x-unselectable" unselectable="on"><img align="absmiddle" src="http://src.ucoz.net/img/bn/cl2.gif"></div>'     
+ '</div>'     
+ '<div class="admBarRight"></div>'     
+ '</div>'     
+ '</div>'     
+ '</div>');     
</script>

Заменяем "сайт" на адрес вашего сайта.

Конечно, блок "Наши сайты" это всего лишь один из возможных вариантов реализации данного скрипта. Например, можно разместить там рекламу.
 
dickinsonДата: Среда, 14.10.2009, 19:37 | Сообщение # 2
Группа: Удаленные





2-вариант
Код
<?if($GROUP_ID$!="3" or $GROUP_ID$!="4")?><style type="text/css">.cuzadpn {position:absolute;top:0px;left:0px;width:100%}div > div.cuzadpn {position:fixed;}</style>   
<!--[if gte IE 5.5]><![if lt IE 8]><style type="text/css">div.cuzadpn {width:expression(((ignoreMe=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth))<200?200:     ignoreMe)+'px'); position:absolute;top:expression((ignoreMe2=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+'px'); left:expression((ignoreMe=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)+'px'); }</style><![endif]><![endif]--><?endif?>   
<div align="right" style="height: 24px;" id="projects">   
<div style="z-index: 10000;" class="cuzadpn">   

<div class="admBarLink" style="cursor:default;">   
<div class="admBarLeft"></div>   
<div class="admBarCenter">   
<div class="x-unselectable" unselectable="on">Наши проекты:</div>   
</div>   
<div class="admBarRight"></div>   
</div>   

<!--1-->   
<div class="admBarLink" onclick="location.href='http://мой.сайт.ru/'" onmouseout="this.className='admBarLink'" onmouseover="this.className='admBarOver';">   
<div class="admBarLeft"></div>   
<div class="admBarCenter">   
<div class="x-unselectable" unselectable="on"><img src="http://мой.сайт.ru/favicon.ico" width="16px" height="16px" align="ABSMIDDLE">Описание первого сайта</div>   
</div>   
<div class="admBarRight"></div>   
</div>   
<!--/1-->   

<!--2-->   
<div class="admBarLink" onclick="location.href='http://мой.сайт2.ru/'" onmouseout="this.className='admBarLink'" onmouseover="this.className='admBarOver';">   
<div class="admBarLeft"></div>   
<div class="admBarCenter">   
<div class="x-unselectable" unselectable="on"><img src="http://мой.сайт2.ru/favicon.ico" width="16px" height="16px" align="ABSMIDDLE"> Описание второго сайта</div>   
</div>   
<div class="admBarRight"></div>   
</div>   
<!--/2-->   

<!--3-->   
<div class="admBarLink" onclick="location.href='http://мой.сайт3.ru/'" onmouseout="this.className='admBarLink'" onmouseover="this.className='admBarOver';">   
<div class="admBarLeft"></div>   
<div class="admBarCenter">   
<div class="x-unselectable" unselectable="on"><img src="http://мой.сайт3.ru/favicon.ico" width="16px" height="16px" align="ABSMIDDLE"> Описание третего сайта</div>   
</div>   
<div class="admBarRight"></div>   
</div>   
<!--/3-->   

<div class="admBarLink" style="float:right" onmouseout="this.className='admBarLink'" onmouseover="this.className='admBarOver';" onClick="document.getElementById('projects').style.display='none'">   
<div class="admBarLeft"></div>   
<div class="admBarCenter">   
<div class="x-unselectable" unselectable="on"><img align="absmiddle" src="http://src.ucoz.net/img/bn/cl2.gif"></div>   
</div>   
<div class="admBarRight"></div>   
</div>   

</div>   
</div>

в самом начале кода есть
Код
($GROUP_ID$!="3" or $GROUP_ID$!="4")

это Список групп которые видят админбар
 
Форум 1 000 мелочей » Для web мастеров » дополнение к uCoz » Горизонтальный блок "Наши сайты"
  • Страница 1 из 1
  • 1
Поиск: