Главная Главная Регистрация Добавить в избранное RSS Вход в систему
  • Главная страница
  • Добавить новость
  • Правила добавления
  • ЗАРАБОТОК В ИНТЕРНЕТЕ
  • Поиск
  • Блог
  • RSS Новости
  • Обратная связь
  • Авторское право
  • Гостевая сайта
  • Кинотеатр онлайн
  • Генератор смайлов
  • Игры Онлайн
  • Радио Онлайн
  • TV-Онлайн
  • Гороскоп
  • Форум
  • FAQ
  • Для правообладателей связь по:
    eMail:admin@many-files.ru
    ISQ:568848110
  • Софт [7880]
    Игры [6338]
    Музыка [17037]
    Иконки [212]
    Система [1046]
    Утилиты [3953]
    Windows [2318]
    Заставки [1161]
    Интернет [2256]
    Картинки [2791]
    Вебмастеру [252]
    Видеоклипы [1538]
    Для мобилок [1290]
    Мультимедиа [2384]
    Безопасность [1680]
    Portable Софт [2448]
    Журналы и книги [11632]
    Фильмы [1269]
    Графика и дизайн [4735]

    ADULT CARTOONS / Пор...
    Автор новости: sergeymal
    Просмотров: 377
    Как заклеить надувно...
    Автор новости: Karina70
    Просмотров: 470
    Как сделать электрич...
    Автор новости: Karina70
    Просмотров: 477
    Как заварить чай без...
    Автор новости: Karina70
    Просмотров: 472
    Как приготовить дома...
    Автор новости: Karina70
    Просмотров: 553





    Каким видео-плейером Вы пользуетесь?
    Всего ответов: 237
    kasper1
    Новостей: 7747
    Комментов: 18
    felix4
    Новостей: 6959
    Комментов: 0
    pmojka
    Новостей: 6573
    Комментов: 0
    Rash0000
    Новостей: 4364
    Комментов: 10
    abcx
    Новостей: 3412
    Комментов: 0
    Главная » 2013 » Февраль » 8 » Кнопка вверх (new)

    Скачать Кнопка вверх (new) бесплатно

    21:31:02, 08.02.2013

    Всем привет

    Бывают всякие страницы, в том числе и очень приочень длинные, и чтобы не вертеть колесиком мыши, или же просто не тащить постоянно скролл существуют такой помошник, как кнопка "вверх". Именно они без проблем перемотают нас верх страницы. Одну из таких я и предлагаю вам поставить на свой сайт, она чем то похожа на кнопку вконтакте, но основное стилевое решение было взято с сайта kinopoisk.

    Слева у нас есть область которая по всей высоте окна браузера кликабельна как и кнопка "наверх" находящаяся в ней, при клике на эту область мы плавно поднимаемся вверх страницы. Для сайтов у которых разрешение экрана меньше или равно 1024px, будет видна только стрелка вверх, чтобы серый фон не закрывал часть сайта.

    Установка CSS

    Теперь давайте начнем установку на сайт, тем более что она крайне проста, вначале скопируем данный код в таблицу стилей, ПУ / Дизайн / Управление дизайном (CSS)

    Код
    .upTop {  
      display:none;
      width:100px;
      height:100%;
      position:fixed;
      left:0px;
      top:0px;
      z-index:100;
    }
    .upTopButton {  
      background:#777777 url(http://bambun.ru/images/goup.png) no-repeat;
      width:27px;
      height:27px;
      position:fixed;
      top:10px;
      left:10px;
      cursor:pointer;
    }
    .upTopZone {  
      display:none;
      background:url(http://bambun.ru/images/upbg.png) repeat;
      width:100px;
      height:100%;
      cursor:pointer;
    }
    .upTopZone p {  
      background:#777777;
      font-size:12px;
      width:63px;
      height:27px;
      margin:0;
      position:fixed;
      top:10px;
      left:37px;
      color:#fff;
      font-family:"tahoma", "verdana", "arial";
      line-height:25px;
      text-align:center;
      text-shadow:1px 1px 1px #000000;
    }
    @media screen and (max-width:1024px) {
      .upTopZone {
      display:none !important;
      }
    } .blue .upTopButton, .blue .upTopZone p {
      background-color:#3fa3e1;
    }
    .green .upTopButton, .green .upTopZone p {
      background-color:#60bf3a;
    }
    .red .upTopButton, .red .upTopZone p {
      background-color:#ca2929;
    }
    .orange .upTopButton, .orange .upTopZone p {
      background-color:#ef990b;
    }
    .purple .upTopButton, .purple .upTopZone p {
      background-color:#b053a0;
    }
    .grey .upTopButton, .grey .upTopZone p {
      background-color:#777777;
    }


    Установка HTML

    Данный код копируем и вставляем куда хотим, главное в тело страницы, можете поставить перед тегом </body>

    Код
    <div class="upTop blue">
      <div class="upTopZone"><p>наверх</p></div>
      <script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
      <div class="upTopButton"></div>
    </div>


    Установка JS

    Вставляем данный код также перед тегом </body>

    Код
    <script type="text/javascript" src="http://bambun.ru/css_js/uptop.js"></script>


    На этом установка кнопки вверх для сайта закончена, по традиции я предлагаю несколько цветовых схем, чтобы каждый мог без труда применить сразу, полностью готовое решение у себя на сайте. Чтобы изменить основной цвет кнопки наверх, измените в html коде, класс blue на нужный из списка

    blue - голубой
    green - зеленый
    red - красный
    orange - оранжевый
    purple - пурпурный
    grey - серый

    Скачивай бесплатно Кнопка вверх (new) и на высокой скорости только на - Many-FileS.RU

    Понравилась новость???
    Нажмите на кнопку расположенную ниже,
    чтобы отблагодарить сайт:

    этим ты поможешь
    в развитии и улучшении сайта!!!

    Скачать бесплатно Кнопка вверх (new) на высокой скорости и по прямой ссылке !

    Найти на сайте:

    Как мне скачать null бесплатно файлы с
    RapidShare | DepositFiles | FileFactory | LetitBit | iFolder
    На момент публикации новости, все ссылки работали и файлы были на месте. Проверить файлы по ссылкам (rapidshare.com) для новости, можно здесь, а для ссылок (filefactory.com) тут
    Просмотров: 269 | Добавил: budyvmaster | | Рейтинг: 3.1/14 |
    Всего комментариев: 0
    ript" src="/bb/alltranslit.js">
    Имя *:
    Email:
    WWW:
    Код *:



    Хостинг от uCoz

    «  Февраль 2013  »
    Пн Вт Ср Чт Пт Сб Вс
        123
    45678910
    11121314151617
    18192021222324
    25262728

    Яндекс цитирования

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0


    Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте, а также за возможное игнорирование пользователями коммерческого статуса программного обеспечения, к которому ведут ссылки, представленные на данном сайте.

    Для правообладателей!
    Карта сайта
    *Maxi*