Sozdaiblog.ru
Назад

Кнопка вверх для сайта|блога на WordPress!

Опубликовано: 05.05.2012
Время на чтение: 8 мин
166
3

Доброго времени суток, дорогие друзья и читатели — Sozdaiblog.ru!

Тема сегодняшней статьи — кнопка вверх для сайта или блога на WordPress!».

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

Очень удобная штука, когда находишься внизу длинного поста и кучи комментариев.

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

Вот и я решил обзавестись этим чудом навигации.

Не поверите друзья, но провозился я с ней шесть часов!

А всё из-за того, что наши дорогие блоггеры не могут толком пояснить, как делается эта самая кнопка вверх.

Понаписали кучу различных скриптов и кодов, а что и как куда вставлять не разберёшь. Порой даже одно противоречит другому. Такое чувство, что не сами пишут посты, а покупают готовые на биржах и не читают даже.

Мало того, что чёрт знает что написано, так ещё и всякие словечки заумные применяют. По идеи всё это, пишется для новичков, а если это так, то какого лешего всё так накручено. Ну да ладно, не буду Вас томить.

 

Кнопка вверх для сайта или блога на WordPress.

Вообще, различных вариантов для решения данной задумки достаточно много. Можно просто поставить специальный плагин – «Scroll Up», но каждый установленный плагин нагружает наш движок и замедляет загрузку сайта.

Затратив шесть часов на поиски, я подобрал оптимальный вариант установки кнопки вверх, без плагина.

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

Если Вы, хотите точно такую же кнопку вверх для сайта, как у меня, то для начала нужно скачать вот этот файл – скачать.

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

Теперь распакованный архив, нужно загрузить в корневую папку Вашего ресурса.

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

У меня получился вот такой путь:

 

  • /domains/Имя сайта/arrowup

 

Запихиваем мы эти файлы при помощи ftp-клиента.

Если Вы не знаете, как это делается, то обязательно прочитайте мой посты:

 

 

Далее, нужно внести изменения в один из файлов Вашего ресурса под названием – header.php.

Зайти в него можно либо => Панель администратора => Внешний вид => Редактор и в правой колонке находите -  header.php.

Или через ftp-клиент, вот по такому пути:

 

  • /domains/Имя сайта/wp-content/themes/Ваша тема/header.php.

 

Открываете его любым редактором, обычно я открываю при помощи – Notepad++.

И перед закрывающим тегом </head>, вставляем следующий код:

 


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="https://Ваш сайт/arrowup/jqueryarrow.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
    $.autoScroll({
        scrollDuration: 2000,
        showDuration: 400,
        hideDuration: 300
    });
});
// ]]></script>

 

Это мы с Вами подключили специальный скрипт, под названием – Jquery.

Теперь всё по той же схеме открываем файл — style.css и в самом конце прописываем вот такой код:

 


.scroll-to-top-button{background:  url(https://Имя сайта/arrowup/Upload-icon.png) center center no-repeat;

width: 32px;

height: 32px;

color: #fff;

font-family: verdana;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

-o-border-radius:5px;

cursor: pointer;

padding: 15px;

margin: 20px;

}?

 

Вот, практически и всё.

Открываете Ваш сайт, обновляетесь и наблюдаете в правом верхнем углу кнопку вверх, в виде синенькой стрелочки.

Картинку или стрелочку можно поставить свою. Для этого её нужно загрузить в распакованный в самом начале архив, а старую удалить.

Ещё, Вам потребуется в файле style.css, в загруженном нами коде найти строчку:

 

  • background:  url (http://Имя сайта/arrowup/Upload-icon.png) center center no-repeat;

 

и в ней поменять путь к картинке.

То есть заменить — Upload-icon.png, на название новой картинки.

Теперь Вы знаете, как устанавливается кнопка вверх для сайта или блога, на движке WordPress.

Если остались вопросы по установке кнопки вверх, то задавайте их в комментариях!

На этом всё. До следующих статей...

 

С уважением, Денис Черников!

Поделиться
Похожие записи
Комментарии:
  • Елена
    Опубликовано: 08.05.2012 Ответить на сообщение

    Спасибо за оперативный и подробный ответ! Успехов Вам!

    • Денис Черников
      Опубликовано: 09.05.2012 Ответить на сообщение

      Всегда пожалуйста, Елена!
      Заходите чаще!

  • Александр
    Опубликовано: 05.06.2012 Ответить на сообщение

    Искал долго что-то подобное но не мог найти.Спасибо Денис за подробную инструкцию.Буду дальше продолжать читать твой блог.
    С ув. Александр

    • Денис Черников
      Опубликовано: 05.06.2012 Ответить на сообщение

      Здравствуйте, Александр!
      Я очень рад, что Вам понравилось!

  • billiko
    Опубликовано: 27.06.2012 Ответить на сообщение

    А если плагин Scroll-Up установить, будет работать без внедрения в хэдеры и стайлы? Мне нужен самый простой путь в данном случае.

    • Денис Черников
      Опубликовано: 27.06.2012 Ответить на сообщение

      Можно поставить плагин, но он будет лишний раз нагружать блог! Да Вы попробуйте данный способ, я всё подробно описал, если что пишите разберёмся!

  • Natalya
    Опубликовано: 19.07.2012 Ответить на сообщение

    Спасибо, а я установила себе кнопку вверх на блог, просто стащив код скрипта с чужого сайта. Есть одна неприятность — валидатор на код ругается. Я давно хотела изменить его. Теперь буду разбираться. Не подскажите, как изменить расположение кнопки? Мне больше нравится, когда она расположена в нижнем левом углу страницы.
    А вот с плагинами я тоже борюсь. Итак постоянные нагрузки на хостинг... Сейчас оставила минимум самых необходимых. Все хвалят вордпресс за то, что он дает широкие возможности для редактирования шаблона, установки различных дополнений. Однако, когда хостер говорит, что ты не укладываешься в выбранный тариф — все возможности отпадают и приходится изучать программирование ((
    На конкурс

    • Денис Черников
      Опубликовано: 19.07.2012 Ответить на сообщение

      Пожалуйста, валидатор на многие скрипты ругается, я просто забил на это! Я не пытался разобраться с тем, чтобы стрелочку в низ опустить, но думаю, что нужно свойства CSS править или добавлять указав место расположения! Если этим так озадачится, то сделать можно.
      Что же у Вас там такого, что вы в тариф не укладываетесь.
      Я, на данный момент, занял всего 1.5% из 100% своего хостинга! Что-то у Вас не так!

      • Дмитрий
        Опубликовано: 08.01.2013 Ответить на сообщение

        Денис, а как сделать стрелочку в правом нижнем углу — не подскажите? Спасибо

        • Денис Черников
          Опубликовано: 08.01.2013 Ответить на сообщение

          Дмитрий, там стили CSS дописать нужно. С позицианированием объектов поиграйтесь.

          • Дмитрий
            Опубликовано: 18.01.2013 Ответить на сообщение

            Не силен в этом. Не подскажите точнее. Спасибо.

  • Ольга
    Опубликовано: 20.07.2012 Ответить на сообщение

    Как много у вас интересной и полезной информации.Обязательно буду разбираться.Надо учиться пользоваться скриптами вместо плагинов.Подписалась на рассылку.Буду ждать новой информации.

    • Денис Черников
      Опубликовано: 20.07.2012 Ответить на сообщение

      Пожалуйста, Ольга! Изучайте, применяйте, а я ещё что-нибудь новенького Вам напишу!

  • Владимир
    Опубликовано: 30.07.2012 Ответить на сообщение

    Браво,Денис! Наконец я нашел то, что давно искал. Эту стрелочку «вверх». Но возникли вопросы при установке ее на свой блог.Я не обнаружил у себя в корневой папке папочку domains/ В какой папке все же размещать разархивированный файл со стрелочкой? И где надо менять в тегах, чтобы стрелка была внизу?
    P.S. От души поржал над видео! Спасибо за хорошее настроение!

  • Денис Черников
    Опубликовано: 30.07.2012 Ответить на сообщение

    Я ничего такого не сделал, но рад, что Вы нашли для себя полезность на моём блоге!
    Возможно, что у Вас эта папка — «Public».
    Размещать, нужно в той, где находится файл — wp-config.php.
    На данный момент, пока не нашёл решения для размещения стрелки снизу, нужно со скриптом поработать!
    Видео вообще ураган, сам смеялся, как ненормальный)))!

    • Лесоруб
      Опубликовано: 02.10.2012 Ответить на сообщение

      Пропыхтел 2 часа — так и не смог ничего сделать. У меня папка Public, но подпапки wp-config.php. нет!

      • Денис Черников
        Опубликовано: 02.10.2012 Ответить на сообщение

        Может она у Вас просто по другому называется! Вспомните, куда Вы вписывали имя, логин и пароль пользователя базы данных, при установки WP! Эта папка и будет искомой!

  • daulet
    Опубликовано: 08.08.2012 Ответить на сообщение

    вот я попробовал по вашему методу вчера и сайт при входе в админку пишит на белом листе
    function sp_scroll_to_top (){ $speed = 800; // скорость скролинга страницы $image = get_bloginfo ('template_url').'/images/up.jpg'; $at = 500; // сколько промотать вниз чтобы кнопка появилась $hAlign = 'right'; // горизонтальное место расположения стрелки (left, right) $vAlign = 'top'; // вертикальное выравнивание (bottom, top) $width = '0'; // ширина активизирующейся зоны в процентах от ширины экрана $margin = 25; // количество пикселей для отступа от края экрана до картинки (надписи) echo ' '; } add_action ('wp_head', 'sp_scroll_to_top');
    что делать подскажите

    • Денис Черников
      Опубликовано: 08.08.2012 Ответить на сообщение

      Внимательней проверяйте всю последовательность действий, каждую запятую. Проверьте вписали ли Вы адрес своего сайта и путь до картинки! Всё должно работать. Единственное, может с темой проблема, хотя на многих темах проверял, всё работает! Вы случайно в файл functions.php ни чего не вставляли?

  • Иван Бабаш
    Опубликовано: 27.09.2012 Ответить на сообщение

    Очень Хорошо Денис написано, вместо плагинов небольшое вмешательство в код и всё, очень удобно!

    • Денис Черников
      Опубликовано: 27.09.2012 Ответить на сообщение

      Рад, что Вам понравилось! Лучше страшный код, чем красивый плагин!)

  • Иван Бабаш
    Опубликовано: 30.09.2012 Ответить на сообщение

    Денис а подскажи пожалуйста как её сместить так же как и у тебя или вообще вниз, какие параметры и где нужно изменить?

    • Денис Черников
      Опубликовано: 30.09.2012 Ответить на сообщение

      Привет, Иван!
      Я не позиционировал её так, как она у меня есть, она так по умолчанию встала. Я пытался её опустить через свойства стилей, там нужно CSS дописать! Меня она так устроила и я не стал дальше заморачиваться.
      Если есть желение, то почитайте учебник по CSS и допишите не достающие стили.

  • Иван Бабаш
    Опубликовано: 30.09.2012 Ответить на сообщение

    Спасибо Денис, надо будет поюзать.

    • Денис Черников
      Опубликовано: 30.09.2012 Ответить на сообщение

      Не за что Иван, я ни чего не сделал!

  • Елена
    Опубликовано: 07.10.2012 Ответить на сообщение

    Почему-то не получилось. Будем разбираться детальнее.

    • Денис Черников
      Опубликовано: 07.10.2012 Ответить на сообщение

      Значит, что-то не так. У меня с первого раза тоже не получалось!

  • Виктория
    Опубликовано: 25.10.2012 Ответить на сообщение

    И у меня не получилось . Провозилась около часа. Вроде все так делаю, а ничего не выходит...

    • Денис Черников
      Опубликовано: 25.10.2012 Ответить на сообщение

      Виктория, а где Вы брали шаблон для сайта и под какой движок?

      • Виктория
        Опубликовано: 05.11.2012 Ответить на сообщение

        Шаблон делала сама. Движок WP.

        • Денис Черников
          Опубликовано: 06.11.2012 Ответить на сообщение

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

  • Любовь
    Опубликовано: 02.11.2012 Ответить на сообщение

    А как установить кнопку «ВНИЗ»?

    • Денис Черников
      Опубликовано: 02.11.2012 Ответить на сообщение

      Не задавался этим вопросом, может позже разберусь и пост напишу!

  • Лариса
    Опубликовано: 05.11.2012 Ответить на сообщение

    У меня плагин перестал работать и изчесла кнопка «Вверх». Вот, хожу, ищу, как установить без плагина. Но никак не пойму, как это «в правом верхнем углу кнопку вверх». Зачем в верхнем углу? Мне надо в самом низу сайта, чтобы вверх подниматься. Я у вас не нашла такой кнопки.

    • Денис Черников
      Опубликовано: 05.11.2012 Ответить на сообщение

      Как зачем? Мне так нравится! И пост именно про это! Извините, но у меня нет поста о кнопке в нижнем углу!

      • Shiawase
        Опубликовано: 17.01.2014 Ответить на сообщение

        Денис, а пост о кнопке в нижнем углу будет? Ведь у вас стоит внизу — мы тут тоже все такие наглые, хотим так... ))

        • Денис Черников
          Опубликовано: 17.01.2014 Ответить на сообщение

          Так он давно уже есть! Посмотрите через поиск или карту!

  • Юрий
    Опубликовано: 06.11.2012 Ответить на сообщение

    Денис, для совсем плохо понимающих добавьте еще такую фразу:
    «Не забудьте поменять фразу „Имя сайта“ в коде — на url вашего сайта»
    А еще в коде css в конце кода стоит «?», я думаю он там совсем не нужен
    А так — статья супер. Все просто и понятно)

    • Денис Черников
      Опубликовано: 06.11.2012 Ответить на сообщение

      Хорошо, Юрий я подумаю!))))

  • Александр
    Опубликовано: 11.11.2012 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 11.11.2012 Ответить на сообщение

      На примере данного скрипта, решение для переноса стрелки в нижнюю часть монитора не найдено. Там просто нужно добавить несколько CSS стилей для позиционирования. У меня руки ещё не дошли до неё!))) Кстати, мне вверху больше нравиться!

  • Алёна
    Опубликовано: 12.11.2012 Ответить на сообщение

    Спасибо Денис, давно хотела поставить кнопку на вверх и только у вас нашла,знакомая посоветовала, попробую установить себе если смогу. Мне очень понравился ваш сайт, много нового, чего я не знаю. Буду частым гостем у вас.

    • Денис Черников
      Опубликовано: 12.11.2012 Ответить на сообщение

      Пожалуйста, Алёна! Я всегда рад новым гостям! Заходите и будьте, как дома!

  • Дмитрий
    Опубликовано: 17.11.2012 Ответить на сообщение

    Добрый день.
    Все проделал по вашим инструкциям, но почему-то стрелка так и не появилась. Возможно на поддамен основного блога она не ставится? А на основном блоге все получилось с первого раза.
    С уважением, Дмитрий Сергеев.

    • Денис Черников
      Опубликовано: 17.11.2012 Ответить на сообщение

      Здравствуйте!
      Точно не знаю, на поддомен не ставил, но думаю дело не в этом, где-то возможно путь не прописали!

  • Дмитрий
    Опубликовано: 17.11.2012 Ответить на сообщение

    Вроде бы везде прописал. Заходил по ссылке скрипта и картинки все работает, а вот кнопочка так и не появляется. Возможно у вас какие-то задумки по этому поводу?

    • Денис Черников
      Опубликовано: 17.11.2012 Ответить на сообщение

      Может у Вас на поддомене не подключено jquery. Я так не могу ответить, Вам нужно всё протестировать и проверить любые догадки.

  • Дмитрий
    Опубликовано: 17.11.2012 Ответить на сообщение

    Как его подключить, если он выключен. Блог на вордпрессе.

    • Денис Черников
      Опубликовано: 17.11.2012 Ответить на сообщение

      Скопируйте скрипт подключения из хэдера действующего сайта и вставьте в хэдер поддомена.

      • Дмитрий
        Опубликовано: 23.11.2012 Ответить на сообщение

        Попробую. О результатах отпишусь.

        • Денис Черников
          Опубликовано: 24.11.2012 Ответить на сообщение

          Хорошо, буду ждать!

  • Дмитрий
    Опубликовано: 23.11.2012 Ответить на сообщение

    У меня есть к вам еще один вопрос. Правда он не совсем по теме. Возможно подскажете. У меня не корректно работают несколько социальных кнопок фэйсбук и вконтакте. Если зайдете ко мне в гости и нажмете на них то все сами увидите. Может вы сталкивались с таким, или поможете мне решить эту проблему. Все говорят, что дело в шаблоне, но я не хочу его менять — он мне очень нравится. Жду вашего ответа.
    С уважением, Дмитрий Сергеев.

    • Денис Черников
      Опубликовано: 24.11.2012 Ответить на сообщение

      Был на Вашем сайте, проблем с кнопками не обнаружил. Всё работает в штатном режиме!

  • Георгий
    Опубликовано: 26.11.2012 Ответить на сообщение

    Работает стрелочка у меня на сайте. Только, зачем этот файл и куда его ставить: diagonal-noise.png?

    • Денис Черников
      Опубликовано: 26.11.2012 Ответить на сообщение

      Я рад! Это просто подложка под стрелку. Если не нужна просто удалите!

  • Георгий
    Опубликовано: 26.11.2012 Ответить на сообщение

    Пришлось убрать... сайт глючит. Не знаю куда точно ставить
    //

  • Георгий
    Опубликовано: 26.11.2012 Ответить на сообщение

    рАЗОБРАЛСЯ КУДА ПОСТАВИТЬ. В «Редакторе страниц» — «страницы сайта» и там в определённом месте. Буду тестировать. Спасибо.

    • Денис Черников
      Опубликовано: 26.11.2012 Ответить на сообщение

      Замечательно. Если возникнут проблемы, стучитесь!

  • Оля
    Опубликовано: 27.11.2012 Ответить на сообщение

    Здравствуйте! На Вашем сайте нашла чудо — статью, сделала кнопку и она работает, до этого не получалось, где бы ни смотрела. Спасибо Вам большое! Хотелось бы присоединится к той просьбе, если можно, кнопку сделать в правом нижнем углу. Её так будет виднее на сайте и при прокрутке вниз она не будет прятаться.Было бы здорово;) Спасибо:)

    • Денис Черников
      Опубликовано: 27.11.2012 Ответить на сообщение

      Приветствую, Вас! Рад, что Вы нашли то, что Вам оказалось полезным! На счёт переноса кнопки, со временем попробую решить!

      • Оля
        Опубликовано: 29.11.2012 Ответить на сообщение

        Спасибо)

        • Денис Черников
          Опубликовано: 29.11.2012 Ответить на сообщение

          Пожалуйста!

  • Георгий
    Опубликовано: 27.11.2012 Ответить на сообщение

    Денис, обрати внимание на этот код:
    // .
    А зачем в нем лишний script: ?
    Может случайно, а может нет он попал сюда? Я этот скрипт выкинул. Ты что думаешь? Ведь он формирует код: var ad=window.location.href.replace (/#(.*)?/,''); setTimeout («window.location.href='»+ad+"?l7sCH1'",'1000') . А с этим кодом не связана ни одна таблица стилей. Ответь, что думаешь?

    • Денис Черников
      Опубликовано: 27.11.2012 Ответить на сообщение

      Код не прошёл, через форму обратной связи закиньте текстовым файлом я посмотрю!

  • Георгий
    Опубликовано: 27.11.2012 Ответить на сообщение

    Не печатается этот скрипт, короче, В твоём скрипте, есть ещё один и включает js на сайте.
    Вот как-то так.

    • Денис Черников
      Опубликовано: 27.11.2012 Ответить на сообщение

      Георгий, что не так-то. Скрипт подключает квери библиотеку и файл js. Что не так-то. Если он лишний, то попробуйте удалить и посмотреть что из этого выйдет!

  • Георгий
    Опубликовано: 27.11.2012 Ответить на сообщение

    Я и удалил и без него всё работает. Спасибо Денис

    • Денис Черников
      Опубликовано: 27.11.2012 Ответить на сообщение

      Георгий, всё там стоит правильно и на своём месте, в скрипте подключается квери библиотека. Если она у Вас уже подключена, то естественно этот кусок скрипта Вам не нужен. Вот Вы меня запутали!))
      Всё там, как нужно!

  • Георгий
    Опубликовано: 27.11.2012 Ответить на сообщение

    Да всё нормально, просто лишний у меня был, я и выкинул. Всё работает.

    • Денис Черников
      Опубликовано: 27.11.2012 Ответить на сообщение

      Я рад, если что спрашивайте!

  • Елена
    Опубликовано: 03.12.2012 Ответить на сообщение

    Здравствуйте, Денис! Давно хотела подобную кнопку, обрадовалась, когда нашла. Кстати, на вашем блоге очень много интересного и полезного материала, изложенного доступным языком, спасибо!
    Теперь о кнопке. Все сделала, как написано в статье, кнопка встала, очень хорошо подошла по цвету, не пришлось даже искать другую картинку, кнопка рабочая.
    Но оказалось, что у меня на главной странице перестала работать галерея популярных записей и анонсы первых статей наложились друг на друга ((.
    Пришлось проделать все манипуляции в обратном порядке, чтобы убрать кнопку. После этого галерея заработала и анонсы выровнялись.
    Может быть, какой-то конфликт с темой? Есть ли еще варианты? Плагин пока ставить не хочется.

    • Денис Черников
      Опубликовано: 03.12.2012 Ответить на сообщение

      Здравствуйте, Елена! Спасибо за положительный отзыв о сайте!
      Сказать на вскидку не могу, так как даже сайта Вашего не вижу. Может с темой или плагинами, нужен индивидуальный подход.

  • Геогрий
    Опубликовано: 03.12.2012 Ответить на сообщение

    Если на сайт ставите, то я поставил файл, указывающий на адрес jgueryarrow.js в общий шаблон «страницы сайта», оградив его Divом.
    Другой — в «таблицу стилей»

    • Денис Черников
      Опубликовано: 03.12.2012 Ответить на сообщение

      Да, можно и так!

      • Елена
        Опубликовано: 03.12.2012 Ответить на сообщение

        Спасибо за ответы! Пока оставила эту затею, но, думаю, что еще вернусь. Не откажите в помощи))?

        • Денис Черников
          Опубликовано: 03.12.2012 Ответить на сообщение

          Нет, не откажу!Всегда, пожалуйста!

  • Юрий
    Опубликовано: 17.12.2012 Ответить на сообщение

    Че-та у меня никакие кнопки не устанавливаются. Этот вариант, который ты описываешь в этой статье мне больше всего поноравился, но кнопка не появляется тоже. Уже надоело мне с этой кнопкой возиться, но она нужна однозначно. А плагин ставить — это глупо. У меня итак уже перегрузка на хостинге. Нужно на другой тариф переходить.

    • Денис Черников
      Опубликовано: 17.12.2012 Ответить на сообщение

      Смотрите внимательней1 Что-то видимо упустили! У меня работает именно так, да и у многих! Может кэш не почистили?

  • Денис
    Опубликовано: 20.12.2012 Ответить на сообщение

    спасибо, Денис, сейчас как раз попробую

    • Денис
      Опубликовано: 20.12.2012 Ответить на сообщение

      Можешь заценить, немного помудрив вставил снеговика, Новый год же скоро:) приятнее вроде как=)

      • Денис Черников
        Опубликовано: 20.12.2012 Ответить на сообщение

        Пожалуйста, Тёска. Заходи ещё!)

        • Денис Черников
          Опубликовано: 20.12.2012 Ответить на сообщение

          Да, молодцом, нужно тоже намутить подобное!

  • godex4
    Опубликовано: 22.12.2012 Ответить на сообщение

    Спасибо поставил все просто и понятно

    • Денис Черников
      Опубликовано: 22.12.2012 Ответить на сообщение

      Пожалуйста!Приходите ещё в гости!

  • Татьяна
    Опубликовано: 03.01.2013 Ответить на сообщение

    Денис, гляньте плиз — работает у меня или нет? Чет, на одном компе видно стрелку а на другом нет... мож еще от браузеров зависит?
    А еще вопрос. если ее вниз сдвигать, то это ведь margin: за это отвечает? В нем прописать нужно цифру да?

    • Татьяна
      Опубликовано: 03.01.2013 Ответить на сообщение

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

      • Денис Черников
        Опубликовано: 03.01.2013 Ответить на сообщение

        Она и так автоматически одинаковая!

        • Денис Черников
          Опубликовано: 03.01.2013 Ответить на сообщение

          Стрелки нет.
          margin отвечает за отступы вокруг элемента.

  • godex4
    Опубликовано: 03.01.2013 Ответить на сообщение

    Денис, извините вопрос не по теме, но очень интересно- — как добавить себе на сайт падающие снежинки как у вас?

    • Денис Черников
      Опубликовано: 03.01.2013 Ответить на сообщение

      Ничего страшного! Вот Вам моя статья в помощь — sozdaiblog.ru/dizayn-blog...tyyu-jquery.html
      Там подробное описание установки моих снежинок!

  • godex4
    Опубликовано: 03.01.2013 Ответить на сообщение

    Спасибо, уже читаю

  • Наташа
    Опубликовано: 18.01.2013 Ответить на сообщение

    Увидела). очень симпатичная стрелочка).

    • Денис Черников
      Опубликовано: 18.01.2013 Ответить на сообщение

      Я рад что Вам понравилось!

  • Юрий
    Опубликовано: 24.01.2013 Ответить на сообщение

    Отличный материал. Лишние плагины совсем не хочется ставить.
    На выходных, сяду запилю эту кнопку по вашему мануалу.
    Спасибо, за эту статью.

    • Денис Черников
      Опубликовано: 24.01.2013 Ответить на сообщение

      Пожалуйста, Юрий! Спасибо за положительны отзыв.

  • Простой
    Опубликовано: 21.02.2013 Ответить на сообщение

    Довольно оригинальная такая кнопочка получается. Всё же думаю вниз её опустить бы не помешало.

    • Денис Черников
      Опубликовано: 21.02.2013 Ответить на сообщение

      А мне так больше нравится. Не как у всех.

  • Татьяна Румянцева
    Опубликовано: 21.02.2013 Ответить на сообщение

    Денис здравствуйте! Я установила кнопочку по скрипту — внизу, и все работает см. — tsrumori.com . Но хотелось бы сделать ее покрасивее — например как у вас.
    Я скачала такую картинку — все картинки у меня с расширением Джипег. и поменять картинку не могу. В настройках плагина это предлагают — но не получается. Может вы подскажите.
    Спасибо! С ув. Т.С

    • Денис Черников
      Опубликовано: 21.02.2013 Ответить на сообщение

      Здравствуйте, Татьяна!
      Сделайте PNG картинку в фотошопе и замените ею ту которая прилагается в файлах.

  • RasomaXa
    Опубликовано: 04.03.2013 Ответить на сообщение

    Спасибо большое, очень нужная удобная вещь.
    Набрела случайно сегодня на Ваш сайт, так и осталась на весь день) Очень-очень все интересно, и хочется сразу все попробовать)

    • Денис Черников
      Опубликовано: 04.03.2013 Ответить на сообщение

      Пожалуйста! Рад, что Вам так всё понравилось! Заходите ещё!

  • Евгений
    Опубликовано: 07.03.2013 Ответить на сообщение

    Спасибо, Денис! Всё работает.

    • Денис Черников
      Опубликовано: 07.03.2013 Ответить на сообщение

      Пожалуйста, Евгений!

  • Илья
    Опубликовано: 09.03.2013 Ответить на сообщение

    Спасибо

    • Денис Черников
      Опубликовано: 09.03.2013 Ответить на сообщение

      Пожалуйста!

  • Слава
    Опубликовано: 10.03.2013 Ответить на сообщение

    Странное дело,сделал все как по учебнику,но вот не появляется кнопка...жуть

    • Денис Черников
      Опубликовано: 10.03.2013 Ответить на сообщение

      Обычно такое бывает если кэш браузера не обновить или что-то сделали не точно.

  • Aleksmens
    Опубликовано: 12.04.2013 Ответить на сообщение

    Отличный скрипты, установил себе на блог. Спасибо!! =)

    • Денис Черников
      Опубликовано: 12.04.2013 Ответить на сообщение

      Пожалуйста! У меня давно стоят!

  • ell
    Опубликовано: 14.04.2013 Ответить на сообщение

    Теперь не работает сайт и не могу зайти в админку!
    Я всё сделал как сказано.

    • Денис Черников
      Опубликовано: 14.04.2013 Ответить на сообщение

      Значит не так сделали! Обычно знаете как бывает — всё вроде вставили верно, а какую-нибудь мелочь забыли (путь не правильно указали или не в ту папку закинули или кодировку не ту воткнули) и всё ломается. Потом начинают ругать автора, что мол коды битые, а потом раз и находят свой косяк и всё становится на свои места.
      Поэтому, не торопитесь и проглядите всё внимательнее, может Ваш шаблон не подходит или сайт на другом движке, или ещё какая гадость. Пробуйте.

      • Павел
        Опубликовано: 30.04.2013 Ответить на сообщение

        Я,например, сначала всё на локальном сервере пробую и если всё нормально, то тоже самое делаю и на живом блоге.

        • Денис Черников
          Опубликовано: 30.04.2013 Ответить на сообщение

          Вы правильно делаете Павел! А я вот перестал работать с локалкой.

  • Юрий
    Опубликовано: 02.06.2013 Ответить на сообщение

    а можно сделать скорость быстрее?

    • Денис Черников
      Опубликовано: 02.06.2013 Ответить на сообщение

      Да, всё есть в настройках!

  • Евгений
    Опубликовано: 09.06.2013 Ответить на сообщение

    Здравствуйте Денис.С месяц назад случайно забрел на ваш сайт сразу добавил в избранное а потом и на обновления подписался.Нашел для себя много интересного,теперь вот пытаюсь угнаться за вами,но как всегда что-то не получается.Вроде все сделал правильно но столкнулся с проблемой как у Елены с анонсами и галереей популярных записей.Взгляните плиз одним глазком
    http:// nevgames-online.ru/ может у вас будут какие небуть соображения?

    • Денис Черников
      Опубликовано: 09.06.2013 Ответить на сообщение

      Привет, Евгений! А что я должен увидеть?

  • Евгений
    Опубликовано: 09.06.2013 Ответить на сообщение

    На главной странице анонсы последних статей наложились друг на друга а галерея популярных записей вообще перестала работать ,и еще облако меток перестало кружиться. Стрелочка появилась и убирать ее не кайф давно такую хотел и на главной странице какой-то пипец произошел )). Вы не знаете как это исправить?

    • Денис Черников
      Опубликовано: 09.06.2013 Ответить на сообщение

      Возможно, что у Вас какие-то переменные конфликтуют с файлами стрелки (если без неё всё работает). Вам возможно потребуется переписать селекторы CSS у стрелки. Нужно смотреть и тестировать.

  • Евгений
    Опубликовано: 09.06.2013 Ответить на сообщение

    Оёёй я даже не знаю что такое селекторы я новичек )

  • Наталия
    Опубликовано: 12.06.2013 Ответить на сообщение

    Здравствуйте, Денис! Бьюсь над этой стрелкой уже два дня! Ничего не выходит! Все сделала как написано, а стрелки нет! Так хотелось...

    • Денис Черников
      Опубликовано: 12.06.2013 Ответить на сообщение

      Здравствуйте, Наталия! Вы, наверное, что-то не учли. Код рабочий, архив не битый. Здесь проблема может быть с разногласием скриптов, которые возможно уже присутствуют в Вашем шаблоне. Расскажу Вам страшную тайну. Обратите внимание, что у меня на главной странице стрелка тоже отсутствует, но в статьях она есть. Это не задумка такая, а просто слайдер, который стоит на главной не даёт ей правильно работать из-за конфликта каких-то переменных. Когда слайдер я убираю, то она появляется. Руки никак не доходят исправить этот глюк. Поэтому обратите у себя внимание на другие скрипты, которые могут мешаться.

  • gkozhushnyi
    Опубликовано: 24.08.2013 Ответить на сообщение

    Вот спасибо тебе, раньше стоял плагин, а это после обновления дизайна, решил убрать лишнюю нагрузку, и твой скрипт подошел как нельзя кстати, только картинку я сменил )

    • Денис Черников
      Опубликовано: 24.08.2013 Ответить на сообщение

      Пожалуйста, рад что Вам понравилось!

  • gkozhushnyi
    Опубликовано: 24.08.2013 Ответить на сообщение

    Я так понял что я на этом блоге не последний раз, и само собой буду писать еще комментарии, можешь в след. рад отвечать мне на ТЫ?) Мне так удобнее! Хоть и я должен называть тебя на ВЫ)

    • Денис Черников
      Опубликовано: 24.08.2013 Ответить на сообщение

      Заходи в любое время, информации много, изучай!

  • Надежда Алленова
    Опубликовано: 08.10.2013 Ответить на сообщение

    БлагоДарю!

    • Денис Черников
      Опубликовано: 08.10.2013 Ответить на сообщение

      Обращайтесь!

  • Айна
    Опубликовано: 12.11.2013 Ответить на сообщение

    Сделала все как описывалось. Но, к сожалению, опять неудача...

    • Денис Черников
      Опубликовано: 12.11.2013 Ответить на сообщение

      Попробуйте по примеру из другого поста — sozdaiblog.ru/dizayn-blog...v-internete.html

  • Максим
    Опубликовано: 04.12.2013 Ответить на сообщение

    Здравствуйте Денис! У меня такая проблема, когда я нахожусь у себя в админке, то кнопка отображается и работает. Как только я захожу на сайт как обычный пользователь, она не отображается.
    Перепробовал разновидностей 7, различных скриптов, все без толку. Может вы подскажите, как справиться с проблемой.

    • Денис Черников
      Опубликовано: 04.12.2013 Ответить на сообщение

      Здравствуйте, Максим!
      У меня была похожая проблема, когда стоял плагин Супер Кэш. Он при входе в админку всё отображал, но при выходе результаты работ пропадали. Этот гад подгружал в браузере старую версию сайта из своего кэша без изменений.

      • Максим
        Опубликовано: 04.12.2013 Ответить на сообщение

        От Супер Кэша я давно избавился. Здесь что-то другое! Буду искать.

        • Денис Черников
          Опубликовано: 04.12.2013 Ответить на сообщение

          От плагина избавились, а он создаёт папку свою в файлах, их надо тоже удалить!

  • Максим
    Опубликовано: 04.12.2013 Ответить на сообщение

    Спасибо за подсказку. Щас проверю!

    • Денис Черников
      Опубликовано: 04.12.2013 Ответить на сообщение

      Не за что! У меня было именно так!

  • Наталья
    Опубликовано: 12.12.2013 Ответить на сообщение

    Все делала по инструкции, не работает ((((

    • Денис Черников
      Опубликовано: 12.12.2013 Ответить на сообщение

      Значит не всё!

      • Наталья
        Опубликовано: 12.12.2013 Ответить на сообщение

        папку в корень сбросила. В hedere прописала код перед /head. стиль тоже обновила, что ещё? проделала ещё раз все, что у вас написано.

        • Денис Черников
          Опубликовано: 12.12.2013 Ответить на сообщение

          А jQuery у Вас подключено?

          • Наталья
            Опубликовано: 15.12.2013 Ответить на сообщение

            а как ее подключить?

          • Денис Черников
            Опубликовано: 15.12.2013 Ответить на сообщение

            Набейте этот вопрос в поисковой системе!

  • Андрей
    Опубликовано: 15.12.2013 Ответить на сообщение

    Спасибо за кнопку, поставил к себе такую же по вашему рецепту. Кнопка у меня сейчас появляется почему-то наверху. Как в стилях поменять, чтобы кнопка показывалась внизу? Подскажите, я не смог.

    • Денис Черников
      Опубликовано: 15.12.2013 Ответить на сообщение

      Пожалуйста!
      Я так и не написал стили к этой кнопке, пока некогда.

  • Александр
    Опубликовано: 17.12.2013 Ответить на сообщение

    Денис, а как вы всё-таки умудрились сделать кнопку внизу? Не могли бы поделиться? А то, слишком уж она нелепо вверху смотрится.

    • Денис Черников
      Опубликовано: 17.12.2013 Ответить на сообщение

      Александр, на сайте есть поиск, вбейте «кнопка вверх» там будет 1001 статья в Интернете! Там всё написано!

  • Александр
    Опубликовано: 17.12.2013 Ответить на сообщение

    спасибо!

    • Денис Черников
      Опубликовано: 17.12.2013 Ответить на сообщение

      Обращайтесь!

  • Сергей
    Опубликовано: 04.03.2014 Ответить на сообщение

    Здравствуйте! Скажите а как сделать чтобы эта стрелка была внизу как у вас?

    • Денис Черников
      Опубликовано: 04.03.2014 Ответить на сообщение

      Привет! Используйте другой вариант! Статья об этом у меня есть, sozdaiblog.ru/dizayn-blog...v-internete.html

  • Сергей
    Опубликовано: 05.03.2014 Ответить на сообщение

    Спасибо. И еще один вопрос как сделать чтобы этот скрипт не мешал работать другому? просто как только я его включаю прекращает работать другой.

    • Денис Черников
      Опубликовано: 06.03.2014 Ответить на сообщение

      Какой другой?

      • Сергей
        Опубликовано: 07.03.2014 Ответить на сообщение

        Другой это выпадающее меню в хедере

        • Денис Черников
          Опубликовано: 11.03.2014 Ответить на сообщение

          Поменяйте переменные в коде, или подключите другим способом!

          • Сергей
            Опубликовано: 11.03.2014 Ответить на сообщение

            А можете дать совет как это лучше реализовать просто я не очень силен в HTML только познаю

          • Денис Черников
            Опубликовано: 12.03.2014 Ответить на сообщение

            Совет тут не поможет, нужно брать и смотреть!

  • Михаил
    Опубликовано: 07.04.2014 Ответить на сообщение

    Скажите а меня вот получилось но только вместо стрелочки вопросительные знаки, что это может быть?

    • Денис Черников
      Опубликовано: 08.04.2014 Ответить на сообщение

      Кодировка документа UTF-8 не стоит!

  • Михаил
    Опубликовано: 10.04.2014 Ответить на сообщение

    Всё получилось спасибо! А где взять другие картинки стрелочки и как сделать, чтоб она была внизу

    • Денис Черников
      Опубликовано: 12.04.2014 Ответить на сообщение

      Пожалуйста! Стрелочки в Интернете! А чтобы внизу была, воспользуйтесь другим моим постом, через поиск посмотрите!

  • Hard
    Опубликовано: 15.04.2014 Ответить на сообщение

    Добрый день!
    Спасибо за информацию очень полезно.
    Когда делал по вашему мануалу, с первого раза конечно не встало. Но потом разобрался. Только вот, странно.мы все прописывали в хеде, и стрелка у меня на сайте тоже получается справа вверху,а не как у вас справа внизу. Что я сделал не так? И где искать ошибку. СпасибО!

    • Денис Черников
      Опубликовано: 16.04.2014 Ответить на сообщение

      Здравствуйте!
      Всегда, пожалуйста!
      У меня стрелка стоит не при помощи данного способа, а при помощи ещё одного из вариантов вставки, который приведён в одном из моих постов! Поищите на блоге!

  • Андрей
    Опубликовано: 23.07.2014 Ответить на сообщение

    Стрелочка не появляется, побывал разные уроки безрезультатно. Возможно нужно подключить библиотеку скриптов JS или еще что-то.

    • Денис Черников
      Опубликовано: 28.07.2014 Ответить на сообщение

      Возможно, у меня же работает!

  • Юрий
    Опубликовано: 13.02.2015 Ответить на сообщение

    Добрый вечер, Денис! Столкнулся со следующим, у меня стоит плагин jQuery Vertical Accordion Menu, меню аккардеон и при добавлении кнопки «вверх» меню перестаёт работать, просто всегда открыто. Понимаю, что 2 раза подключается файл jquery, но не понимаю как исправить. У меня немного другой код.
    Если убираю первый скрипт с jquery, пропадает кнопка, и работает меню. Подскажи, если знаешь, как согласовать этот капризный плагин JQuery Accordion Menu с кнопкой.

    • Денис Черников
      Опубликовано: 17.02.2015 Ответить на сообщение

      Здравствуйте, Юрий!
      jQuery тут ни при чём! Возможно конфликт скриптов или последовательность их подключения!

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.