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

Среда, 14 Января 2015 г. 15:18 + в цитатник

Цитата сообщения nataliya_bezushko

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

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

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

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

Код

Код ОКОШКА:

<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2" name="S1">ВАША КАРТИНКА</textarea>

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

<textarea style="text-align: Где будет располагаться текст в самой форме; <br />" readonly="readonly" cols=";Ширина" rows="Высота">ВАША КАРТИНКА

Пояснения:

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

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

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

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

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

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

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

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

<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2">ВАША КАРТИНКА</textarea>

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

<img src="/images/tmp/1290626098_022940082.png"/>

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

<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2"><img src="//i038.radikal.ru/0910/1a/e807799d5790t.jpg">

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

<img src="//s012.radikal.ru/i320/1101/d1/ad92a7023f57.gif" />

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

<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2" name="S1">Код рамки или картинки</textarea>

<textarea rows="1" cols="20">КОПИЯ КАРТИНКАИ</textarea>

<textarea readonly="readonly" cols="25" rows="1" style="font-size: 10px; color:#000066; background-color:#FFFFFF; border: solid 1px #000066;">Код рамки или картинки</textarea>

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

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

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

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.