Фиксирования кнопка «Акции» для блога


На блоге я публиковал Отгибающийся уголок на сайте – без плагина, но мне постоянно приходят письма с просьбой рассказать как я реализовал на нашем блоге кнопку «Акция» в правом верхнем углу.

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

1. Вставляем кнопку в шапку блога

Вставляем данный код в ваш шаблон, например в header.php

В коде надо вставить ссылку на страницу и указать ссылку на картинку с кнопкой.

2. Добавление стилей CSS для кнопки

Теперь добавляем в стили css свойства для нашей кнопки:

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

Вот и все, как ведите ничего сложного.


Понравился пост, подпишись на обновления

Понравилась статья? Получай свежие статьи первым по e-mail

[newsletter_signup_form id=0]

5 раз(а) написали о “Фиксирования кнопка «Акции» для блога

  1. Спасибо за урок, оказалось очень полезно к тому же не трудно! Спасибо!

    Ответить
  2. Придумано очень правильно. Техническая возможность позволяет а значит и кнопочку надо установить.

    Ответить
  3. Приветствую! Спасибо за подсказку, при необходимости воспользуюсь))

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

    Ответить
  5. Спасибо за урок! Надо будет только не кнопку акции, а кнопку «для новых читателей»!

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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