Расположение музыки на картинке
 

Формулы общеизвестные. На авторство не претендую.

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="left" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="center" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="right" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху справа

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="left" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="center" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="right" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу справа

Фотошоп-рубрика

Спецэффекты : Виньетка
 

1. Находим подходящий фон.

Коды для Мейла и ЛиРу
 

Ирландское вязание
 

Скачать модели и схемы http://depositfiles.com/files/6cecsa428

Платье от Оскара

.



1.

Платье

для serdjick(объяснение для новичка)
 

Это прозрачная рамочка: Попробуйте поставить текст сюда.Вместо записи "***Здесь будет Ваш текст***Поставьте свои стихи.Но сначала скопируйте код в рамочке и поставьте его у себя в редакторе)))

<i><div align="center"><table style=" width:740px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:740px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:16px"><br /><br /> ***Здесь будет Ваш текст***<br /> <br /></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></div></i>


Или перед текстом поставьте это(копируй)
<i><div align="center"></div></i>

У меня всё получилось

Рамочка с круглыми краями
 

Здесь будет Ваш текст

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

 

Если вас устраивает тот фон который есть у вас на страничке.
А пост просто хочется как-то выделить.
Можно выделить рамкой ,а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ.
Копируем код и вставляем к себе в блог в Простом редакторе.
Там где написано ВАШ ТЕКСТ- Вставляете свой текст.
Ещё в коде можно поменять цвет рамки.
Находим вот такой значёк,он обозначает цвет#FFFACD и меняем цвет на тот,
который подходит вам. Выбираем цвет здесь.

solid - край рамки имеет сплошную линию.
КОД solid<div style="border:3px solid #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div>

ЗДЕСЬ далее...
SvetlanaT

Простые, оригинальные рамочки разного цвета
 

Простые и оригинальные рамочки, которыми можно разнообразить свои посты. Смотрятся они красиво, и очень просты в использовании. Рамочки не мои, собраны на просторах инета, пользуюсь ими давно , авторов не знаю, но очень им благодарна за работу. В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе. Цвет ободков рамки так же можно менять. Таблица кода цветов НАХОДИТСЯ ЗДЕСЬ. Аккуратно стираете в коде рамки КОД ЦВЕТА, и меняете на свой. Для новичков поясню. Код цвета надо БРАТЬ ИЗ САМОЙ ПОСЛЕДНЕЙ КОЛОНКИ в таблице. Там где написано ВАШ ПОСТ- Вставляете свой текст.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 9 - Он-лайн конвертер с большим выбором форматов
Часть 10 - Бродилка по сайтам для обработки фото
Часть 11 - Простые, оригинальные рамочки разного цвета
Часть 12 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
 

ОБВЯЗКА КРАЯ-2 (двухцветное).
 

ЕЩЁ

набор альбомных рамочек
 

Простые ОБЪЕМНЫЕ рамочки разной формы
 

Простые объемные рамочки, которыми можно разнообразить свои посты. Смотрятся они красиво, и очень просты в использовании. Рамочки не мои, собраны на просторах инета, пользуюсь ими давно , авторов не знаю, но очень им благодарна за работу. В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе, меняйте фоны под свой дневник. Там где написано ВАШ ПОСТ- Вставляете свой текст.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 6 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 7 - Красивые слайд-шоу в ваш дневник
Часть 8 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 9 - Он-лайн конвертер с большим выбором форматов
Часть 10 - Бродилка по сайтам для обработки фото
Часть 11 - Простые, оригинальные рамочки разного цвета
Часть 12 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
 

набор альбомных рамочек
 

рамка в 3 слоя

Код "Cкелетика" этой рамки.<left> <table border="2" background="1СЛОЙ ФОНА" cellpadding="2" cellspacing="20" width="600"><tr><td><table border="2" background="2СЛОЙ ФОНА" cellpadding="5" cellspacing="25" width="100%"><tr><td><table border="2" background="3СЛОЙ ФОНА" cellpadding="5" cellspacing="0" width="600"><tr><td><font size="5"><font color="000000"><font face="Monotype Corsiva"><text size="4"><block>ВАШ ТЕКСТ<block><br />ВАШ НИК</block></block></text></font></font></font></td></tr></table></td></tr></table></td></tr></table></left>

текстовые весенние рамочки
 

Красивый текст для блога
 

Как сделать объёмную тень на рамочках
 

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

Примеры работы с тенью текста
 

Наиболее интересные варианты примеров работы с тенью текста используя возможности CSS. Атрибут * font-size *отвечает за размер шрифта. Например: в font-size 20xp;(размер шрифта) вместо 20 подставляем нужное вам значение. Кому интересно смотрим далее...кому нет,проходит мимо!

Как сделать тень на простой рамочке.
 

УРОК =УЧИМСЯ ДЕЛАТЬ 8-МИ СЛОЙНУЮ РАМОЧКУ=
 

ВСЕ МОИ УРОКИ ЗДЕСЬ Сегодня я хочу вам рассказать как делать 8-ми слойную рамочку такого вида: Линеечка или картинка ВАШ ТЕКСТ     Линеечка логотип

Рамки оригинальные
 

Рамки, украшенные картинкой
 

С помощью CSS можно сделать вот такие лёгкие симпатичные рамки с картинкой слева, либо справа от текста.
Не буду вдаваться в подробности, как их собрать с нуля, а поясню самое необходимое. Под каждой рамкой стоит готовый код шаблона.

Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.

Ваша подпись

<div style="background-color: #F4FC03; border:3px #00B344 ridge; width: 640px; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;"><img data-cke-saved-src="ВАША КАРТИНКА" src="ВАША КАРТИНКА" style="float: left; margin: 0px 15px 10px 0px" /><span style="font-family: Georgia; color:#000000; font-size: 18px;">Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.<br /><br /> <center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">Ваша подпись</a></center></span></div>

Смотрим дальше

Простые Рамки для выделения текста

Простые Рамки для выделения текста 1. Шпаргалочка по тегам № 1

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
 

Фоновое изображение в рамке. Часть 1
 

Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо!
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.
 

набор простых рамочек
 

Тень у рамки

Тень у букв тут: http://www.liveinternet.ru/users/ka82/post350166795/
 

вот еще такой вариант рамочек
 

Внутренние тени изображений и текста
 

Внутренние тени изображений, текста широко применяются в CSS, но и в HTML их тоже можно отразить. Достигается это с помощью box-shadow или text-shadow.

Набор рамочек с разрывом (можно вставлять фон)

Рамочка с внешней тенью

Рамочка без тени

Рамочка с внутренней тенью

Изображения с тенями
 

Как своими руками сделать рамку в "Рамочнике".
 

Я сюда на Лиру перебралась потому что, случайно в инете, увидела красивую рамку. Так захотелось научится делать нечто подобное. С тех пор уже не могу остановится. Всем, кто любит украшать свой дневник рамками, предлагаю вариант, как это можно делать не особо напрягаясь. И в этом мне очень помог Рамочник , ведь для него не нужно больших познаний в HTML. Итак как с ним работать ? В Рамочнике есть 4 панели, которые вам нужно заполнить. 1 ПАНЕЛЬ. Выглядит она так. В этой панели вы выбираете как хотите чтобы выглядела ваша рамочка. ЗДЕСЬ далее... SvetlanaT

Стильные рамки (блоки)
 

Как сделать тени в рамочке и на картинках
 

Сегодня сделаю рамочки и открыточки с тенью без ФШ, используя

генератор рамок

,

Урок ТуТ

.
Сделали рамочку, но рамочка там плучается плоская, да и цвет фона однотонный...
Чтобы рамочка имела как бы объем, вот и воспользуемся подсказкой сайта

Шпаргалка блоггера

Рамки с объемным фоном без фотошопа!
 

Не так давно здесь и здесь я давала уроки как делать без фотошопа рамки с круглыми углами и тенью. Сегодня даю небольшое дополнение к предыдущим урокам. Расскажу как сделать объемно-выпуклым центральный фон и вообще любой фон в рамке. Сравните. Рамка А без эффекта объема, рамка Б с таким эффектом и рамка В с усиленным эффектом.

РАМКА А

CssRound: округлые генератор угол CSS3-урок
http://cssround.com/

Ответ на вопрос, как правильно сделать рамочку
CssRound: округлые генератор угол CSS3 может, кому и пригодится







Спасибо за ваши комментарии!

Создание рамочки для текста по шагам.
 

Главная  Текстокрас  Рамочник  Текстофот  Буквомиксер  Анаграмма  Шифровщик  Молодой Текстокрас  Гостевая Книга  Помощь

Рамочник

Читать далее

Изучаю тени...