Искрометный-заводной и немного несерьезный форум поклонников олимпийской чемпионки Татьяны Навки и фигурного катания!
 
ФорумПравилаКалендарьЧаВоПоискПользователиГруппыАктивные темыРегистрацияВход

Поделиться | 
 

 Как оформить текст

Перейти вниз 
АвторСообщение
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Как оформить текст   Сб 13 Авг - 11:00

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



   


Последний раз редактировалось: Мастер-ломастер (Сб 13 Авг - 13:13), всего редактировалось 2 раз(а)
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 11:03

Картинка обтекаемая текстом

Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.


Код обтекания картинки текстом

Код:
<img src="httр:адрес картинки"  align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть  изображение. Какое оно будет, решать вам"


Последний раз редактировалось: Мастер-ломастер (Сб 13 Авг - 11:16), всего редактировалось 1 раз(а)
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 11:14

Картинка слева от текста

Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.

Код картинки слева


Код:
<img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 11:22

Картинка справа от текста:



Все правила написания для правой стороны такие же , как и для левой.
Пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.
Код для картинки справа:



Код:
<img src="URL адрес картинки"  align="right" border="0">Пишем свой текст, что напишем, то и увидим
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 11:36

Картинка в центре текста:

Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.



Код для картинки в центре текста:

Код:
Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 11:39

Текст между двух картинок








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

Код для текста между двух картинок

Код:
<table align=center border=0>
<tr>
<td><img src="URL адрес КАРТИНКИ"></td>
<td>Текст, который красиво расположится между картинками.</td>
<td><img src="URL адрес КАРТИНКИ"></td>
</tr>
</table>
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 11:44

Картинка между текстом







Красиво получается, когда картинка находится между текстом, как-то необычно.
Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии




Код для картинки между текстом

Код:
<table align=center border=0>
<tr>
<td>ТЕКСТ</td>
<td><img src="URL адрес КАРТИНКИ"></td>
<td>ТЕКСТ</td>
</tr>
</table>
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 11:53

Как сделать, чтобы текст «обтекал» картинку?

Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20

Код картинки примет вид:
Код:
<img src="http:…" align="left" hspace="20" />

Помни: align=left – картинка слева, текст справа

align=right - картинка справа, текст слева

hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали

vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали

Код картинки с плавным обтеканием текстом справа и снизу (или сверху):

Код:
<img src="http:…" align="left" hspace="20" vspace="15" />



Прекратить обтекание и вернуть текст под картинку можно тэгом
Код:
 <br />
, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.

Код:
<br /><br /><br />
- три пустые строки.
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 11:58

Как сделать бегущую строку?



Бегущая влево строка бегущая влево

Код:
<marquee>ВАШ ТЕКСТ</marquee>



Бегущая вправо строкабегущая вправо

Код:
<marquee direction="right">ВАШ ТЕКСТ</marquee>



Бегущая от края к краю строкабегущая от края к краю

Код:
<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 12:04

Как сделать бегущую картинку?



Код:
<marquee><img src="адрес картинки"></marquee>
-
Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 12:14

Картинка на кнопке




Код:
<form action="АДРЕС страницы" method="get"><button style= type="submit"><img src="Адрес картинки"></button><input type=hidden name=tok value=7872c9732c30ebf0d540cbe7c835019f /></form>


Текст на кнопке


Код:


<form action="АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Название кнопки"><input type=hidden name=tok value=7872c9732c30ebf0d540cbe7c835019f /></form>


Текст и картинка на кнопке



Код:
<form action="Адрес страницы" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align=absMiddle> TEКСT</button><input type=hidden name=tok value=7872c9732c30ebf0d540cbe7c835019f /></form>
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Мастер-ломастер
Admin
avatar

* : navka-ice-queen
Сообщения : 365
Регистрация : 2014-11-23
Откуда : Россия

СообщениеТема: Re: Как оформить текст   Сб 13 Авг - 13:00

Рамка с разрывом Картинки

Опубликован состав участников 3-го этапа юниорского Гран-при в Йокогаме (Япония), который пройдёт с 7 по 9 сентября 2016 года.

От России заявлены Софья Самодурова, Анна Тарусина, Алексей Ерохов, Артём Ковалёв, танцевальные дуэты Софья Полищук — Александр Вахнов, Анастасия Шпилевая — Григорий Смирнов.


Код:
<fieldset><legend><img src="АДРЕС КАРТИНКИ "></legend>ВАШ ТЕКСТ</fieldset>



Рамка с разрывом Текста

Добро ПожаловатьИскрометный-заводной и немного несерьезный форум поклонников олимпийской чемпионки Татьяны Навки и фигурного катания!



Код:
<fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>
Вернуться к началу Перейти вниз
http://dfghjkl.forum3-15.com
Спонсируемый контент




СообщениеТема: Re: Как оформить текст   

Вернуться к началу Перейти вниз
 
Как оформить текст
Вернуться к началу 
Страница 1 из 1
 Похожие темы
-
» Является ли приведённый текст аутентичным?
» Подскажите,можно ли оформить ипотеку,если есть квартира в собствености?
» Как оформить жалобу на Сбербанк?
» Как скрыть текст под кнопкой "Спойлер"
» Какие льготы на квартплату у инвалидов и как их оформить

Права доступа к этому форуму:Вы не можете отвечать на сообщения
forum prosto tak  :: Второй форум :: Полезное для форума-
Перейти: