Программа на русском для баннеров


Бесплатно создать баннер в онлайн сервисе BannerFans, инструкция

Бесплатно создать баннер

Бесплатно создать баннер с помощью бесплатного онлайн сервиса, пошаговая инструкция.

 

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

Вы готовы начать бесплатно создавать баннер? Итак, приступаем.

Когда мне нужно бесплатно создать баннер, я чаще всего использую бесплатный онлайн сервис BannerFans.

И сейчас я покажу Вам, как я создаю баннер для продвижения моей партнерской ссылки компании ParadoxCash в новом сервисе контекстной рекламы Madvertising.

Открываю страницу BannerFans:

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

1. Вкладка Макет отвечает за внешний вид создаваемого баннера: его размер, цвет фона, здесь можно загрузить свою картинку, картинка может быть как по размеру всего баннера, так и его отдельной части, а для остальной части баннера можно подобрать цвет фона и т. д.

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

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

Картинка не на весь баннер (это проще), а на часть создаваемого баннера.

Для создания баннера в сервисе контекстной рекламы madvertising я выбрал специфический размер баннера 390×95, такого размера нет в предустановленных размерах BannerFans, значит мне нужно указать его вручную.Для этого я установил точку Указать размер, написал размеры по ширине и высоте, и ниже нажал на кнопку Изменить баннер. В верхнем окне смотрю результат изменения создаваемого баннера.

Дальше мне нужна картинка, которую я делаю из логотипа компании ParadoxCash, такая симпатичная зверушка. Для баннера меня в первую очередь интересует размер картинки по высоте 95 пикселей, ширина картинки не так важна.

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

Далее в блоке Загрузка фонового рисунка: выбираю и загружаю картинку, как Вы видите на скриншоте, эта картинка появилась под формой загрузки. Картинки должны быть в форматах JPG, JPEG, GIF, PNG и не более 450 KB.

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

Вот так можно бесплатно создать баннер онлайн.

Размер выбрал, картинку вставил, фон остальной части баннера установил, теперь нужно написать рекламный текст, чтобы заинтересовать людей.Для этого переключаюсь с вкладки Макет на вкладку Текст. Здесь я вижу шесть линий, в которых можно написать предложения, слова или даже отдельные буквы, если нужно. Для каждой линии можно выбрать отдельный Шрифт, Размер Шрифта, Цвет и Вращение. Чтобы не мешались, во второй линии удаляю слова, а в первой пишу свой текст, выбираю шрифт, размер цвет.

Нажимаю на кнопку Изменить баннер и смотрю на результат созданного баннера. Нравится, не нравится, меняю что хочу, не забывая после каждого изменения нажать на кнопку Изменить баннер и посмотреть, что у меня получилось. Если мне нужно переместить текст по баннеру, я захватываю его левой клавишей мышки и перемещаю в нужное место.

На этом этапе создания баннера, я могу открыть вкладку Воздействие и установить для каждой линии свои эффекты: Тень, Расстояние, Цвет и т. д. А могу выбрать без эффектов (No shadow) не забывая нажимать на кнопку Изменить баннер и смотреть, что получается. Во вкладке Пограничная я могу выбрать и настроить вид рамки баннера.

Так как я создаю баннер с текстом на английском языке, то для меня в сервисе BannerFans огромный выбор шрифтов, когда я делаю баннер на кириллице, то выбор шрифтов ограничен, посмотрите сами, кириллица хорошо отображается, когда я, нажав на выбор Шрифта, выбираю шрифты из страницы Stock (Arial, Impact и др.)

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

После всех моих экспериментов, как  бесплатно создать баннер, вот, что у меня получилось:

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

Баннер создан, захожу во вкладку формат и выбираю в каком формате мне нужен баннер (я выбираю GIF, так как дальше буду  бесплатно создавать анимированный баннер) теперь его можно скачать на компьютер нажав на кнопку Скачать баннер или Получить коды баннера (по умолчанию в кодах указана ссылка на BannerFans, чтобы заменить ее, нужно в верхнем поле прописать ссылку на свой сайт или партнерскую ссылку).

В заключении бесплатного создания баннера, давай немного поговорим о коде созданного баннера, если Вы выбрали вариант, “Получить коды”

1. Это обычный код баннера:

<a href=”http://www.BannerFans.com”><img src=”http://imagizer.imageshack.com/img538/3716/RTY2iI.jpg” border=”0″ width=”468″ height=”60″ alt=”BannerFans.com” /></a>

Как и написано прекрасно работает для сайтов блогов и т.д.

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

<a href=”https://leonnik.com/free-software-and-online-services/besplatno-sozdat-banner.html”><img src=”http://imagizer.imageshack.com/img538/3716/RTY2iI.jpg” border=”0″ width=”468″ height=”60″ alt=”Бесплатно создать баннер” /></a>

И скорей всего создав баннер, я скачал бы его на компьютер и после оптимизации изображения, загрузил бы его в библиотеку медиафайлов моего сайта и ссылку на изображение в коде изменил с “http://imagizer.imageshack.com/img538/3716/RTY2iI.jpg”  на ссылку из библиотеки, которая выглядела бы примерно так: https://leonnik.com//wp-content/uploads/2013/08/besplatno-sozdat-banner.jpg

Вот окончательный вариант моего кода баннера:

<a href=”https://leonnik.com//wp-content/uploads/2013/08/besplatno-sozdat-banner.jpg”><img class=”alignnone size-full wp-image-1854″ src=”https://leonnik.com//wp-content/uploads/2013/08/besplatno-sozdat-banner.jpg” alt=”besplatno sozdat’ banner” width=”200″ height=”200″ /></a>

Сейчас Вы видите только код баннера, так как я написал его в визуальном редакторе моего сайта, если бы я переключился на текстовый (HTML) редактор и написал, этот код, Вы увидели бы такой баннер:

Переключился обратно в редакторе  и видим уже не код, а сам баннер.

2. Это еще один обычный код баннера, но только более расширенный:

<a href=”http://www.BannerFans.com”><img src=”http://imagizer.imageshack.com/img538/3716/RTY2iI.jpg” border=”0″ width=”468″ height=”60″ alt=”BannerFans.com” /></a><br /><textarea style=”font: 10px Verdana, Helvetica; color: #cccccc; background: #141414; border: 1px #000000 solid; width: 250px;” cols=”40″ rows=”3″ wrap=”auto”><a href=”http://www.BannerFans.com”><img src=”http://imagizer.imageshack.com/img538/3716/RTY2iI.jpg” border=”0″ width=”468″ height=”60″ alt=”Powered by BannerFans.com” /></a></textarea>

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

3. Третий код баннера:

http://imagizer.imageshack.com/img538/3716/RTY2iI.jpg

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

  • Первая это адрес на который будут переходить люди при клике на баннер (обычно это партнерская ссылка)
  • Вторая строчка, это адрес, где хранится картинка Вашего баннера.

4 и 5. Эти коды баннера хороши для редакторов на форумах, если Вам нужно к сообщению или комментарию добавить Ваш баннер, воспользуйтесь, этими кодами предварительно изменив ссылки BannerFans на Ваши.

Вот, собственно говоря по кодам созданного бесплатно Вами баннера и все.

Как написал выше, дальше я хочу бесплатно создать баннер анимированный,  для этого я создал два баннера в формате GIF  с разным текстом и скачал их на компьютер. И в следующей статье я расскажу Вам как бесплатно создать анимированный баннер с помощью другого бесплатного онлайн сервиса по созданию баннеров.

Если статья была Вам полезна, поделитесь ей в любой социальной сети.  Спасибо.

«Автор: Leonid Nikitin»

Читайте также: Еще одна статья, как сделать баннер онлайн, графику для социальных сетей и сайтов, презентации, плакаты, миниатюры YouTube, баннеры для канала YouTube, оформление для канала YouTube и многое другое в Canva на русском языке, это очень просто. Обзор сервиса Canva и пошаговая инструкция здесь.

Как создать логотип онлайн, бесплатно в Canva.

Как создавать красивые картинки для социальных сетей

В Canva значительно больше возможностей для создания любой графики для веб и огромное количество бесплатных фотографий, значков, макетов, шрифтов и др.

P.S. Есть вопросы, пожелания, предложения о том, как бесплатно создать баннер, напишите, пожалуйста, в комментариях. И пробуйте, экспериментируйте, теперь Вы знаете как можно легко и бесплатно создать баннер.

Как создать бесплатно Анимационный баннер (анимированный баннер)

 

Summary

Article Name

Бесплатно создать баннер онлайн на русском в BannerFans.

Description

Бесплатно создать баннер онлайн с помощью бесплатного сервиса на русском языке, пошаговая инструкция.

Author

Леонид Никитин

Leonnik.com

leonnik.com

Создание флеш баннера — бесплатная программа

Бесплатный редактор для создания флеш-баннеров без использования скриптов.

Говоря сегодня о создании флэш-анимации, в 90% случаев подразумевают программу Adobe Flash. На данном этапе развития — это самый мощный инструмент, позволяющий создавать практически все — от небольших баннеров, до сложнейших и красивых сайтов или игр.

Однако еще несколько лет назад лидером была программа Macromedia Flash (которую Adobe, кстати, выкупил вместе с компанией Macromedia и присоединил к себе). К чему я это все веду? А к тому, что сегодня мы рассмотрим бесплатную программу, которая поможет нам создавать несложную флэш-анимацию и при этом очень напоминает ранние версии уже упомянутой Macromedia Flash. Это программа LiveSwif lite.

Как Вы уже наверне догадались, приставка lite значит, что мы имеем дело с несколько урезанной версией более «продвинутой» программы. Так и есть — LiveSwif — это полноценная среда флэш-разработки, от которой lite-версия отличается отсутствием поддержки ActionScript.

То есть, сложных игр и сайтов в программе сотворить не получится, однако она прекрасно подойдет для создания анимированных баннеров или небольших презентационных роликов. LiveSwif lite — это единственная на сегодняшний день более или менее приличная альтернатива платному софту данной категории, поэтому предлагаю сравнить ее возможности с флагманом флэш-разработки Adobe Flash:

Сравнение LiveSwif lite с платным аналогом Adobe Flash

Особенности LiveSwif lite Adobe Flash
Стоимость 0 руб. 27594.00 руб
Инструменты для рисования + +
Инструменты для деформации +/- +
Трансформация объектов + +
Работа со слоями + +
Покадровая работа с таймлайном + +
Кисти - +
Поддержка скриптов - +

Помимо этого в LiveSwif lite отсутствует ряд привычных инструментов таких, как «Ластик», «Пипетка», «Лассо» и т.д. Отличается и управление программой. Так, например, сначала очень непривычно отсутствие контекстных меню для объектов кадра или раскрытие меню инструментов (чтобы открыть и выбрать альтернативный инструмент следует зажать левую клавишу мыши на нужной иконке и потянуть вправо). Но не будем забегать наперед…

Установка флеш-редактора LiveSwif lite

Для начала установим LiveSwif lite. Скачиваем архив с инсталляционным файлом и запускаем его. Теперь Вам остается только постоянно нажимать кнопку «Next» и через пару секунд установка завершится. Запустим программу:

Интерфейс редактора

На скриншоте Вы видите все элементы окна программы. Оно состоит из нескольких частей. Сверху находятся стандартные панели меню и панель инструментов. Ниже расположен таймлайн. На нем мы сможем увидеть все наши слои и кадры, расположенные на них (номера кадров находятся на линейке вверху). Под таймлайном есть ряд кнопок, которые предоставляют возможность переключатся между слоями, сценами, а также добавлять и удалять спрайты.

Центральная часть окна LiveSwif lite разделена на три окна: окно инструментов, текущей сцены и файловых библиотек. Последние разделены на два подраздела — «Library», в котором отображаются объекты и спрайты текущего проекта, и «FileLib», где Вы найдете подборку готовых объектов (в основном кнопки).

Ниже расположен встроенный текстовый редактор, хотя в lite-версии толку от него немного, так как скрипты она не обрабатывает :(. Под редактором находится полоска координат для точного позиционирования местонахождения выбранного объекта. И в самом низу Вы обнаружите палитру.

С интерфейсом более или менее разобрались, а теперь давайте поработаем в среде LiveSwif lite. Предлагаю нарисовать баскетбольный мяч и его анимировать.

Создание объектов в LiveSwif lite

Для начала зайдем в меню «Edit» и выберем пункт «Movie Properties».

Здесь мы сможем настроить размер холста проекта, частоту кадров и цвет фона.

Жмем «Ok» и идем дальше. Каждая сцена в флэше формируется из большого количества объектов, на которые в свою очередь можно наложить любые изображения, которые называются спрайтами. Если мы хотим получить анимированный баскетбольный мяч, то начать следует именно с создания спрайта. Для этого нажмите на кнопку «New Scene (Sprite/Button)» и выберите пункт «New Sprite». Теперь можно начинать творить.

Поскольку мяч имеет форму круга, выберем соответствующий инструмент. Наведите мышь на инструмент «Прямоугольник» («Rectangle Tool»), зажмите левую клавишу и потяните мышь вправо. В открывшемся меню выбираем круг («Circle Tool»).

Нарисуем круг на рабочем поле. Теперь раскрасим его. По умолчанию инструмент «Заливка» отвечает за однотонное заполнение определенным цветом выбранной области («Flat fill»). Раскроем меню заливки и активируем инструмент «Радиальное заполнение» («Radial fill»).

Чтобы иметь возможность произвести заливку, следует сначала выделить редактируемый объект, а затем уже провести прямую инструментом «Радиальная заливка» (при этом точка начала прямой будет точкой блика).

Теперь возьмем инструмент «Увеличение» («ZoomIn») и приблизим наш мяч. Нарисуем на нем соответствующие полосы. Для этого выбираем инструмент «Свободное рисование» («Freehand tool» — Карандаш) и от руки нанесем нужный узор.

Обратите внимание на значение «Smooth» (по умолчанию — 30). Это коэффициент выравнивания рисуемой линии. То есть Вы можете нарисовать линию и не очень ровно, но она автоматически будет сглажена.

Работа с кадрами и объектами

Теперь, когда наш спрайт готов, мы должны занести его в библиотеку (окошко Library). Для этого достаточно кликнуть по пустому квадратику, который заполнится созданным рисунком. Пора переходить на первую сцену нашей будущей анимации. Для этого воспользуйтесь стрелками перехода на панельке над основным окном программы.

Перетаскиваем из библиотеки наш спрайт на рабочую сцену и устанавливаем его в нужном месте. Мы получили первый кадр. Давайте сымитируем подскакивание нашего мяча. Для этого следует задать ему движение по ломанной кривой. Выделим мяч и в меню «Insert» активируем инструмент «Tranform motion».

Теперь переместим наш мяч в новую точку экрана — за ним появится след — траектория движения. Вернем его в исходное положение. Посмотрим на таймлайн. Здесь появилась синяя прямая, которая тянется до 35-го кадра. Переходим на последний кадр и устанавливаем наш мяч в новом месте. Таким образом мы задали движение по диагонали сверху вниз:

Теперь, нажав на панели инструментов кнопку «Play», Вы сможете увидеть, как будет двигаться объект.

Трансформация объектов

Чтобы придать большей естественности сделаем несколько операций трансформации, каждый раз смещая мяч слева направо поочередно вниз и вверх, чтобы создать иллюзию подскакивания. На конечном кадре, где мяч отскакивает вверх, можно немного сжать его в вертикальной плоскости, как будто он сжимается при ударе о пол.

Трансформацию удобно использовать, если достаточно движения по прямой. Если же требуется задать криволинейное движение, то лучше использовать другой вариант движения — «Path Motion». Перед тем, как применять данный эффект следует добавить на рабочую сцену спрайт, который будет двигаться и нарисовать, например карандашом, путь, по которому должно происходить движение.

Теперь следует выделить сначала нарисованную траекторию движения, а затем, зажав SHIFT, и сам объект. Осталось только зайти в меню «Insert» и выбрать уже упомянутый выше инструмент «Path motion».

Вставка изображений и музыки

Если Вы были внимательны, то заметили, что в меню «Insert» находятся еще несколько опций, которые позволяют украсить создаваемые проекты. Это вставка изображений и фоновой музыки. Таким образом — вот Вам еще один вариант использования LiveSwif lite — создание фотоальбомов или даже презентаций!

Советую также заглянуть в меню «File» и ознакомится с некоторыми приведенными примерами в разделе «Samples». Отсюда Вы сможете почерпнуть информацию о работе с текстом или, например, о создании кнопок.

Выводы

В любом случае, даже если Вы и не занимаетесь дизайном, Вам все же стоит ознакомиться с этой интересной и в своем роде уникальной программой. Она может стать хорошим подспорьем при изучении основ флэш-анимации, так как бесплатна, небольшая (всего пара мегабайтов) и достаточно проста в освоении. Дерзайте, и Вам откроется новый удивительный мир под именем Flash!

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

P.P.S. Для просмотра готовой флэш-анимации на компьютере Вам понадобится флэш-плеер. Предлагаю скачать вот этот:Flash плеер https://www.bestfree.ru/soft/media/flashplayer.php

www.bestfree.ru

мастерская - Создать банер, кнопку

lavinaweb.ucoz.com

Онлайн создание баннеров и логотипов, создание кнопок.

  • Cool Text  - Онлайн приложение для создания логотипов и кнопок, для использования на страницах вашего сайта как стильный и красивый знак, отличающий вас от всех остальных. Например:
  • Оpen-eye Banner-Generator  - Ресурс генерирования бесплатных баннеров для сайтов, с множеством шаблонов разных размеров, около 1500. Имеются также бесплатные шаблоны баннеров на flash.
  •  
  • The Banner Generator - Онлайн сервис для создания красивых баннеров и кнопок.
  •  
  • QuickBanner  - Бесплатный онлайн ресурс для изготовления баннеров отличного качества, с простым и понятным управлением.
  • Animation Online - Онлайн приложение поможет вам быстро и бесплатно создать баннер или яркую и стильную кнопку. На сайте имеется много шаблонов.
  • MediaBuilder 3D Text Maker - Несложный но быстрый онлайн сервис для создания бесплатных и качественных анимированных баннеров с 3D текстом.
  • Ualife.org - отличительной особенностью этого генератора баннеров является то, что он на русском языке, что не может не радовать. Функций мало, суперкрасивый двигающийся баннер вам здесь не сделать, но по быстренькому простенький можно.
  • Аrtbanner.com.ua - бесплатный online генератор баннеров и аватаров. Создать статичный баннер Вы сможете всего за 5 шагов. На русском языке. Вот пример:

-----------------

------------------Как сделать свой баннер за 5 минут (например, см.выше)

Баннер – это рекламный блок, при щелчке по которому посетитель переходит на рекламируемый сайт. Это как бы ваш бренд, логопит.

Главное - это удобно и очень популярно в Интернете. Стандартные размеры баннеров: 88х31; 100x100; 125x125; 120х120; 120х60; 468х60; и другие.

Делаем оригинальный баннер не владея никакими графическими программами

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

5. Копируем в окошке браузера ссылку на свой сайт    http://lavinaweb.ucoz.com/ ( это ссылка на мой сайт)     и оформляем ее так:

<a href="ВАША ССЫЛКА" target="_blank">КОД КАРТИНКИ </a>

Еще один вариант:Вот основа. Для начала мы берём эту основу: <a href="ссылка на страницу"><img src="ссылка на изображение" /></a> Далее нам нужна ссылка на страницу куда будет отправлять баннер при нажатии (например: http://ecigarettes.ucoz.com/ ) и ссылка изображения (ссылка на моё изображение: http://i16.tinypic.com/6prky2p.jpg ). Надеюсь, что ссылка страницы это для вас не проблема, а ссылку изображения можно получить закачав ваше изображение скажем на http://www.tinypic.com/

Наши банеры»»»»»

Кнопки

Иногда при оформлении поста нужно загрузить много Ссылочек на разные сайты или Одна тема и много подпунктов к ней. Тогда вас выручит простая кнопка.Как она вообще выглядит?

Что бы ее сделать нужно вставить вот этот код к себе в блог (сайт)

<form action="URL АДРЕС ССЫЛКИ" target="_blank" method="get"><input type="submit" value="НАЗВАНИЕ КНОПКИ" /><br /> </form>Там где написано "URL АДРЕС ССЫЛКИ" -нужно вставить адрес ссылки на страницу куда эта кнопка будет вести. А где написано "НАЗВАНИЕ КНОПКИ" -пишите то что нужно вам. Но это если нужна одна кнопка.А если несколько? Чуть ниже я даю коды разных вариантов кнопок.Выбирайте какой нужен вам. Копируйте код и вставляйте к себе в блог.1. Две кнопки друг за другом на одной строке. Код этих кнопок. <table><tr><td><form action="адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 1" /></form></td><td><form action="адрес ссылки 2" method="get"><input type="submit" value="Текст кнопки 2" /></form></td></tr></table> 2. Три кнопки друг за другом на одной строке. Код этих кнопок . <table><tr><td><form action="адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 1" /></form></td><td><form action="адрес ссылки 2" method="get"><input type="submit" value="Текст кнопки 2" /></form></td><td><form action="адрес ссылки 3" method="get"><input type="submit" value="Текст кнопки 3" /></form></td></tr></table> 3.Четыре кнопки друг за другом. Код этих кнопок. <table><tr><td><form action="ССылка" method="get"><input type="submit" value="кнопка 1" /></form></td><td><form action="ССылка" method="get"><input type="submit" value="кнопка 2" /></form></td> <td> <form action="ССылка" method="get"><input type="submit" value="кнопка 3" /></form></td><td><form action="ССылка" method="get"><input type="submit" value="кнопка 4" /></form></td></tr></table> 4.Одна кнопка под другой в ряд. Код этих кнопок . <form action="адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 1" /></form><form action="адрес ссылки 2" method="get"><input type="submit" value="Текст кнопки 2" /></form> 5.Кнопка с картинкой.

Основное делаем так же, а там где написано УРЛ АДРЕС КАРТИНКИ -вставляем Адрес картинки ведущей на оригинал или если через Радикал Фото ,то код берём под № 1.

Код этой кнопки. <form action="АДРЕС САЙТА" target="_blank" method="get"><button type="submit"><img src=" УРЛ АДРЕС КАРТИНКИ " /> TЕКСТ КНОПКИ</button></form>6.Можно сделать и  Выпадающие окошко с кнопкой. Код к этой кнопки с окошком. <form action="URL АДРЕС ССЫЛКИ"><input type="hidden" value="_self" name="h" /> <select name="links"><optgroup label="-- 1 НАЗВАНИЕ РУБРИКИ"><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option></optgroup><optgroup label="-- 2 НАЗВАНИЕ РУБРИКИ"><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option></optgroup> </select> <input type="submit" value="ЖМИ" /></form>

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

КНОПКА С ЦВЕТОМ И КАРТИНКОЙ. КОД этой кнопки <form action="ССЫЛКА НА ВАШ ПРОФИЛЬ" method="get"><button type="submit"><font color="#FFFFFF">Вот такая кнопка</font><img src="КАРТИНКА через РАДИКАЛ -ФОТО код под №1" alt="" /></button></form>Сделать кнопки он-лайн можно на:http://studioweb.boom.ru/generators...s-generator.htmhttp://www.coolarchive.com/buttonmaker.phphttp://cooltext.com/http://www.buttonator.com/http://jirox.net/AsButtonGen/

Наши банеры»»»»»

❶ Как сделать свой баннер бесплатно 🚩 Веб-дизайн

Вам понадобится

  • стандартная программа Paint, программа Gif Animator

Инструкция

На панели «Пуск» выберите пункт «Все программы», затем «Стандартные». Кликните программу Paint, чтобы она открылась.

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

Чтобы загрузить выбранную картинку в редактор Paint, нажмите на значок в левом верхнем углу, затем выберите пункт «Открыть».

В открывшейся вкладке обзора файлов найдите выбранное изображение, выделите его и нажмите «Открыть» (или просто дважды кликните по нему).

Выделите главный информационный элемент вашего изображения: «Изображение» - «Выделить» - «Прямоугольная область» (или с помощью курсора).

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

Чтобы обрезать выделенную область, нажмите «Изображение» - «Обрезать».

Измените размер изображения: «Изображение» - «Изменить размер».

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

Нажмите на на значок в левом верхнем углу - «Сохранить как» - «Изображение в формате GIF».

В открывшемся окне в строке «Тип файла» будет установлен формат GIF (*gif). Задайте имя файла и сохраните его, нажав «Сохранить».

Чтобы вставить на баннер текстовую информацию, активизируйте инструмент «Текст».

На панели инструмента ввода текста выберите нужные размер, шрифт, цвет, тип и расположение шрифта. Растяните рамку для ввода текста на нужные длину и ширину и введите текст.

Можно добавить на баннер какие-либо дополнительные элементы. Или, например, оформить его в рамочку: «Фигуры» - «Прямоугольник» - выбрать толщину и цвет рамки - курсором мыши растянуть рамку по краям изображения. Затем снова сохраните файл, но под другим именем.

Теперь нужно создать еще один файл с другим текстом. Откройте первый сохраненный файл (без текстовой информации) и нанесите на него новый текст и прочие элементы описанным выше образом. Как вариант, просто сотрите ластиком предыдущий текст, чтобы внести новый (если фон белый). Если фон другого цвета, кликните его пипеткой и закрасьте этим цветом текст. Готовый баннер сохраните, как описано выше.

Итак, у вас есть под рукой два одинаковых файла с разным текстом. Это будут два слоя, которые нужно объединить, чтобы текст баннера постоянно изменялся. Эту операцию можно легко сделать в небольшой программе для создания анимированных GIF'ов MS GIF Animator.

Установив программу на компьютер, откройте ее двойным кликом.

В панели инструментов Gif Animator нажмите значок Open/«Открыть» (или Ctrl+O), в поле «Папка» выберите свою папку с созданными GIF-файлами. Затем двойным щелчком мыши выберите файл, который станет вторым слоем вашего баннера, чтобы другой файл (первый слой) лег сверху, т.к. в этой программе анимация создается в обратном порядке.

Откройте первый слой инструментом добавления Insert/«+» (или Ctrl+I).

Сгруппируйте слои инструментом Select All/«Выделить все» (или Ctrl+L) .

Перейдите во вкладку Animation и поставьте галочку напротив пунктов Repeat forever («Всегда повторять») и Looping («Выполнение цикла»).

Во вкладке Image установите скорость кадров - к примеру, 1/80, оптимально.

Нажмите инструмент Preview (или Ctrl+R), чтобы просмотреть результат.

Сохраните баннер с помощью инструмента сохранения Save (или Ctrl+S). Ваш баннер готов, теперь его можно размещать.

Обратите внимание

Чтобы избежать большого веса баннера, лучше ограничиться 2-4 слоями.

Полезный совет

Анимация текста происходит способом замены слоев, поэтому аналогичные действия можно применить и к основному фону.

Источники:

  • Как сделать баннер онлайн бесплатно

www.kakprosto.ru


Смотрите также