Картинка с окошком для кода(урок)

Четверг, 09 Декабря 2010 г. 21:49 + в цитатник

Цитата сообщения Джоан

Прочитать целиком В свой цитатник или сообщество!

Картинка с окошком для кода(урок)

Урок № 73
Картинка с Окошечком под Код .

Здесь мы рассмотрим как сделать картинку с окошечком под Код .
1 - Картинка с Кодом
2 - Картинка с кликабельным Кодом , чаще используют под Баннер
3- Несколько картинок в ряд с окошком под Код

I - Картинка с Окошком под Код

Копируйте код и вместо слов-подсказок вставляйте нужные ссылки , аккуратно удаляя слова , но не трогая кавычки :

Код строки с РАДИКАЛА №6 не кликабельная

<input type='text' size='15-Размер окошка' value='строка с РАДИКАЛА №6 не кликабельная'>

II - Картинка с кликабельным Кодом , чаще используют под Баннер

Код строки с РАДИКАЛА №6 не кликабельная

<input type='text' size='15-Размер окошка' value='строка с РАДИКАЛА №6 (Переход на URL)'>

Там где окошко: Меняем АДРЕС РАДИКАЛА на нужную ССЫЛКУ , скопировав Код из окошка , получим кликабельную картинку.

Кликабельная Картинка и Кликабельный Код

Код строки с РАДИКАЛА №6 (Переход на URL)

<input type='text' size='15-Размер окошка' value='строка с РАДИКАЛА №6 (Переход на URL)'>

Меняем АДРЕС РАДИКАЛА в обоих строчках на нужную ССЫЛКУ

III - Несколько картинок в ряд с Окошками под Код

<table align="center" border="0" cellspacing="8" cellpadding="0"> <tr> <td>Код КАРТИНКА 1 с РАДИКАЛА строка №6 не кликабельная</td> <td>Код КАРТИНКА 2 с РАДИКАЛА строка №6 не кликабельная</td> <td>Код КАРТИНКА 3 с РАДИКАЛА строка №6 не кликабельная</tr> </table>
Окошко под код :
<input type='text' size='15' value='СТРОКА С РАДИКАЛА № 6 НЕ КЛИКАБЕЛЬНАЯ'>

Расстояние между Окошками Кода регулируем с помощью ТЕГА - ПРОБЕЛ Ставьте столько раз этот тег , сколько необходимо .

Уроки от Елены

Серия сообщений "картинки с кодами":
Часть 1 - Надписи для комментариев с кодами
Часть 2 - Надписи для комментариев + код
...
Часть 15 - Зимние картинки с кодами
Часть 16 - Зимние картинки с кодами
Часть 17 - Картинка с окошком для кода(урок)
Часть 18 - Добрый день! Открытки с кодами
Часть 19 - МОИМ ДРУЗЬЯМ и ПЧ
...
Часть 26 - Картиночки для комментриев с кодами - mimozochka
Часть 27 - "Спасибо" с кодами.
Часть 28 - КОММЕНТАШКИ + код.

Серия сообщений "уроки от Елены":
Часть 1 - Урок № 79 Рамка - Внутренняя Тень
Часть 2 - Урок № 61 Как закруглить уголки у Фото или Картинки
...
Часть 8 - моя рамочка для вас .
Часть 9 - Коллекция градиентов,для Ф.Ш.
Часть 10 - Картинка с окошком для кода(урок)
Часть 11 - Уроки от Елены.

Серия сообщений "уроки":
Часть 1 - Делаем анимацию в графическом редакторе GIMP
Часть 2 - Как скачивать видео
...
Часть 17 - Уникальная бесплатная программа.
Часть 18 - Для чего нужны программы из «DVDVideoSoft Free Studio»?
Часть 19 - Картинка с окошком для кода(урок)
Часть 20 - Знакомимся с браузером - Mozilla Firefox (часть 4)
Часть 21 - УРОК КАК ПЕРЕКАЧАТЬ МУЗЫКУ ИЗ МОЕГО МИРА НА КОМП.
...
Часть 23 - Моя коллекция ссылок на качественные уроки по PS
Часть 24 - Уроки от Елены.
Часть 25 - Шикарный детский алфавит