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

Пятница, 26 Ноября 2010 г. 02:52 + в цитатник

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

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

Код

Код ОКОШКА:

<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 - По просьбе "скелетик" кода такой рамки.

Метки: окошко делаем для кода уроки блог дневник оформление

Процитировано 454 раз
Понравилось: 76 пользователям

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 [Новые]

Margosha67 обратиться по имени Пятница, 26 Ноября 2010 г. 04:43 (ссылка)

Ничего себе так просто

я думала это сложно ...Спасибо Натуль за шпаргалочку,уношу в копилочку...
(600x600, 661Kb)

Ответить С цитатой В цитатник

Пятница, 26 Ноября 2010 г. 13:21ссылка

nataliya_bezushko

Margosha67, Приветик дорогая!!! а почему ты меня тогда не спрашиваешь?

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 26 Ноября 2010 г. 13:40ссылка

Margosha67

Nataliya_Bezyshko,Если честно сказать Натуль,как то не задумывалась об этом,стралась всегда находить уроки по Лиру,что бы не домогать вопросами...

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 26 Ноября 2010 г. 15:08ссылка

nataliya_bezushko

Margosha67, Маргоша я всегда помогу чем смогу и подскажу... спрашивай!!! и так я тоже буду знать что вам интересно! Об окошке меня спросили... и я сделала пост.

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 26 Ноября 2010 г. 15:31ссылка

Margosha67

Хорошо красотуличка ,буду обращаться...

Ответить С цитатой В цитатник Обратиться по имени

КОЛОМИНА_ЕЛЕНА обратиться по имени Пятница, 26 Ноября 2010 г. 07:21 (ссылка)

большое спасибо Наташенька за все твои уроки !! очень всё понятно и легко по ним учится!! жду новых уроков !!!

Ответить С цитатой В цитатник

уврик обратиться по имени Пригодится! Пятница, 26 Ноября 2010 г. 07:36 (ссылка)

Ответить С цитатой В цитатник

Пятница, 26 Ноября 2010 г. 13:22ссылка

nataliya_bezushko

уврик, Приветик!!! Пожалуйста! Уверена что пригодится!

Ответить С цитатой В цитатник Обратиться по имени

Обязательно пригодится!

Пятница, 26 Ноября 2010 г. 13:23ссылка

уврик

Ответить С цитатой В цитатник Обратиться по имени

Milena523 обратиться по имени Пятница, 26 Ноября 2010 г. 09:12 (ссылка)

Большое спасибо за полезность!

Ответить С цитатой В цитатник

Пятница, 26 Ноября 2010 г. 13:24ссылка

nataliya_bezushko

НАТАЛИЯ_КОНОВАЛЕНКО, Приветик!!! Пожалуйста! Уверена что пригодится!

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 26 Ноября 2010 г. 13:36ссылка

НАТАЛИЯ_КОНОВАЛЕНКО

Я УЖЕ ПЫТАЛАСЬ У МЕНЯ НЕ ПОЛУЧАЕТСЯ.

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 26 Ноября 2010 г. 14:12ссылка

nataliya_bezushko

НАТАЛИЯ_КОНОВАЛЕНКО, Наташа пришли мне то что у тебя не получается я посмотрю на ошибку и размеры картинки

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 26 Ноября 2010 г. 19:52ссылка

BraveDefender

В конце скопированного кода закройте тег - напишите </textarea>

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 26 Ноября 2010 г. 23:09ссылка

НАТАЛИЯ_КОНОВАЛЕНКО

ПИШУ, ОКОЛО КАРТИНКИ ЭТИ СЛОВА И ВИЖУ ПОТОМ.
ПОТОМ ПОЛУЧИЛОСЬ, ВИЖУ ОКОШКО, А НЕ ВИЖУ КАРТИНКИ

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 27 Ноября 2010 г. 01:27ссылка

nataliya_bezushko

НАТАЛИЯ_КОНОВАЛЕНКО,Наташа вот скопируй этот код
<textarea rows="1" cols="20">Код рамки или картинки</textarea>

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 27 Ноября 2010 г. 11:06ссылка

НАТАЛИЯ_КОНОВАЛЕНКО

Я ВЫСТАВЛЯЮ КАРТИНКУ И ЗАТЕМ ПИШУ ВОКРУГ НЕЕ КОД РАМОЧКИ.

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 27 Ноября 2010 г. 11:21ссылка

НАТАЛИЯ_КОНОВАЛЕНКО

НЕ ПОЛУЧИЛОСЬ ПИСЬМО КАК НУЖНО. КОРОЧЕ ГОВОРЯ ДЕВЧАТА ПОДСКАЗАЛИ , ЧТО НУЖНО НАПИСАТЬ

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 27 Ноября 2010 г. 11:24ссылка

НАТАЛИЯ_КОНОВАЛЕНКО

ЧТО С ЛИ.РУ НЕ ПОЙМУ, ПИСЬМО НЕ ТАК ПИШЕТСЯ, ПОЛОВИНУ ПИСЬМА СЪЕЛИ.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 30 Ноября 2010 г. 01:34ссылка

nataliya_bezushko

НАТАЛИЯ_КОНОВАЛЕНКО, Наташа у вас получилось или нет?

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 30 Ноября 2010 г. 09:44ссылка

НАТАЛИЯ_КОНОВАЛЕНКО

НЕТ.

Ответить С цитатой В цитатник Обратиться по имени

Среда, 01 Декабря 2010 г. 00:28ссылка

nataliya_bezushko

НАТАЛИЯ_КОНОВАЛЕНКО, Странно... я не понимаю почему не получается?

Ответить С цитатой В цитатник Обратиться по имени

Среда, 01 Декабря 2010 г. 00:41ссылка

BraveDefender

Прочитайте мои предыдущие комментарии и закройте код в конце тегом </textarea> - тогда никто ничего не съест.

Ответить С цитатой В цитатник Обратиться по имени

Среда, 01 Декабря 2010 г. 10:58ссылка

НАТАЛИЯ_КОНОВАЛЕНКО

Я ВСЕ ТАК И ДЕЛАЮ.

Ответить С цитатой В цитатник Обратиться по имени

Среда, 01 Декабря 2010 г. 11:40ссылка

BraveDefender

Дайте, пожалуйста, ссылку на код, который Вы берёте, и ссылку на пост (комментарий), куда Вы этот код вставляете.

Ответить С цитатой В цитатник Обратиться по имени

Среда, 01 Декабря 2010 г. 11:44ссылка

BraveDefender

Вы делаете не всё ТАК, как рассказываете, не морочьте голову. Ваш комментарий:

"НЕ ПОЛУЧИЛОСЬ ПИСЬМО КАК НУЖНО. КОРОЧЕ ГОВОРЯ ДЕВЧАТА ПОДСКАЗАЛИ , ЧТО НУЖНО НАПИСАТЬ
<textarea><center> ЗАТЕМ ВЫСТАВИТЬ ССЫЛКУ НА КАРТИНКУ , А ЗАТЕМ СНОВА НАПИСАТЬ ЭТИ СЛОВА , ТОЛЬКО С ПАЛОЧКОЙ ВПЕРЕДИ..." и так далее. Правильно?

Так Вы закрыли теги "<textarea>" и "<center>" в КОММЕНТАРИИ? НЕТ!

Также Вы "закрываете" и в посте или где там...

Ответить С цитатой В цитатник Обратиться по имени