Рамка и иконка для постового

Добавил Tokito | Опубликовано в Дизайн | Дата: 05-08-2011 |

Не секрет, что каждый вебмастер, ведущий свой блог, зарабатывает на нем, размещая постовые и продавая места под ссылки. Например я, всегда размещаю постовые под статьей под словом “Интересное:”. Это мне никогда не нравилось внешне, то есть выглядит оно как совсем не в тему. Я нашел решение. Точнее не я нашел, а один парень, с которым я менялся постовыми. Он разместил мой постовой и меня очень привлекло то, как это внешне выглядело. Я попросил его объяснить как он это сделал, он объяснил, а теперь я объясню вам. Кстати, вот блог этого человека.

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

Для начала вам нужно добавить пару строчек в файл шаблона style.css. Этот файл находится в папке с вашим шаблоном. Код, который нужно добавить, выглядит следующим образом:

p.tokito {
padding: 15px 0px 15px 45px;
border: 1px solid #ffffff;
background: url(images/tokito.gif) no-repeat 5px center #ffffff;
}

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

  1. Первая строчка “p.tokito” – это название вашего класса. Вместо слова “tokito” должно быть какое-то ваше слово. Размещая в дальнейшем постовые вам нужно будет указывать это слово.
  2. Вторая строчка, это судя по всему размер иконки.
  3. В третье строчке вы описываете рамка вокруг постового. 1px – это толщина рамки, а solid – это цвет рамки.
  4. В последней строчке вы указываете где находится картинка иконки. В моем случае она находится в папке wp-content/themes/моя_тема/images. Так же тут указывается цвет фона постового.

Добавление иконки.
Иконки можно найти в интернете. Размер моих иконок – 30х30, формат gif. Вы можете поэкспериментировать с форматами, если хотите. В общем, уменьшайте картинку до размеров 30х30 (это можно сделать в любом редакторе, например в paint), давайте имя картинки (в моем случае tokito.gif) и загружайте эту картинку в папку wp-content/themes/моя_тема/images.

Написание постового.

В моем варианте код постового выглядит следующим образом:

<p class=”tokito”>тут пишите ваш постовой</p>

Вместо tokito должно быть ваше слово, которое вы указали в первой строчке в классах (описано выше).

У меня очень много сайтов и на все просто физически не хватает времени. Я заказываю услуги по продвижению сайта у профессиональных seo-студий, которые за деньги выводят мой сайт в топ по запросам, которые меня интересуют. Это и есть качественное продвижение сайта.

Похожие материалы:

Комментарии

Оставлено (3) комментариев в Рамка и иконка для постового

  1. Спасибо за своевременную и полезную информацию! Слышала, что “иконки” делают, но сама не знала каким образом.Спасибо,что просветили. :)

  2. У меня блог на движке WordPress. Для этого движка установила плагин “постовой”. А как устанавливать сами постовые не понятно. Нужно ли добавлять все эти годы, когда есть плагин?

  3. Не очень понял вопрос. Чтобы пользоваться плагином, на странице новой записи (или редактирования старой) снизу появляется окошко для постового, туда и надо его вводить.

Оставить комментарий

20.32MB | MySQL:47 | 0.205sec