Часто бывает так ,что текст надо разбить на две колоночки,но как это сделать?Легко скажу я Вам..Всего лишь надо воспользоваться кодом Код для такой записи смотрите в окошечке <table width=100%><tr><td width=50%>текст левой колонки<td width=50%>текст правой колонки</table>

Вот в принципе и всё ...
Возможно, кому то и пригодится!

ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода <input type='text' size='15' value='Код рамки'>

Рамка в два слоя

Картинка слева от текста
Картинка справа от текста
Текст между двумя картинками
Делим пост на две части

Рамка вокруг текста
Картинка или текст в разрыве рамки

Ссылка  Лариса Гурьянова

Ссылка Источник

Изменить цвет ссылки

Фон для записи

Сложная таблица

Прокрутка для текста

1.<div align="center"><select multiple="multiple" size="10">ТЕКСТ...</select></div>

Каждую строчку заключаем в теги <option>СТРОЧКА </option>

2.<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2">Здесь будет ваш очень большой текст</textarea>

НАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИ

Метки: все для блога, памятка начинающим

      Хотите 

                            сделать

                                          фигурную

                                                           надпись?

      меда                       500 гр.

      сахара                     100 гр.

      очищенных грецких орехов   500 гр.

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ
 

Как вставить картинку в разрыв рамки

Иногда для поста нам не очень нужна рамка в несколько слоев. Мы используем простую.
Но ее тоже хочется как-то оживить.
Это можно сделать с помощью картинки, вставленной в разрыв рамки. Так, как здесь.

Для этого надо воспользоваться такой формулой:

<fieldset> <legend>ТЕСТ (или картинка) в разрыве </legend>ТЕКСТ внутри рамки</fieldset>

<fieldset><legend>ТЕСТ (или картинка) в разрыве </legend>ТЕКСТ внутри рамки </fieldset>

Цитата мастера Куляш_Тулебаева

НА ЭТОМ САЙТЕ за несколько минут без особых усилий можно сделать различные таблички и надписи для оформления ( не забудьте посмотреть образцы на всех 14 страницах) : *** http://giiif.ru/zt/ http://4maf.ru/pisec/ http://giiif.ru/at/ http://giiif.ru/bt/ http://smayli.ru/generatonadpisey/ http://www.imagechef.com/ic/product.jsp?cat=fun http://textanim.com/#text http://pepyaka.su/ http://cooltext.com/ http://gifr.ru/glitter/ http://www.freeonlinephotoeditor.com/index.php http://reddodo.com/ru/ http://textanim.com/[/url] http://www.x-lines.ru/?go=inscription_url http://livetyping.ru/ http://www.holla.ru/ http://glowtxt.com/ http://cooltext.com/Logo-Design-Glowing-Hot http://www.x-lines.ru/?go=inscription_ab Куляш

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

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

<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.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

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

Серия сообщений "Все для блога":
Часть 1 - Словари и автоматические переводчики в сети
Часть 2 - On-line генераторы
...
Часть 48 - Пост доступен на странице сообщения..
Часть 49 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 50 - Нужные формулы для дневника

читать дальше...

 

Коды для рамочек

 

1. Рамочка с разрывом (картинка или текст) и с фоном

<table background="URL АДРЕС ФОНА"><tr><td><FIELDSET><LEGEND>ТЕкСТ (или КАРТИНКА) в разрыве </LEGEND><center>ТЕКСТ внутри рамки, т.е.ВАШ ПОСТ <center></FIELDSET></td></tr></table>

2. Рамочка с разрывом (картинка или текст) без фона

<FIELDSET><LEGEND>ТЕкСТ (или картинка) в разрыве </LEGEND><center>ТЕКСТ внутри рамки т.е.ВАШ ПОСТ<center></FIELDSET>

3. Просто рамочка, без разрыва и без фона, вокруг вашего текста

<fieldset>ВАШ ТЕКСТ</fieldset>

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 10 - Создаем кнопку-переход на свой блог
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Сайт анимации.
...
Часть 16 - Урок об написании постов на Ли.ру от MissKcu
Часть 17 - "Как поставить картинку в Рубрику". Урок от MissKcu
Часть 18 - Урок " Делаем бесшовные фоны программой 20 на 20"

Как сделать таблицу для нескольких картинок,чтобы она выглядела так: <a href="http://smiles.33bru.com/smile.162992.html" target="_blank"><img src="http://s19.rimg.info/42e4f0aeff54b5314954aee5eb5594e8.gif" border="0" /></a> <a href="http://smiles.33bru.com/smile.162988.html" target="_blank"><img src="http://s19.rimg.info/f8dc910f3da91715a7471bf5c9989a00.gif" border="0" /></a> <a href="http://smiles.33bru.com/smile.162987.html" target="_blank"><img src="http://s19.rimg.info/38e895dc716316fe085dca984ea99fc0.gif" border="0" /></a> <a href="http://smiles.33bru.com/smile.162985.html" target="_blank"><img src="http://s19.rimg.info/8debdc0c2ee21a72650064b65e235dbc.gif" border="0" /></a><br />

Серия сообщений "мои уроки":

Часть 1 - Урок. Делаем схему для дневника.
Часть 2 - Урок. Меняем цвет фона на странице сообщения.
Часть 3 - ФОРМУЛЫ ТАБЛИЦ ДЛЯ КАРТИНОК С ОКОШКАМИ
Часть 4 - УРОК. КАК СПРЯТАТЬ СООБЩЕНИЕ ПОД КАТ И ИСПОЛЬЗОВАТЬ КНОПОЧКУ.
Часть 5 - Урок. Как сделать плеер-украшение
Часть 6 - УРОК. КАК СДЕЛАТЬ КОЛЛАЖ СО СТИХАМИ ПО ФОРМУЛЕ
Часть 7 - Урок"Как избежать деления рамочки ФШ при написании в ней текста"
Часть 8 - ДЕЛАЕМ РАЗРЕЗНУЮ РАМОЧКУ В ГРАФИЧЕСКОМ РЕДАКТОРЕ GIMP

Создаем новый файл. Задаем размеры, как на скрине: 875*1400, разрешение 28. Образаем внимание, что фон ПРОЗРАЧНЫЙ!!!

 

 

Значок на панели инструментов - ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ (радиус 30-50, как нравится). Наводим курсор на начальную точку угла, нажимаем на левую мышку и не разжимая ведем аккуратно от угла по всему полю вниз,  ближе к краю. Для того, чтобы не было видно нижних закруглений (для не очень прозрачного фона), вести можно чуть ниже слоя1. Отпускаем.

читать дальше...

И вот какой,  в нескольких местах, прозрачный фон у меня получился....

 

 

Серия сообщений "Мои уроки по ФШ":

Серия сообщений "Мои уроки по Ли.ру":
 

mimozochka Этот пост я сделала для тех кто хочет научиться ставить музыку на картинку. Здесь я выделила цветом ,что нужно менять по вашему желанию. Размер 18,18, в виде кнопки как у меня на картинке показан на скрине,но можно свои размеры.Код вставляем полностью,что взяли с сайта.Музыку берем с сайта Здесь То что помечено зеленым,в кавычках меняем, вправо или влево по желанию. Значения(br) это наскольно вниз вы хотите опустить плеер. Нижняя часть скрина,код картинки с музыкой.Сам код находится внизу в окошке для кода. <table align="center"><table width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="border:ШИРИНА бордюра px" background="АДРЕС КАРТИНКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" align="center"><span style="font-family:Georgia;color:#000000;font-size:20px"><b><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> КОД ПЛЕЕРА<br /><p align="center"><a target="_blank" href="АДРЕС ВАШЕГО ДНЕВНИКА"><font size="1"><font color="000000">ВАШ НИК</font></font></a></p></b></span></td></tr></table></table><center></center> mimozochka

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 8 - Урок" Кто совсем не умеет копировать и вставлять текст в рамки"
Часть 9 - Урок к коллажу"Penta" (коллажи№1058-1059)
Часть 10 - Урок для новеньких"Как вставить музыку на картинку"

Серия сообщений "уроки по музыке":

Часть 1 - Как легко найти и вставить музыку в дневник
Часть 2 - Добавляем музыку в дневник...
...
Часть 6 - Если в блоге не играет музыка.
Часть 7 - Учимся делать музыкальную открытку
Часть 8 - Урок для новеньких"Как вставить музыку на картинку"

Как сделать бесшовный фон в Gimp. Урок для начинающих. Открываем наше изображение.Файл ,открыть,находим нужную папку. Открываем изображение,щелкаем 2 раза по выделенному файлу. Как видите изображение большое,надо его уменьшить Читать далее mimozochka

Серия сообщений "уроки в Gimp":

Часть 1 - Как сделать бордюры в Gimp
Часть 2 - Веер в Gimp
Часть 3 - Книга в Gimp
Часть 4 - Урок"Делаем бесшовный фон в Gimp"

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 9 - Урок к коллажу"Penta" (коллажи№1058-1059)
Часть 10 - Урок для новеньких"Как вставить музыку на картинку"
Часть 11 - Урок"Делаем бесшовный фон в Gimp"

1. Подробное описание клавиш клавиатуры.
2. Азбука для начинающего блоггера.
3. Компьютерные курсы для начинающих.
4. HTML Шпаргалка.
5. Шпаргалочка по тегам.
6. HTML - уроки по разметке текстовых документов, для домохозяек.
7. Компьютер - просто о сложном. Уроки новичку для быстрого освоения компьютера.
8. Секреты вашей клавиатуры.
9. Необычные надписи для дневника, пожелания для друзей.
10. Пишем цветным радужным текстом.
11. Цветной текст для Вашего дневника. Текстокрас.
12. Шрифты для заголовков в блоге.
13. Блестящий текст.
14. Как разделить текст на две колонки?
15. Как установить картинки в линеечку?
16. Сравним Windows 7 с Windows 8.
17. Анонимно выразили "антипатию".
18. Создаём индивидуальный баннер для блога (дневника).
19. Компьютерные курсы on-line. Подробные уроки для начинающих и не только...
20. Все настройки ЛиРу в картинках.
21. Информер для дневника в виде глобуса или карты.
22. Как правильно выключать экран ноутбука?
23. Основы работы на компьютере – Windows 7 (для новичков)|Видео уроки: Часть 1
24. Основы работы на компьютере – Windows 7 (для новичков)|Видео уроки: Часть 2.
25. Основы работы на компьютере – Windows 7 (для новичков)|Видео уроки: Часть 3.
26. Основы работы на компьютере – Windows 7 (для новичков)|Видео уроки: Часть 4.
27. Основы работы на компьютере – Windows 7 (для новичков)|Видео уроки: Часть 5.
28. Синий экран смерти и что нужно делать при его появлении.
29. Ждущий режим или спящий режим, что лучше?
30. Полезный инструмент «Ножницы» на Windows 7. Информация для новичков!