Пузяка - обсуждаем беременность, роды и воспитание детей

Пузяка - обсуждаем беременность, роды и воспитание детей (https://puzyaka.ru/forum/index.php)
-   ФШ (https://puzyaka.ru/forum/forumdisplay.php?f=533)
-   -   Как сделать баннер (https://puzyaka.ru/forum/showthread.php?t=31740)

Firewolf 18.02.2013 02:33

Как сделать баннер
 
Под баннером будем понимать картинку, которая содержит ссылку.
Напоминаю, что реклама и спам на форуме запрещены. Так что баннеры делаем либо не противоречащие правилам (например, на свою темку-похвастушку или дневничок), либо не используем их на Пузяке.

За помощь говорим спасибо Валюше (Kralya)

В качестве примера будут баннеры, ведущие на главную страницу форума.
[URL=http://puzyaka.ru/forum/][IMG]http://i011.radikal.ru/1302/36/5f3f0264f27f.jpg[/IMG][/URL] [URL=http://puzyaka.ru/forum/][IMG]http://i5.pixs.ru/storage/6/3/6/bannerjpg_2052447_7148636.jpg[/IMG][/URL]

Выглядят они одинаково, но они разные :)

Firewolf 18.02.2013 02:52

Итак, все очень просто.

1. Создаем картинку или берем готовую.
2. Грузим на любой хостинг картинок.
3. Выбираем строчку с готовым кодом "картинка в тексте" или что-то подобное. То есть не превью, и не ссылку.
4. Заменяем в коде самую первую ссылку на нужную нам.
5. Вставляем исправленный код на сайт.

Первая ссылка может выглядеть как угодно. Быть длинной с кучей подкаталогов или очень короткой. Может выглядеть набором символов, это все не важно. [B]Главное запомните: ссылка начинается с открывающей квадратной скобки, следом три буквы URL, знак = и после этого идет собственно адрес. Без пробелов. И заканчивается закрывающей квадратной скобкой[/B]

Покажу на примере двух наиболее популярных хостингов картинок - радикал и пикс. В качестве "нужной" ссылки беру главную страницу форума.
Идем по пунктам.
1. Взяла фрагмент оформления страницы в качестве картинки.
[B]2. Загрузила на радикал[/B]
3. Выбрала строчку "картинка в тексте". Теперь если я вставлю именно этот код - то картинка ведет на сайт самого радикала, вот:
[URL=http://www.radikal.ru][IMG]http://i011.radikal.ru/1302/36/5f3f0264f27f.jpg[/IMG][/URL]
4. Заменяю первую ссылку на адрес главной страницы форума:
[URL=http://radikal.ru/F/s018.radikal.ru/i522/1302/87/5215d10e47e4.jpg.html][IMG]http://s018.radikal.ru/i522/1302/87/5215d10e47e4t.jpg[/IMG][/URL]
На картинке обозначен код, который генерирует радикал; та часть кода, которую надо заменить; и нужный нам код.
5. Вставляю исправленный код на страничку:
[URL=http://puzyaka.ru/forum/][IMG]http://i011.radikal.ru/1302/36/5f3f0264f27f.jpg[/IMG][/URL]
Вуаля! Баннер ведет на главную страницу форума.

Firewolf 18.02.2013 03:05

То же самое проделаем с хостингом пикс.

1. Взяла фрагмент оформления страницы в качестве картинки.
[B]2. Загрузила на пикс[/B]
3. Выбрала строчку "Ссылка для форумов (вариант 1)" - эквивалентна ссылке "картинка в тексте"
[URL=http://pixs.ru/?r=7148636][IMG]http://i5.pixs.ru/storage/6/3/6/bannerjpg_2052447_7148636.jpg[/IMG][/URL]
В таком виде наш баннер ведет на сайт хостинга.
4. Заменяю первую ссылку на адрес главной страницы форума:
[URL=http://radikal.ru/F/s019.radikal.ru/i640/1302/be/d02c132b96b7.jpg.html][IMG]http://s019.radikal.ru/i640/1302/be/d02c132b96b7t.jpg[/IMG][/URL]
Опять же заменяем все, что находится между знаком = и закрывающей квадратной скобкой.
5. Вставляю исправленный код на страничку:
[URL=http://puzyaka.ru/forum/][IMG]http://i5.pixs.ru/storage/6/3/6/bannerjpg_2052447_7148636.jpg[/IMG][/URL]
Теперь и этот баннер ведет на главную страницу форума


Текущее время: 05:57. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
vB.Sponsors