Рамки для выделения текста.

Рамка КАРТИНКА как ФОН.

Пример такой рамочки,как она будет выглядеть. Можно брать любую КАРТИНКУ -jpg или gif-(блестящую). Взять картинку или фон можно ЗДЕСЬ. Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ. Делаем рамку ,на свой вкус, так: Заходим и выбираем картинку.НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 780px;ШИРИНА картинки HEIGHT: 600px"ВЫСОТА... Затем находим надпись—Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ. Если хотите с компа через Лиру-тогда ОБЗОР... И дальше помотреть можно ЗДЕСЬ. Где написано ВАШ ТЕКСТ— Пишите свой текст. Где написано ССЫЛКА НА ВАШ ДНЕВНИК и ВАШ НИК—Пишите свой НИК. Посмотреть как сделать ССЫЛКУ на ваш дневник и НИК можно ЗДЕСЬ. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. SvetlanaT

Код "СКЕЛЕТИКА" к этой рамке. <table style="WIDTH: 780px; HEIGHT: 600px" cellspacing="3" cellpadding="3" align="left" border="1" background="ФОН-КАРТИНКА"><tbody><tr><td><font face="Helvetica" color="000000" size="3"><b><p align="center"><br /></p>ВАШ ТЕКСТ.<br /></b><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></font></td></tr></tbody></table>

УРОК. РАМКА В РАМКЕ...

СДЕЛАЕМ РАМКУ С ОБВОДКОЙ ВОКРУГ КАРТИНКИ И ВОКРУГ ТЕКСТА. Вот такую. ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ… СМОТРЕТЬ УРОК...

Дорогие друзья и гости! Кому некогда или лень писать комментарии, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Благодарю за цитирование!

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 18 - Шпаргалка для оформления постов.
Часть 19 - Урок. Ваш компьютер не читает программы на русском языке? Как это исправить?
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.

Учимся делать Рамку с уголками.

Вот так эта рамка будет выглядеть. Теперь как её сделать.Внизу в окошке для кодов Скопируйте "СКЕЛЕТИК" этой рамки. Тоесть вы полностью эту рамку сделаете сами и поставите под ней ВАШ НИК. Код вставлять к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. ЗДЕСЬ далее... SvetlanaT

КОД РАМКИ. <table style="border:0px none #000000" background="ФОН 1 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="ФОН 2 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="ФОН 3 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="ФОН 4 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table style="border:0px none #000000" background="ФОН 5 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="750" height="600" style="border:0px none #000000" background="ФОН 6 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="ФОН 8 СЛОЙ"><tbody><tr><td>УГОЛОК ВВЕРХ СЛЕВА</td><td width="100%"> </td><td>УГОЛОК ВВЕРХ СПРАВА </td></tr><tr><td> </td><td><br /><center> ЛИНЕЕЧКА ВВЕРХУ <br /> <font color="8B4513"><font size="4"><font face="Ruritania"><br /> ВАШ ТЕКСТ </font></font></font></center><br /><center>ЛИНЕЕЧКА ВНИЗУ </center></td><td> </td></tr><tr><td>УГОЛОК НИЗ СЛЕВА </td><td> </td><td>УГОЛОК НИЗ СПРАВА<br /> </td></tr></tbody></table></td></tr></tbody></td></tr></table></td></tr></table></td></tr></table></td></tr></table><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></td></tr></table></td></tr></table>

От Чайника-Чайнику / разбор рамки 2
 

Здравствуйте друзья и гости! Сегодня я вновь хочу рассказать как делать рамки самому. Урок от "Чайника"-"Чайнику" Возьмём к примеру вот такую рамку. Скопируйте её к себе в новую запись. <div><div align="center"><table style="border: 1px solid rgb(192, 192, 192);" background="АДРЕС ФОНА 1 РАМКИ" border="1" cellpadding="5" cellspacing="1"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 5px;"> <div align="center"><table style="border: 1px solid rgb(192, 192, 192);" background="АДРЕС ФОНА 2 РАМКИ" border="1" cellpadding="4" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 4px;"> <div align="center"><table style="border: 2px solid rgb(192, 192, 192);" background="АДРЕС ФОНА 3 РАМКИ" border="2" cellpadding="4" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 4px;" valign="top" width=""> <div align="center"><table style="border: 3px solid rgb(192, 192, 192);" background="АДРЕС ОБЩЕГО ФОНА" border="3" cellpadding="3" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"></td></tr><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"><img data-cke-saved-src="АДРЕС 1 ВЕРТИКАЛЬНОЙ ЛИНИИ" src="АДРЕС 1 ВЕРТИКАЛЬНОЙ ЛИНИИ" width="80" border="0" height="300" /></td><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"> <div align="center"><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" /><br /><font color="#cd5555"><font size="5"><font face="monotype corsiva"> <div align="center"><br />ВАШ ТЕКСТ<br /><br />Рамка от ИЛЬЯНЫ<br /></div><br /></font></font></font><br /><br /></div><br /></td><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"> <div align="center"><img data-cke-saved-src="АДРЕС 2 ВЕРТИКАЛЬНОЙ ЛИНИИ" src="АДРЕС 2 ВЕРТИКАЛЬНОЙ ЛИНИИ" width="80" border="0" height="300" /></div><br /></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></div> ТЕ, КТО УЖЕ МОЖЕТ САМОСТОЯТЕЛЬНО РАЗОБРАТЬСЯ, ДЕРЗАЙТЕ!!! ОСТАЛЬНЫХ ПРОШУ ПРОДОЛЖИТЬ ДАЛЬШЕ СЛЕДОВАТЬ ЗА МНОЙ...

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

Урок . Учимся работать с фоном .
 

Доброго времени суток ВАм !!!
Много вопросов задают по поводу
смены фона для записи .
Мы с вами уже разбирали такой вариант как смена
фона под участком текста, не
не прибегая к "услугам" рамки.
ЧИТАЕМ ЗДЕСЬ
Теперь я предлагаю вам следующий вариант
фона для текста( вашим текстом может быть
стих, проза и даже картинка)
Для обучения я предлагаю вам на ваш вкус
несколько фонов ! Пусть они служат вам обучающим
тренажором ....

ВАШ текст

<center><table border="2" background="//s40.radikal.ru/i090/0901/34/0053ab6e21a3.jpg" cellpadding="13" cellspacing="0" width="700"><tr><td><font size="5"><center>ВАШ текст </center></font></td></tr></table></center>

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

Как сделать рамочку для текста самому?

Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.

Вариант 1. Рамка простая (к примеру, для цитат).
Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое, что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.

<fieldset><legend><img src="Сюда вставить адрес картинки " /> </legend> Здесь написать Ваш текст.</fieldset>

Вставили? Идём дальше.

1. Там где написано - "Сюда вставить адрес картинки" - вставляете адрес нужной картинки. Где её взять? Есть только два варианта: первый - Вы должны её загрузить со своего ПК, второй - найти её в интернете и нажав на ней правую кнопку мыши, копировать ссылку на изображение.

2. Где написано - "Здесь написать Ваш текст" - думаю, проблем не возникнет - пишите всё что посчитаете нужным.

Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.

<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>

Вот и всё. В результате у Вас должно получится что-то подобное. С картинкой:

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

Маргарита Валуа

Учимся делать и другие рамки. Это очень просто! >>>

PHP DevelStudio - Создание MP3 плеера

CКАЧАТЬ ПРОГРАММУ PHP DevelStudio





ВЫБРАТЬ ИКОНКУ ДЛЯ ПЛЕЕРА

в появившемся поисковике пишем iconset:ie_Glossy_button
Выбираем кнопки и скачиваем их на компьютер

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

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.




ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.

Наверно многие ( и я в том числе) сталкивались с тем, что при попытке вставить фотошопную мейловскую рамочку на Ли.Ру., она (рамка) разрывается по высоте.
Чтобы такого не происходило, надо использовать для рамки другой код. Я знаю, по крайней мере, два варианта. Коды изобретены не мной, вот они:

Первый вариант:
Код рамки:

Второй вариант.
Код рамки:

Напоминаю вам, что ШИРИНА всех частей рамки должна быть ОДИНАКОВОЙ!!!
Удачи!

для вас Лариса Гурьянова

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 34 - Делаем в ФШ рамку для видео
Часть 35 - Делаем "рваную" рамку
Часть 36 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 37 - Как сделать разрезную рамку в ФШ
Часть 38 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 39 - Коды для Мейла и ЛиРу
Часть 40 - Делаем разрезную рамку в ФШ

Нужные формулы для дневника

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

Блог Лиры