НашаРаша

Главная | Регистрация | Вход
Среда, 08.05.2024, 16:33
Приветствую Вас Гость | RSS
DOZ.UCOZ.NET-НашаРаша
Добавь в закладки
Меню сайта
Погода Тюхтет
GISMETEO: Погода по г.Тюхтет



Электротовары
Главная » Статьи » Интернет и технологии сети » CSS

рублей Яндекс.Деньгами
на счет 41001811770512 (Поддержи проект Наша Раша)
Загрузка...
Горизонтальный блок "Наши сайты"
Скажем, у вас есть более 2-х сайтов и вы делаете между ними перелинковку (добавляете ссылки в блок "Друзья"). В результате этот блок оказывается переполненным. Чтобы избежать этого, вы можете создать горизонтальный блок, в нужном вам месте, такого вида:

Итак, вам необходимо скопировать этот код в нужное место:

Code

<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>

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

Конечно, блок "Наши сайты" это всего лишь один из возможных вариантов реализации данного скрипта. Например, можно разместить там рекламу.

Источник неизвестен


Понравилась статья-Жми +1 Нравится

BBCode:

HTML:   

[ Скрыть ссылки ]

Это может быть интересно:
Категория: CSS | Добавил: port79 (16.04.2011)
Просмотров: 513 | Теги: Горизонтальный, наши, Блок, Сайты | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
место для вашей рекламы-сайт принадлежит Журавлёву Роману Александровичу-вопросы по рекламе:port79@mail.ru
Администрация интернет-портала www.doz.ucoz.net не несёт ответственности за действия его посетителей. Все товарные знаки и знаки обслуживания на этом сайте являются собственностью соответствующих владельцев.Мнения, выраженные в публикациях на этом сайте, являются мнениями авторов публикаций и могут не совпадать с мнением администрации сайта
doz.ucoz.net
Информация для правообладателей

Copyright MyCorp ©
2024

Конструктор сайтов - uCoz