Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.144.46.90
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Кнопка "Вверх" как на (Logcal-portal)
Сообщение оставлено 20.10.2011 в 16:39:51 | Сообщение #1
Кнопка "Вверх" как на (Logcal-portal)
Думаю скрин не надо.
Установка:
1.Вставляем в самый низ в "Таблица стилей (CSS)"
Code

#back-top {
    position: fixed;
    top: 30px;
    right: 10px;
    margin-left: 0px;
}
       
#back-top a {
    width: 80px;
    padding-top: 10px;
    height: 24px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #999;
    border:1px solid #aaa;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    color: #000;
    border:1px solid #aaa;
}

2.Вставляем в "Общий вид страниц форума" после "$BODY$"
Code

    <script type="text/javascript">
// спрятать #back-top в начале
    $("#back-top").hide();
       
    // показать #back-top
    $(function () {
    $(window).scroll(function () {
    if ($(this).scrollTop() > 100) {
    $('#back-top').fadeIn();
    } else {
    $('#back-top').fadeOut();
    }
    });
       
    // прокрутить плавно тело документа к 0px при нажатии
  $('#back-top a').click(function () {
  $('body,html').animate({
  scrollTop: 0
  }, 800);
  return false;
  }); $('#back-top').hide();
  });
</script>
<p id="back-top">
    <a href="#top"><img src="http://s21.ucoz.net/.s/img/wd/1/ar2.gif" /> Вверх <img src="http://s21.ucoz.net/.s/img/wd/1/ar1.gif" /></a>
</p>


 Сообщение отредактировал LeMoH - Четверг, 20.10.2011, 21:14:01
 

 
   
Сообщение оставлено 20.10.2011 в 17:23:29 | Сообщение #2
О супер, спасибо!)
 
 
   
Сообщение оставлено 20.10.2011 в 19:01:45 | Сообщение #3
Взял нас пропалил,в паблик пустил wondering
 
 
   
Сообщение оставлено 20.10.2011 в 19:18:32 | Сообщение #4
dFaC, её мог взять кто угодно, тот кто даже чу чуть знает html
 

 
   
Сообщение оставлено 20.10.2011 в 19:21:22 | Сообщение #5
LeMoH, спасибо, сохраню, потом может пригодиться
 

Портфолио: http://www.weblancer.net/users/Strafeland/portfolio/
 
   
Сообщение оставлено 21.10.2011 в 00:04:38 | Сообщение #6
Красиво, спасибо большое)
 

Продам Steam-аккаунты по низким ценам, писать в ЛС
 
   
Сообщение оставлено 31.10.2011 в 14:55:02 | Сообщение #7
да и не обязательно в общий вид форума) где хочеш её видеть туда и вставляеш)
 
 
   
Сообщение оставлено 31.10.2011 в 17:50:37 | Сообщение #8
Slafka, ну он взял за пример форум.
 
 
   
Сообщение оставлено 31.10.2011 в 20:28:30 | Сообщение #9
нужная вещь для тех, кому лень прокрутить страницу обратно
 
 
   
Сообщение оставлено 31.10.2011 в 21:57:57 | Сообщение #10
Стоющая вещь. wink
 
Мой блог :О
Спасает дым, без дыма были бы виллы.
 
   
Сообщение оставлено 31.10.2011 в 22:01:58 | Сообщение #11
Бредовый скрипт, честное слово) никогда ним не пользовался сколько он стоит на лп
 
 
   
Сообщение оставлено 01.11.2011 в 17:59:05 | Сообщение #12
Quote
никогда ним не пользовался сколько он стоит на лп


+1

Скрипт не нужный
 
Иногда слегка приврать благороднее, чем сказать горькую правду.
Ночь в музее 2 (Night at the Museum: Battle of the Smithsonian)
 
   
Сообщение оставлено 01.11.2011 в 19:43:41 | Сообщение #13
Quote (Wonk)
Бредовый скрипт, честное слово) никогда ним не пользовался сколько он стоит на лп

а я всегда пользуюсь когда нужно на вверх
 
Друг: Думаю надо извиниться. А ты как считаешь?
Я: На калькуляторе.
Друг: Я серьёзно.
Я: Ну иногда столбиком :DAAA
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика