Ну очень простые рамки (заказ)

Рамочка растягивает в длину и в ширину до нужного Вам размера

Код рамочки:

Далее ещё много разных...

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
...
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
...
Часть 11 - Рамочка для поздравлений!
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
...
Часть 10 - Урок"Делаем рамку 8 слоев"
Часть 11 - Рамочка для поздравлений!
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

Урок"Делаем рамку 8 слоев" (по просьбе)

По просьбе сделала урок"Как делать вот такую рамочку."
Рамку делайте в простом редакторе.

ВАШ ТЕКСТ

Копируете код,что между точек и в него ставите значения свои по скрину.
.......................................................

ВАШ ТЕКСТ

 

...............................................

Вот скрин формулы этой рамки

1.
 
Давайте разберем ее по выделенным цветам.
1 Розовый цвет это фон обводка 1 .Ставим вместо слов адрес фона (строго от кавычек до кавычек.)Адрес можно взять на яндексе например, нижнее окно под картинкой фоном (ссылка на картинку) Цифры помеченные розовым это ширина фона ,можно менять по желанию.
2 Желтый цвет это фон 2 узкий и цифры желтым можно менять.(от кавычек до кавычек осторожно)
3 Синий цвет это фон3 широкий . Цифры синим можно менять это ширина фона.
4 Зеленый фон основной 4,где будет текст или ваши картинки
5 Коричневый цвет: Ваш адрес дневника,а черный адрес картинки и также размеры ее (можно менять).При нажатии этой картинки откроется ваш дневник.
6 Если надо поменять цвет текста то смотрите это (color:#ffffff) перед словами Ваш текст.Менять с осторожностью код цвета после решетки и до кавычек
7 Если нужно картинку- ник поменять расположение, то вместо (div align="right")меняете на center или left

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 13 - Урок в Кореле"Janic"
Часть 14 - Мой перевод к уроку"Ilona"
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
...
Часть 8 - Рамки с помощью тега FIELDSET
Часть 9 - Рамка с круглыми углами
Часть 10 - Урок"Делаем рамку 8 слоев"
Часть 11 - Рамочка для поздравлений!
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

Рамка с круглыми углами

РАМКИ С КРУГЛЫМИ УГЛАМИ

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку. Удачи! Егорова Татьяна

Код готовой рамки <table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br /> Здесь будет Ваш текст<br /><br /><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
...
Часть 7 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
Часть 8 - Рамки с помощью тега FIELDSET
Часть 9 - Рамка с круглыми углами
Часть 10 - Урок"Делаем рамку 8 слоев"
Часть 11 - Рамочка для поздравлений!
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
...
Часть 6 - ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ
Часть 7 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
Часть 8 - Рамки с помощью тега FIELDSET
Часть 9 - Рамка с круглыми углами
Часть 10 - Урок"Делаем рамку 8 слоев"
...
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

ВСЁ В ОДНОМ МЕСТЕ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода <input type='text' size='15' value='Код рамки'>

Рамка в два слоя

Картинка слева от текста
Картинка справа от текста
Текст между двумя картинками
Делим пост на две части

Рамка вокруг текста
Картинка или текст в разрыве рамки

Ссылка  Лариса Гурьянова

Ссылка Источник

Изменить цвет ссылки

Фон для записи

Сложная таблица

Прокрутка для текста

1.<div align="center"><select multiple="multiple" size="10">ТЕКСТ...</select></div>

Каждую строчку заключаем в теги <option>СТРОЧКА </option>

2.<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2">Здесь будет ваш очень большой текст</textarea>

Серия сообщений "ПОМОЩЬ БЛОГЕРУ":

Часть 1 - Малознакомый виджет (счетчик) Яндекса
Часть 2 - Учимся вставлять музыкальный файл в дневник
...
Часть 39 - Как переместить цитаты и посты из одной рубрики в другую.
Часть 40 - Как загружать видео на ЛиРу?
Часть 41 - ВСЁ В ОДНОМ МЕСТЕ

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
...
Часть 4 - Урок"Как избежать деления рамочки ФШ при написании в ней текста"
Часть 5 - Делаем рамки
Часть 6 - ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ
Часть 7 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
Часть 8 - Рамки с помощью тега FIELDSET
...
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
Часть 3 - Как использовать формулу разрезной рамочки
Часть 4 - Урок"Как избежать деления рамочки ФШ при написании в ней текста"
Часть 5 - Делаем рамки
Часть 6 - ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ
Часть 7 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
...
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

Урок"Как избежать деления рамочки ФШ при написании в ней текста"

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

Сомтреть урок...

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
Часть 3 - Как использовать формулу разрезной рамочки
Часть 4 - Урок"Как избежать деления рамочки ФШ при написании в ней текста"
Часть 5 - Делаем рамки
Часть 6 - ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ
...
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки

Серия сообщений "все о рамках":
Часть 1 - Формулы рамок
Часть 2 - Работа с рамками..
Часть 3 - Как использовать формулу разрезной рамочки
Часть 4 - Урок"Как избежать деления рамочки ФШ при написании в ней текста"
...
Часть 12 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 13 - Рамочки для ваших работ (4шт.безразмерные).Новогодние.
Часть 14 - Ну очень простые рамки