среда, 26 февраля 2014 г.

Кнопки Вниз и Наверх. Поиск по блогу

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

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


Наверх

Вниз

А вот и коды для кнопок:

Кнопка "Наверх"
<a rel="nofollow" style="display:scroll;position:fixed;bottom:50px;right:5px;" href="#" title="наверх">
<img border="0" alt="Наверх"  src = "ССЫЛКА НА ИЗОБРАЖЕНИЕ"/></a>



Кнопка "Вниз"
<a rel="nofollow" style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#footer-1" title="вниз">
<img border="0" alt="Вниз"  src = "
ССЫЛКА НА ИЗОБРАЖЕНИЕ"/></a>

Для поиска я в код вставила ссылку на эту картинку из веб-альбома. Этот элемент у меня в шапке блога есть. Ее я не уменьшала, так как в коде этого гаджета можно задать размер кнопки.


Поиск по блогу
<form action="/search" method="get" target="_blank"> 
    <input id="form-query" name="q" placeholder="Поиск по блогу..." value="" /> <input height="25" src="
ССЫЛКА НА ИЗОБРАЖЕНИЕ" style="padding: 0; vertical-align: bottom;" type="image" width="25" /></form>

Важно! Ссылка на изображение должна заканчиваться на ".png"
Мои изображения для этого я загрузила в веб-альбом Picasa для блога.
Кстати, там же можно почистить блог от ненужных изображений, например, от старых конфеток.

Вам желаю перемен к лучшему! =)

Комментариев нет:

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

Вам было интересно? Напишите об этом! Мне Приятны Ваши комментарии =)