Главная » IPB » Статьи IPB » Кнопка «Наверх»
Распечатать статью

Кнопка «Наверх»

Снизу форума есть кнопка «Наверх», продублируем ее сбоку форума. Так гораздо удобнее!

1. Идем в АЦ — Внешний вид — Ваш стиль — Шаблоны — Глобальные — globalTemplate
2. Перед </head> вставляем:

<a href="#" id="toTop" style="display: inline; "><span id="toTopHover" style="opacity: 0; "></span>To Top</a>

3. Переходим в CSS — ipb_styles.css
4. В самый низ добавляем:

#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
overflow: hidden;
width: 42px;
height: 42px;
border: none;
text-indent: -999px;
background: url('http://ipbzona.ru/public/style_images/ipbzona/up.png');
opacity: 0.5;
}
#toTopHover {
background: url('http://ipbzona.ru/public/style_images/ipbzona/up.png');
width: 42px;
height: 42px;
display: block;
overflow: hidden;
float: left;
-moz-opacity: 0.5;
-webkit-box-shadow: #000000 0px 0px 10px;
-moz-box-shadow: #000000) 0px 0px 10px;
box-shadow: #0084ff 0px 0px 20px;
}

Где:

url('http://ipbzona.ru/public/style_images/ipbzona/up.png')

— путь до вашей картинки.

Источник:  ipbzona.ru

Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи