Перейти к содержимому


Информация статьи

  • Дабавлена: 24 мар 2012 02:02
  • Просмотров: 1605
 


* * * * *
1 Рейтинг

Кнопка "Наверх"

Добавляем кнопку Наверх с боку форума.

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

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')
- путь до вашей картинки.
  • 0

Powered by Tutorials 1.5.0 © 2016, by Michael McCune