Как сделать окошко для кодов?

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

Не буду вдаваться в дебри программирования, а как и всегда буду исходить из самого простого и по возможности наглядного. Внизу перед Вами сам код который нужно скопировать и поставить перед адресом картинки, кодом рамочки или текстом.

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" alt="" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

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

Для оформления блога.

1.Сделай слайд-шоу
2.Сделать видео слайд-шоу
3.Сжать видео для сети.
4.Коды цвета для текстов
5.Сделай для блога кнопку.
6.Как сделать баннер-картинку для блога.
7.Как сделать рамочку для текста самому.
8.Создать фото прикол онлайн.
9.Сделать флеш-часы для блога.
10.Сделать текст с прокруткой.

Рамочки для текстов без картинок:
1.Рамочки для текстов 1
2.Рамочки для текстов 2

Рамочки для текстов с картинками:
1.Рамочки для текстов 3
2.Рамочки для текстов 4
3.Рамочки для текстов 5
4.Рамочки для текстов 6
5.Рамочки для текстов 7 (бабочки)
6.Рамочки для текстов - Адрес Детство
7.Рамочки для текстов 9 (Мачо)
8.Рамочки для текстов 10 (Букет невесты)
9.Рамочки для текстов 11 (Природа)
10.Рамочки для текстов 12 ( Он и Она )
11.Рамочки для текстов (Любовь)
12.Рамочки для текстов (Сердечки)
13.Рамочки для текстов (Котята)
14.Рамочки для текстов (Природа - 2)
15.Рамочки для текстов (Весна)
16.Рамочки для текстов (Подводный мир)
17.Рамочки для текстов (Ночь над городом)
18.Рамочки для текстов ( Он и Она -2 )
19.Рамочки для текста (любовь)
20.Рамочки для текстов (Нежность)
21.Рамочки для текстов (Отдых, море, пляж).
22.Рамочки для текстов (Полевые цветы)
 

Эпиграфы:
Эпиграфы для блога
Эпиграфы для блога 2
Эпиграфы или просто хорошие изречения.
Эпиграфы или просто хорошие изречения - 2
 

Картинки:
1.Цветы для Вас!
2.Цветы для Вас!-2
3.Цветы для Вас!-3
4.Улыбнись с Микки Маусом )
5.Скажи СПАСИБО - красиво)
6.Скажи СПАСИБО - красиво) - 2
7.Скажи СПАСИБО - красиво) - 3
8.Пятница в картинках )
9.Спокойной ночи в картинках)
10.С добрым утром в картинках)
11.Смайлик + мультик = хорошее настроение)
12.Смайлик + мультик = хорошее настроение) - 2
13.Смайлик + мультик = хорошее настроение) - 3
14.Щенки и котята (анимация)
15.Привет в картинках)
16.Сердечки (анимашки) 2
17.Сердечки (анимашки)
18.Блеск для Ваших постов)
19.Блеск для Ваших постов -2)
20.Блеск для Ваших постов) 3
21.Малыш Купидон (картинки)
22.С днём рождения в картинках!
23.Пчёлки в картинках)
24.Мишки для Вас)))

Серия сообщений "все для блога":

Часть 1 - Бродилочка
Часть 2 - Коды цвета для текстов
...
Часть 41 - ФОНЫ ВЕРТИКАЛЬНЫЕ
Часть 42 - Дизайнерские ссылки, картинки в инете,Фотоклипарты,Шрифты,3Д-модели,Обои
Часть 43 - Без заголовка
Часть 44 - Удобная Альтернатива таблицы цветов во флэш формате
Часть 45 - База сайтов фотографов и художников:
...
Часть 98 - ТОП лучших материалов женского клуба.
Часть 99 - Адреса, которые вам пригодятся (картинки!)
Часть 100 - Без заголовка

Как сохранить записи с лирушного дневника?


Итак, чтобы сохранить записи своего дневника на ли.ру на компьютере и таким образом не потерять все, если забудете пароль или что-то случится с ли.рушкой, необходимо:
1. Зайти к себе на главную страницу. Пролистать ее вниз до упора. Там будет ссылка-текст "экспорт". Нам туда. ;)
2. Следуя инструкции сохраняем свои записи в отдельную папочку (для удобства).
3. Если Вам не нравится то, как открываются записи или они вовсе не открываются, то нужно сменить расширение на .doc (тупо выходит, видно все коды) или .html (получше, но открывается через браузер).
Прикольная вообще штучка этот "Экспорт". Можно проследить свою активность. :))

PS: Процитируйте запись, возможно, кому-то из Ваших ПЧ эта информация как раз необходима. :))

Торт "Черный лес"

Торт "Черный лес" 

 

Рецепт

Часики "механические"

Их нужно знать в лицо

Недавно файлообменный сервис depositfiles.com опубликовал внушительный список мошейников (http://depositfiles.com/ru/fraud_warning_list.html). Список сайтов-мошенников, составленный по жалобам пользователей depositfiles.com: Так же не рекомендуется отсылать смс на следующие короткие номера Подробности http://goose.name/ Обязательно поделитесь с друзьями! стами

Шпаргалки новичкам.

Друзья! Предлагаю вашему вниманию несколько шпаргалок для начинающих Лирушников. Буду рада, если моя информация пригодится!

Шпаргалка 1. Загрузка и Настройка аватары дневника.

Шпаргалка 2. Настройка рубрик-подрубрик дневника с оформлением цитаты.

Шпаргалка 3. Некоторые советы по настройке дневника.

Шпаргалка 4. Нюансы добавления сообщений в дневник.

Шпаргалка 5. Создание первого поста в дневнике с загрузкой фотографий(картинок).

Шпаргалка 6. Несколько постоянно нужных вещей.

Делаем баннер самостоятельно.

Делаем бесшовные фоны для схем оформления дневников.

Теги работающие на ЛиРу

Оформляем текст и картинки

Print Screen: как сделать скриншот.

Работа в графическом редакторе Paint.

Самые полезные интернет-сервисы

Больше не надо терзать Goоgle в поисках по-настоящему нужных сайтов.Тут собраны онлайновые сервисы которые приносят больше всего пользы и радости

«Грамота.ру»
gramota.ru

Помимо очевидного — различных словарей, от «Живаго великорусского» Даля до словаря арго, здесь есть незаменимая функция — «Справка». В этом разделе можно задать любой вопрос: например, как правильно пишется по-русски название парижского музея d’Orsay. Специалисты Института русского языка РАН в течение суток дадут ответ — оказывается, по-русски этот музей пишется просто «Орсе», без всякого «д».

Напиши
napishi.ru

Сервис, с помощью которого можно, не отходя от компьютера, отправить бумажное письмо. Отправитель просто набирает текст и адрес, жмет на кнопку «Добавить», а владелец сайта распечатывает письмо, кладет его в конверт и отправляет нужному адресату. Что касается оплаты, то можно заплатить самому, можно отправить письмо за счет спонсора, и тогда в него будет вложена реклама, а можно — за счет владельца сайта. Правда, он очень просит этим не злоупотреблять.

Читать далее...

новый сайт БЛЕСТЯЩИХ НАДПИСЕЙ

Серия сообщений "1.ЛИРУШКИН ЛИКБЕЗ - подсказки":

Часть 1 - РУБРИКИ Дневника = метки БЛОГА на майле
Часть 2 - В черновик теперь можно добавить видео, музыку, новость или ссылку
...
Часть 33 - формула"прокрутки" или ..."СКРОЛЛБАР"
Часть 34 - Разблокировщик Windows от NOD32
Часть 35 - новый сайт БЛЕСТЯЩИХ НАДПИСЕЙ
Часть 36 - восстановление по "точке возврата"
Часть 37 - ...беспредел...только без паники...
...
Часть 40 - ВОССТАНОВЛЕНИЕ СИСТЕМЫ по "КОНТРОЛЬНОЙ ТОЧКЕ" (ВОЗВРАТА)
Часть 41 - сайты-ИСТОЧНИКИ компьютерных ЗНАНИЙ
Часть 42 - как получить КОД рамочки на ЛИру

Серия сообщений "1.МАЙЛОВСКИЙ ЛИКБЕЗ - подсказки":

Часть 1 - кнопки РЕЙТИНГА в Яндексе
Часть 2 - кнопки рейтинга счетчики информеры посещений
...
Часть 15 - формула"прокрутки" или ..."СКРОЛЛБАР"
Часть 16 - Разблокировщик Windows от NOD32
Часть 17 - новый сайт БЛЕСТЯЩИХ НАДПИСЕЙ
Часть 18 - восстановление по "точке возврата"
Часть 19 - ...беспредел...только без паники...
Часть 20 - ВОССТАНОВЛЕНИЕ СИСТЕМЫ по "КОНТРОЛЬНОЙ ТОЧКЕ" (ВОЗВРАТА)
Часть 21 - сайты-ИСТОЧНИКИ компьютерных ЗНАНИЙ

Оформляем текст и картинки

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>