PDA

Просмотр полной версии : Кнопка "Наверх"



Osetin
05.02.2014, 16:24
Снизу форума есть кнопка "Наверх", продублируем ее сбоку форума. Так гораздо удобнее!

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://pro-pawn.ru/public/style_images/pro-pawn/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://pro-pawn.ru/public/style_images/pro-pawn/up.png') - путь до вашей картинки.