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

Суббота, 01 Января 2011 г. 13:36 + в цитатник

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

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

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

Урок № 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 - Фон для картинки
...
Часть 18 - Новый год. Рождество. Смайлики. Анимации
Часть 19 - Чудесная флэш-открытка....
Часть 20 - Картинка с окошком для кода (урок от Елены)
Часть 21 - Генератор эффекта воды
Часть 22 - фразы для комментариев+код