Без заголовка 2968

Это цитата сообщения nataliya_bezushko Оригинальное сообщениеДЕЛАЕМ ОКОШКО ДЛЯ КОДА.

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.

Часто мы видим, как под рамкой или под картинкой стоит окошко с кодом рамки или картинки и не задумываемся над тем, что это такое и как это сделать.
Сделать самим такое окошко совсем не сложно.



Код ОКОШКА:

РАССМОТРИМ ЧТО В ЭТОМ КОДЕ:

Пояснения:


textarea - область с текстом.

rows - количество строк,

cols - кол-во столбцов (символов в строке)

readonly - чтобы случайно пользователь не изменил код и не перезагружал страничку.

также есть параметр disabled, запрещающий выделять и копировать код из textarea.

text-align: center; - расположение текста внутри формы, так же можно написать: сenter, left, right

Мы берем рисунок:

 

КОПИРУЕМ ЭТОТ КОД:

А на место слов: ВАША КАРТИНКА ставим код Вашей картинки:

В результате у нас получается:

КОНЕЧНЫЙ РЕЗУЛЬТАТ:


Для тех, кому лень вникать во все эти премудрости (можете просто скопировать код), надо воспользоваться одной из этих формул:

<textarea rows="1" cols="20">Код рамки или картинки</textarea>

Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.

Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!

 (20x16, 0Kb)Дневник Nataliya_Bezyshko


Дорогие друзья и гости! Кому некогда или лень писать комментарии... если не трудно, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
...
Часть 17 - Урок. Картинка в середине Текста
Часть 18 - Шпаргалка для оформления постов.
Часть 19 - Урок. Ваш компьютер не читает программы на русском языке? Как это исправить?