Как сделать свой баннер за 5 минут

Баннер – это рекламный блок, при щелчке по которому посетитель переходит на рекламируемый сайт. Это как бы ваш бренд, логопит. Да не важно.
Главное, что симпатично, удобно, и очень популярно в Интернете.
Стандартные размеры баннеров: 88х31; 100x100; 125x125; 120х120; 120х60; 468х60; ну у другие.

Делаем оригинальный баннер не владея никакими графическими программами
1.Заходим сюда - Создать баннер
2. Выбираем шаблон, пишем в окошке свои слова (на латинице), добавляем цветочки или сердечки ( маленькая кнопочка справа от окна ввода). Просматриваем, нажав PREVIEW. Понравилось? Сохранили на свой комп.
3. Отключаем расширенный редактор и загружаем картинку.(Или несколько)





4. Начинаем редактировать в простом редакторе
В нем вы видите только КОД КАРТИНКИ (img scr=" адрес файла.gif" ширина "" высота"" имя "можно дать любое"
<img src="//img1.liveinternet.ru/images/attach/b/3/20/165/20165251_b_06.gif" width="582" height="72" alt=" (582x72, 33Kb)" />
5. Копируем в окошке браузера ссылку на свой блог
http://www.liveinternet.ru/users/tellme/blog/ ( это ссылка на мой блог
и оформляем ее так:
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ВАША ССЫЛКА" target="_blank">КОД КАРТИНКИ </a>
Вот код моего баннера. Он работает
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/tellme/blog/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/b/3/20/165/20165251_b_06.gif" width="582" height="72" alt=" (582x72, 33Kb)" /></a>

Памятка - В помощь новичкам

Решила сделать такую памятку для тех,кто недавно создал свои дневнички.Думаю, что она будет полезна и даст во многом разобраться вновь прибывшим молодым лирушникам. Приглашаю Вас заглянуть по этим ссылочкам http://www.liveinternet.ru/users/2465445/post109836649/ http://www.liveinternet.ru/users/2465445/post75841922 http://www.liveinternet.ru/community/3080659/post115612219/ http://wiki.liveinternet.ru/ServisDnevnikovLiveInternet/Pravila?v=vw4 http://www.blogbaster.org/post69213375/ Если кто желает, может себе добавить мой баннер к себе в дневничок. Жмем на картинку и попадаем в мой дневник моментально Да,,, Не забудьте поблагодарить за то, что Вы берете в цитатник или же просто за понравившийся пост,ведь это так просто - СПАСИБО!

Надписи для комментариев с кодами




<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//s41.radikal.ru/i092/1004/1c/105e8e357f1f.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//s52.radikal.ru/i136/1004/17/83af665ef426.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//s001.radikal.ru/i194/1004/43/579729011074.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//s003.radikal.ru/i201/1004/4f/898e63dff88d.png" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//i067.radikal.ru/1004/8a/4324064a5381.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//s59.radikal.ru/i163/1004/6f/437dbede2107.gif" /></a>

Полки. Идеи.

Смотрим далее...

Линеечки-разделители РОЗОВЫЕ



Для оформления дневника предлогаю вот такие линии-разделители.Это только начало будут ещё других цветов.

Линеечки розовые. Размеры 20х200 Смотрим далее... Милолика Покровская

Для новичков на ЛиРу!



Делаем схему
Многие новички, и не совсем новички здесь не знают, как сделать схему, как загрузить понравившееся изображение в качестве фона и сохранить результат.
Однако, это элементарно!
Итак, сначала идем в "Настройки", а там - в "Настройки дизайна". Там есть что-то типа двух колонок: "Цвет фона" и "Фоновая картинка".
Если вы не хотите загружать специально какой-то фон, а можете удовольствоваться одноцветной страничкой, выбираете цвет фона - фон всей страницы, сообщений, панели навигации. Там также есть функция "Прозрачный фон" - если соответствующая галочка нажата, какой бы ни был выбран фон, виден он не будет.
Также вам нужно определиться с цветом текста и ссылок - таким же методом. Дальше - выбрать тип и размер шрифта, если исходный вас не устраивает.
Чтобы посмотреть и сохранить полученный результат, смотрим в самом низу странички "Предпросмотр" - там показано, как выглядит выбранное вами сочетание цветов. Для сохранения результата именно в качестве схемы, которую затем можно заново устанавливать, делиться ее кодом с другими пользователями, придумываем название и вводим в поле "Придумайте и введите название схемы". Ставим галочку в опции "Сохранить набор цветов как схему" и нажимаем "Внести изменения".
Читать далее...

Смайлы" Спасибо"

<img src=" //img1.liveinternet.ru/images/attach/c/1//49/2/49002179 _1253629451_20.gif"; width="152" height="150" alt="спасибо, анимации" />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/2/49002181 _1253629494_20_1.gif"; width="160" height="155" alt="спасибо, анимации" />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/2/49002185 _1253629508_20_2.gif"; width="152" height="154" alt="спасибо, анимации" />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/2/49002417 _1253629961_21.gif"; width="150" height="117" alt="спасибо, анимации" />	<img src=" //img1.liveinternet.ru/images/attach/c/1//49/2/49002494 _1253630028_21_1.gif"; width="150" height="157" alt="спасибо, анимации" />	<img src=" //img0.liveinternet.ru/images/attach/c/1//49/2/49002496 _1253630046_21_2.gif"; width="150" height="60" alt="спасибо, анимации" />
<img src=" //img1.liveinternet.ru/images/attach/c/1//49/2/49002603 _1253630164_22.gif"; width="142" height="200" alt="спасибо, анимации" />	<img src=" //img1.liveinternet.ru/images/attach/c/1//49/2/49002634 _1253630181_22_1.gif"; width="155" height="200" alt="спасибо, анимации" />	<img src=" //img0.liveinternet.ru/images/attach/c/1//49/2/49002636 _1253630194_22_2.gif"; width="151" height="200" alt="спасибо, анимации" />

<img src=" //img1.liveinternet.ru/images/attach/c/1//49/2/49002806 _1253630545_1.gif"; width="250" height="100" alt="спасибо, анимации" />	<img src=" //img0.liveinternet.ru/images/attach/c/1//49/2/49002808 _1253630563_1_1.gif"; width="250" height="100" alt="спасибо, анимации" />
<img src=" //img1.liveinternet.ru/images/attach/c/1//49/2/49002894 _1253630672_2.gif"; width="250" height="100" alt="спасибо, анимации" />	<img src=" //img1.liveinternet.ru/images/attach/c/1//49/2/49002898 _1253630694_2_1.gif"; width="250" height="100" alt="спасибо, анимации" />

<img src=" //img1.liveinternet.ru/images/attach/c/1//49/3/49003331 _1253631146_5_1.gif"; width="299" height="200" alt="спасибо, анимации" />	<img src=" //img1.liveinternet.ru/images/attach/c/1//49/3/49003335 _1253631165_5.gif"; width="174" height="200" alt="спасибо, анимации" />
<img src=" //img1.liveinternet.ru/images/attach/c/1//49/3/49003495 _1253631339_6.gif"; width="312" height="188" alt="спасибо, анимации" />	<img src=" //img0.liveinternet.ru/images/attach/c/1//49/3/49003497 _1253631362_6_1.gif"; width="158" height="200" alt="спасибо, анимации" />
<img src=" //img0.liveinternet.ru/images/attach/c/1//49/3/49003640 _1253631625_8.gif"; width="316" height="172" alt="спасибо, анимации" />	<img src=" //img1.liveinternet.ru/images/attach/c/1//49/3/49003642 _1253631638_8_1.gif"; width="170" height="200" alt="спасибо, анимации" />
<img src=" //img0.liveinternet.ru/images/attach/c/1//49/3/49003773 _1253631815_10.gif"; width="312" height="168" alt="спасибо, анимации" />	<img src=" //img1.liveinternet.ru/images/attach/c/1//49/3/49003775 _1253631828_10_1.gif"; width="160" height="183" alt="спасибо, анимации" />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/3/49003957 _1253632093_4.gif"; width="295" height="180" alt="спасибо, анимации" />

<img src=" //img1.liveinternet.ru/images/attach/c/1//49/3/49003963 _1253632107_4_1.gif"; width="267" height="200" alt="спасибо, анимации" />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/4/49004093 _1253632294_9.gif"; width="379" height="177" alt="спасибо, анимации" />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/4/49004097 _1253632311_9_1.gif"; width="137" height="200" alt="спасибо, анимации" />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/4/49004325 _1253632636_11.gif"; width="350" height="179" alt="спасибо, анимации" />

<img src=" //img1.liveinternet.ru/images/attach/c/1//49/4/49004330 _1253632655_11_1.gif"; width="148" height="200" alt="спасибо, анимации" />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/4/49004676 _1253632881_50_1.gif"; width="336" height="111" alt="спасибо, анимации" /><br />

<img src=" //img1.liveinternet.ru/images/attach/c/1//49/4/49004678 _1253632898_50_2.gif"; width="450" height="171" alt="спасибо, анимации" /><br />

<img src=" //img0.liveinternet.ru/images/attach/c/1//49/4/49004680 _1253632862_50.gif"; width="400" height="200" alt="спасибо, анимации" /><img src=" //img0.liveinternet.ru/images/attach/c/1//49/82/4908251 6_1681745.gif"; width="400" height="364" alt=" (400x364, 77Kb)" /> <img src=" //img1.liveinternet.ru/images/attach/c/1//49/85/4908575 8_9070226.gif"; width="400" height="373" alt=" (400x373, 85Kb)" /> <img src=" //img0.liveinternet.ru/images/attach/c/1//49/86/4908682 4_551010.gif"; width="502" height="379" alt=" (502x379, 109Kb)" /> <img src=" //img1.liveinternet.ru/images/attach/c/1//49/88/4908801 5_47556413_89.gif"; width="500" height="374" alt=" (500x374, 119Kb)" />

Волшебный тег MARQUEE - заставь буквы двигаться

1. <MARQUEE>Ваш текст</MARQUEE>

Вот так!

2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>

или так

3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>

ну и вот так

4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>

или даже так

5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>

а уж так!

6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>

и так можем

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега marquee?
Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
Результат будет выглядеть так:

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

---

Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Пример:

Синтаксис: <MARQUEE><img src="_АДРЕС_ВАШЕЙ_КАРТИНКИ_"></MARQUEE>