Это цитата сообщения Дайтека Оригинальное сообщение

Рамочки для текстов



Всем привет!

Утром смотрела один из блогов, так там хозяйка всё пишет в разных рамочках, получается очень оригинально. Решила научиться так же делать))) зачем пока не знаю, но очень хотелось. После всех экспериментов с кодами вот что получилось. Если нравится пользуйтесь, ну а нет так я тоже не обижусь. Если кому-то нужны другие цветовые гаммы пишите - сделаю.

Что нужно для вставки:

1. Копируете код из флейма
2. Новая запись – ВНИМАНИЕ – ПРОСТОЙ редактор , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

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

ВАШ Т Е К С Т

<center><table border="2" background="http://s45.radikal.ru/i108/0812/c5/1f27d1dffdd5.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://s40.radikal.ru/i089/0812/77/b81baf69923c.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="http://img0.liveinternet.ru/images/attach/b/2/26/445/26445509_6745663_e0b98c945f21.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://rd.foto.radikal.ru/0708/5e/8ece76f3bc60.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="http://img1.liveinternet.ru/images/attach/b/2/26/571/26571734_10729388_bgwatercolorstrip.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://img1.liveinternet.ru/images/attach/b/2/26/373/26373379_24729924_3493515_00001116.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="http://img1.liveinternet.ru/images/attach/b/2/26/510/26510287_102cexg7_77.gif" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://img0.liveinternet.ru/images/attach/b/2/26/571/26571916_10730264_silverribbon.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="http://img1.liveinternet.ru/images/attach/b/2/26/509/26509867_25339172_57.gif" cellpadding="3" cellspacing="3"></table></center>Читать далее...

Это цитата сообщения Nayada-vera Оригинальное сообщение

рамки от m.luba-7 [500x381] Доброе время суток! Хочу поблагодарить всех, кто пишет такие замечательные комменты на мои работы. Спасибо вам огромное!! Извените, что иногда не отвечаю. Готовлюсь к ГОСам. Сегодня мы рассмотрим движущийся текст. Таких уроков на ЛиРу много. И уменя есть в дневнике, в рубрике "советы" Итак, текст у нас будет двигаться на цветном фоне. Копируйте код, ставьте его в ПРОСТОЙ (не в расширенный формат новой записи дневника). НА МЭЙЛЕ НЕ РАБОТАЕТ читать дальше ТУТ Вот и все. УДАЧИ ВАМ!!!

Это цитата сообщения Дайтека Оригинальное сообщение



Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

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

Перед нами рамочка уже готовая с кодом для вставки:

ВАШ Т Е К С Т

<center><table border="2" background="http://netpla.narod.ru/images/wood-13.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

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

[670x201]

1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


Те кто не хотят возиться с изготовлением можете зайти в раздел - Для оформления блога и взять уже готовые рамочки.

PS: добавила по просьбе. Это коды для изменения цвета текста в Ваших постах.
<font color="red">текст</font> красный текст
<font color="lime">текст</font> зеленый текст
<font color="navy">текст</font> синий текст
<font color="purple">текст</font> фиолетовый текст
<font color="yellow">текст</font> желтый текст
<font color="fuchsia">текст</font> фуксия текст
<font color="maroon">текст</font> коричневый текст
<font color="aqua">текст</font> голубой текст

Сделать картинку или текст по центру
<center>ВАШ ТЕКСТ</center>

Справа и слева загружайте как обычно с указанием направления

Это цитата сообщения Дайтека Оригинальное сообщение



Всем привет!

Утром смотрела один из блогов, так там хозяйка всё пишет в разных рамочках, получается очень оригинально. Решила научиться так же делать))) зачем пока не знаю, но очень хотелось. После всех экспериментов с кодами вот что получилось. Если нравится пользуйтесь, ну а нет так я тоже не обижусь. Если кому-то нужны другие цветовые гаммы пишите - сделаю.

Что нужно для вставки:

1. Копируете код из флейма
2. Новая запись – ВНИМАНИЕ – ПРОСТОЙ редактор , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

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

ВАШ Т Е К С Т

<center><table border="2" background="http://s45.radikal.ru/i108/0812/c5/1f27d1dffdd5.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://s40.radikal.ru/i089/0812/77/b81baf69923c.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="http://img0.liveinternet.ru/images/attach/b/2/26/445/26445509_6745663_e0b98c945f21.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://rd.foto.radikal.ru/0708/5e/8ece76f3bc60.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="http://img1.liveinternet.ru/images/attach/b/2/26/571/26571734_10729388_bgwatercolorstrip.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://img1.liveinternet.ru/images/attach/b/2/26/373/26373379_24729924_3493515_00001116.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="http://img1.liveinternet.ru/images/attach/b/2/26/510/26510287_102cexg7_77.gif" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://img0.liveinternet.ru/images/attach/b/2/26/571/26571916_10730264_silverribbon.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="http://img1.liveinternet.ru/images/attach/b/2/26/509/26509867_25339172_57.gif" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2"></table></td></tr></table></center>Читать далее...

Это цитата сообщения your_duckling Оригинальное сообщение

Заголовок



Шпаргалочка по тегам
Берём к себе в цитатник.

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

Перечёркнутый текст: ТЕКСТ

<s> ваш текст </s>

Подчёркнутый текст: ТЕКСТ

<u> ваш текст </u>

Полужирный текст: ТЕКСТ

<b> ваш текст </b>

Полужирный крупный: ТЕКСТ

<big> ваш текст</big>

Курсивный текст: ТЕКСТ

<i>ваш текст </i>

Маленький текст: текст

<small>ваш текст</small>

Текст (картинка) по центру:

<center>ваш текст (картинка) </center>

Выравнивание текста по правому краю поста:

<div align="right"> ваш текст </div>

Равномерное выравнивание текста по всей ширине поста:

<div align="justify"> ваш текст </div>

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

<blockquote> ваш текст </blockquote>

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

<pre>ваш текст</pre>

Бегущая строка (картинка):

<marquee> ваша бегущая строка (картинка)</marquee>

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТ^сноска

^{ваша сноска}

Сноска внизу: ТЕКСТ_сноска

_{ваша сноска}


Размер шрифта:

Уменьшить текст: текст - 2

<font size="-2"> уменьшенный текст </font>

Увеличить текст на 1 пункт: текст + 1

<font size="+1"> увеличить текст на 1 пункт </font>


Увеличить текст на 2 пункта: текст + 2

<font size="+2"> увеличить текст на 2 пункта </font>


Увеличить текст на 3 пункта: текст + 3

<font size="+3"> увеличить текст на 3 пункта </font>


Цвет шрифта

КРАСНЫЙ: красный текстм

<font color="red"> красный текст </font>

ЖЕЛТЫЙ: желтый текст

<font color="yellow"> желтый текст </font>

ФИОЛЕТОВЫЙ: фиолетовый текст

<font color="purple"> фиолетовый текст </font>

ЗЕЛЕНЫЙ: зеленый текст

<font color="lime"> зеленый текст </font>

СИНИЙ: синий текст

<font color="navy"> синий текст </font>

ФУКСИЯ: фуксия текст

<font color="fuchsia"> фуксия текст </font>


Оформление ссылок

Как вставить ссылку на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

Как сделать, чтобы картинка была ссылкой на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:

<a href="АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>

Это цитата сообщения _LexIncorp_ Оригинальное сообщение

Есть у нас картинка. Например, из поста 50 -1 Изумительных Цифровых Портретов
[300x226]
Ее адрес: http://img-fotki.yandex.ru/get/3308/lexincorp.bd/0_1de75_dfd84b4_M.jpg . А мы хотим "дать" код на нее внизу, под ней же. Вот так:<img alt="Цифровой Портрет" title="Цифровой Портрет Девушки" src="<a href="http://img-fotki.yandex.ru/get/3308/lexincorp.bd/0_1de75_dfd84b4_M.jpg"" target="_blank">http://img-fotki.yandex.ru/get/3308/lexincorp.bd/0_1de75_dfd84b4_M.jpg"</a> >

Как же это написать?

Это цитата сообщения Sheree Оригинальное сообщение

Фоны для оформления постов

При цитировании необходимо перед опубликованием записи убрать галочку со строки "Автоматически переводить URL в ссылку".

Красные и Малиновые

Пример:

/i072.radikal.ru/0901/d5/c67f747c3215.jpg" target="_blank">http://i072.radikal.ru/0901/d5/c67f747c3215.jpg);">ВАШ ТЕКСТ

Для размещения у себя копируем содержимое формы
<div style="background-color:#fff; background-image:url('http://i072.radikal.ru/0901/d5/c67f747c3215.jpg'); padding:20px 20px 20px 20px; border: 4px #EE0000 solid;"> ВАШ ТЕКСТ </div>

---

Пример:

/s46.radikal.ru/i111/0901/92/d0266b998e72.jpg" target="_blank">http://s46.radikal.ru/i111/0901/92/d0266b998e72.jpg);">ВАШ ТЕКСТ

Для размещения у себя копируем содержимое формы
<div style="background-color:#fff; background-image:url('http://s46.radikal.ru/i111/0901/92/d0266b998e72.jpg'); padding:20px 20px 20px 20px; border: 2px #FF6EB4 solid;"> ВАШ ТЕКСТ </div>

---

Пример:

/s57.radikal.ru/i155/0901/06/6fcdff95ab25.jpg" target="_blank">http://s57.radikal.ru/i155/0901/06/6fcdff95ab25.jpg);">ВАШ ТЕКСТ

Для размещения у себя копируем содержимое формы
<div style="background-color:#fff; background-image:url('http://s57.radikal.ru/i155/0901/06/6fcdff95ab25.jpg'); padding:20px 20px 20px 20px; border: 3px #8B0000 solid;"> ВАШ ТЕКСТ </div>

---

 

Веселенькие, Розовые, Голубые, Желтые, Зеленые

Это цитата сообщения milana07 Оригинальное сообщение



[698x180]
[698x225]
[698x180]

Это цитата сообщения уроки Оригинальное сообщение



Теперь в URL-рамку поставим текст с прокруткой и сделаем ее немного сложнее.
Для этого за основу возмем на простую URL-рамку.
Вот такую:

Ваш текст

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

Это цитата сообщения Lena_Niss Оригинальное сообщение

Как свой дневник "раскрутить"

Советы от E_Gal

Все несложно. Как повысить посещаемость ли.рушников:

1. Это использовать пиар сообщества - это обязательно, иначе никак.(исключаю известных людей у которых есть блог)

И так для этого есть сообщества:

ПИАР_дневников, Симпы_и_ПЧёлки, PR_dnevnikov 

Можете и сами поискать, их много.

2. Правильный пиар - это пиар через банер в вышенаписаных сообществах.

Один из способов создания банера я уже писала, теперь я нашла способ еще проще:

Заходит на www.radikal.ru/ грузим наше фото,

теперь вместо адреса радикала вставляем адре совего блога вот в этом окошечке:

[700x333]

И снизу получаем коды готовых банеров и ББкод и ХТМЛ код

3. Выкладывать в блоге интересное, что бы оно шло по ли.ру в виде цитат, когда пишете достоиный пост (например с подборкой фото) подписывайте, что составили (собрали подборку) именно Вы, то есть ставьте ссылку на свой блог.

Далее

Это цитата сообщения Lena_Niss Оригинальное сообщение

Часто задаваемые вопросы: "Кака картинку сделать сбоку от текста" он же "Как сделать что бы текст обтекал картинку"

Ответ:

Как сделать, чтобы текст «обтекал» картинку?
Легко - картинка слева, текст справа:
добавляем в код картинки:
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>

 

Нашла E_Gal

Это цитата сообщения Ах_какая_женщина Оригинальное сообщение



Где искать фоновые картинки?

AndryM : спасибо!

Avatarlessons -Avatars_and_competion- avatartutorials BEST_HAND_MADE_AVATARS Creative_Factory -DiZe_life- Find the design Internet_Links New_Dizzz -ParaDIZe- Pictures_for_design pictures_for_diary Picture_Gallery

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

Это цитата сообщения Дайтека Оригинальное сообщение



Коды для тех кто хочет поменять цвет текста в рамочках.

Рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

	Ваш текст	<font color="#000080">ваш текст</font>
	Ваш текст	<font color="#0000FF">ваш текст</font>
	Ваш текст	<font color="#3366CC">ваш текст</font>
	Ваш текст	<font color="#00FFFF">ваш текст</font>
	Ваш текст	<font color="#3D9FE">ваш текст</font>
	Ваш текст	<font color="#660066">ваш текст</font>
	Ваш текст	<font color="#9900CC">ваш текст</font>
	Ваш текст	<font color="#CC00CC">ваш текст</font>
	Ваш текст	<font color="#FF66FF">ваш текст</font>
	Ваш текст	<font color="#800000">ваш текст</font>
	Ваш текст	<font color="#CC0000">ваш текст</font>
	Ваш текст	<font color="#FF0000">ваш текст</font>
	Ваш текст	<font color="#FF6666">ваш текст</font>
	Ваш текст	<font color="#FFCCCC">ваш текст</font>
	Ваш текст	<font color="#663300">ваш текст</font>
	Ваш текст	<font color="#CC6600">ваш текст</font>
	Ваш текст	<font color="#FFFF00">ваш текст</font>
	Ваш текст	<font color="#FFFFCC">ваш текст</font>
	Ваш текст	<font color="#003300">ваш текст</font>

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

Это цитата сообщения Дайтека Оригинальное сообщение



Добрый день!

У меня подруга собралась замуж) этим и навеяны сегодняшний рамочки. Долго думала и решила оставить один фон для всех рамок, ведь практически каждая невеста выходит замуж в белом, а вот жизнь в дальнейшем у каждой складывается по разному. Как говорится - "У кого-то суп пустой, а у кого-то брильянты мелкие", "Кому-то с милым рай в шалаше, а кому-то нужно чтоб шалаш был минимум трёх этажный и желательно на Гавайских островах". Такова жизнь...

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

[325x290] ВАШ Т Е К С Т Дайтека

<center><table border="2" background="http://www.mymts.ru/content/preview.aspx?http%3a%2f%2fservices.immo.ru%2flmj-cron-xmlbuilder%2fpreview%2f69110.gif" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://s56.radikal.ru/i152/0810/b5/19d5e1c8a01a.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/0/38/811/38811836_106.jpg" target=_blank border="0">[325x290]</a><font color="fuchsia"><br />ВАШ<br /><br />Т Е К С Т<br /></font></td></tr></table><font size="-2"><a href="http://www.liveinternet.ru/users/afina74/">Дайтека</a></font></td></tr></table></center>

[301x301] ВАШ Т Е К С Т Дайтека

<center><table border="2" background="http://biopole.info/2zeln.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://s56.radikal.ru/i152/0810/b5/19d5e1c8a01a.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img1.liveinternet.ru/images/attach/c/0/38/811/38811651_91.jpg" target=_blank border="0">[301x301]</a><font color="lime"><br />ВАШ<br /><br />Т Е К С Т<br /></font></td></tr></table><font size="-2"><a href="http://www.liveinternet.ru/users/afina74/">Дайтека</a></font></td></tr></table></center>

[300x300] ВАШ Т Е К С Т Дайтека

<center><table border="2" background="http://i011.radikal.ru/0811/ad/ca80691aa7f6.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://s56.radikal.ru/i152/0810/b5/19d5e1c8a01a.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/0/38/811/38811637_f595129d8640.jpg" target=_blank border="0">[300x300]</a><font color="maroon"><br />ВАШ<br /><br />Т Е К С Т<br /></font></td></tr></table><font size="-2"><a href="http://www.liveinternet.ru/users/afina74/">Дайтека</a></font></td></tr></table></center>

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

Это цитата сообщения Lena_Niss Оригинальное сообщение

Сердеееееееечки)))

        
     
        
     

Я собираю здесь все полезностидля дневника