Как сделать баннер-картинку или рамочку для блога(сайта)

Дизайн и оформление | Четверг, 24 Сен 2009 19:49 | Отзывов (4)

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

Делаем рамочку так.Перед нами рамочка уже готовая с кодом для вставки:

ВАШ

Т Е К С Т

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

 (670x201, 25Kb)

1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 — http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150×90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width=»100% — это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.

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

Сделать картинку или текст по центру

Справа и слева загружайте как обычно с указанием направления.

Теперь попробую объяснить, как сделать картинку баннер со ссылкой на Ваш блог или сайт.

В таблице:

1 2

1-ая картинка является просто рисунком, из неё мы будем делать баннер.

2-ая картинка уже является баннером ведущим на мой блог

Перед нами код баннера который находится под 2-ой картинкой, где
1. Это адрес (ссылка) блога – меняйте на свой
2. Это ссылка на местоположение картинки в сети – меняете адрес на нужную Вам картинку.
3. Это код который позволяет открывать Ваш сайт(блог) в отдельной вкладке, если его убрать, то откроется прямо на этой странице.

Вот и всё. Если что-то осталось не понятно пишите в комментах, попробую объяснить подробней. (100x120, 14Kb)

Отзывов: 4 »

  1. Отзыв от Артур — 18 мая 2010 в 21:47

    У меня вопрос — как сделать рамку для кода, которая у вас идет сразу после деревянной? вот такую же маленькую и с бегунком?

  2. Отзыв от vector — 19 мая 2010 в 11:13

    не очень понял вопрос =) лучше стукни в асю в контактах =)

  3. Отзыв от Вера — 11 февраля 2012 в 0:22

    Доброго времени суток,Алексей.!!!
    Мне очень понравилась такая рамочка. Сама пока делать не умею.фотошопом не владею…Я хотела на блоги МАЙЛ.РУ…Но почему то она не встаёт,очень маленькая,внутри остаток букв…А цвет ВАЩЕ не появляеться,очень расстроилась :(
    Будьте так любезны,подскажите,что не так делаю?
    Заранее благодарна Вера…))) =)

  4. Отзыв от vector — 11 февраля 2012 в 23:03

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

RSS-лента. Адрес для трекбека

Ваш отзыв