-Метки

Упаковка подарков аксессуары альтерскрап ангелы атсное бабочки библиотека блокноты букеты бутылки и банки в дело вдохновение весеннее винтаж военное вояж вязание и шитье декупаж деньги деревья детское для курсов и мк домашнее женское животные журналинг зимнее игрушки идейки интерьер календари картинки квиллинг книжное конверты коробочки кофе красота и здоровье крафт кулинарная книга кухонное мамины сокровища мастер-класс микс-медиа мои работы монохром морское мужское музыка надписи новогоднее нужна помощь организация рабочего пространства осеннее открытки пасхальное пергамано печать письма подарки позитифф поп-ап поэтическая страничка птицы ретро рецепты рисование розы рукодельницы свадебное свечи сердце скрапнабор стимпанк странички схемы теория топиарий тревел-бук тэги фишки фоамиран фоны фотоальбомы фоторамки хозяйское цветы часы чековая книжка желаний шаблоны шебби шебби-шик шедоу-бокс шейкер шкатулки школьное шоколад экостиль элементы открыток яйца

 -Поиск по дневнику

Поиск сообщений в A_k_v_a_r_e_l

 -Подписка по e-mail

 

 -Сообщества

Участник сообществ (Всего в списке: 3) АТС_-_мания Мир_добрых_людей Scrapbooking
Читатель сообществ (Всего в списке: 2) Blak_panther Поиск_Пропавших_Без_Вести

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.07.2010
Записей:
Комментариев:
Написано: 13674


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

Вторник, 18 Января 2011 г. 23:15 + в цитатник
Цитата сообщения Sweets_Cherry


Картинка обтекаемая текстом
Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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>

 


 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку