Учимся делать рамочку по предложенной формуле

Перед вами две рамочки, выполненные по довольно простой формуле. Сейчас я попытаюсь рассказать, как каждый из вас может научиться делать такие рамочки.



<div align="center"><table border="2" background="//s019.radikal.ru/i604/1706/7a/458f5bcab96b.jpg" cellpadding="6" cellspacing="0" width="700"><tr><td style="padding: 6px;"><table border="2" background="https://img-fotki.yandex.ru/get/194858/50114850.7fb/0_11fcfe_9c27de7b_S.jpg" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="//s019.radikal.ru/i604/1706/7a/458f5bcab96b.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="https://img-fotki.yandex.ru/get/9825/198571148.33e/0_181432_afbf1701_orig" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="//img1.liveinternet.ru/images/attach/d/1/131/543/131543885_4059776_Tri_Starca__Nesterov.jpg" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="//s019.radikal.ru/i604/1706/7a/458f5bcab96b.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="https://img-fotki.yandex.ru/get/9825/198571148.33e/0_181432_afbf1701_orig" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#fafec8" face="Monotype Corsiva"> Здесь будет ваш текст<br /> </font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/tomishka/"><font size="1" color="#fafec8" face="Monotype Corsiva">tomishka</font> </a></div></td></tr></table></div></td></tr></table></div></td></tr></table></td></tr></table></div>

<div align="center"><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="6" cellspacing="0" width="700"><tr><td style="padding: 6px;"><table border="2" background="//img0.liveinternet.ru/images/attach/d/1/134/202/134202480_1__95_.jpg" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="https://img-fotki.yandex.ru/get/57551/39663434.af7/0_c5605_80395121_orig" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="//img-fotki.yandex.ru/get/4510/32130860.a2/0_90562_6dd1d8dd_XL.jpg" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="https://img-fotki.yandex.ru/get/57551/39663434.af7/0_c5605_80395121_orig" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#ffffff" face="Monotype Corsiva"> Здесь будет ваш текст<br /> </font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/tomishka/"><font size="1" color="#ffffff" face="Monotype Corsiva">tomishka</font> </a></div></td></tr></table></div></td></tr></table></div></td></tr></table></td></tr></table></div>

Код для рамочки

<div align="center"><table border="2" background="ОБВОДКА РАМОЧКИ" cellpadding="6" cellspacing="0" width="700"><tr><td style="padding: 6px;"><table border="2" background="ФОН РАМОЧКИ" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="ОБВОДКА КАРТИНКИ" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН ПОД КАРТИНКУ" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="КАРТИНКА" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="ОБВОДКА ТЕКСТА" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="ФОН ПОД ТЕКСТ" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /> </font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА БЛОГ"><font size="1" color="#000000" face="Monotype Corsiva">ИМЯ БЛОГЕРА</font> </a></div></td></tr></table></div></td></tr></table></div></td></tr></table></td></tr></table></div>

Просмотрим код-шаблон в окошке вверху и попытаемся разобраться с ним. В коде есть три обводки: ОБВОДКА РАМОЧКИ, ОБВОДКА КАРТИНКИ И ОБВОДКА ДЛЯ ТЕКСТА, можно все обводки сделать одинаковыми и тогда адрес будет один и тот же для трех мест. Есть два фона: ФОН ПОД КАРТИНКУ и ФОН ПОД ТЕКСТ, их тоже можно сделать одинаковыми, надо только подобрать фон, который бы подходил к картинке. Наконец, есть ФОН РАМОЧКИ, что-то подобное багетной рамочке, внутри которой расположена картинка и текст. Этот фон желательно взять не однотонным, но гармонирующим с остальными фонами, чтобы рамочка смотрелась красиво. Выбранная для рамочки картинка, должна быть по ширине не менее 550 px, можно взять картинку и меньшего размера, но рамочка в этом случае будет выглядеть чуть хуже. ССЫЛКА НА БЛОГ и ИМЯ БЛОГЕРА также надо заменить на свои собственные. Все замены надо делать очень аккуратно, не затрагивая кавычек, причем ни в начале ( после открывшейся кавычки), ни в конце ( перед закрывшейся кавычкой) не должно быть пробелов. Текст и имя блогера будут напечатаны черным цветом, так как выбран код цвета, состоящий из шести нулей, при желании цвет можно изменить на другой. Немного разобрались с тем, что собой представляет код рамочки, теперь попытаемся разобраться с тем, как этим кодом воспользоваться, если мы нашли картинку и подобрали три подходящих фона. Чтобы сделать рамочку по предложенному "скелетику", надо:
1. скопировать код из окошечка
2. перейти к дневнику и кликнуть на *НОВАЯ ЗАПИСЬ* (в левом верхнем углу странички своего дневника)
3. когда откроется ПРОСТОЙ РЕДАКТОР, кликнуть на *ПЕРЕЙТИ К ПОЛНОЙ ФОРМЕ* (в правом верхнем углу странички)
4. когда откроется текстовый редактор (но только полный), в большое белое текстовое поле вставить код рамочки
5. кликнуть на "ПРЕДПРОСМОТР" и посмотреть, что мы получили (пока практически только контуры рамочки )
6. кликнуть на "РЕДАКТИРОВАТЬ" и аккуратно занести все, что требуется для замены текстов
7. найти внизу страницы "СОХРАНИТЬ ИЗМЕНЕНИЯ" и, кликнув, просмотреть, что получили
8. убедившись в том, что мы с работой справились, нажать "ОПУБЛИКОВАТЬ"

Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!

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

Хотите быстро сделать рамку?
Вот такую, необычную?
Тогда вам СЮДА

Можно сделать очень необычные рамочки

Размер рамки можно регулировать

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

Урок. КАК ПОЛЬЗОВАТЬСЯ "РАМОЧНИКОМ"

КАК ПОЛЬЗОВАТЬСЯ "РАМОЧНИКОМ". Сегодня мы разберёмся как правильно пользоваться сервисом "Рамочник" и как в нём создавать свои неповторимые рамочки и посты. Заходим в "Рамочник" (вот ссылка на него: http://4maf.ru/ramochnik.php). Первое, что мы видим -это различные виды рамочек (верхняя строка). Выбираем ту, что нам больше нравится и щёлкаем по ней один раз левой кнопкой мыши. Я вам расскажу как создать рамочку на первом, самом простом примере. Выставляем ширину (стресочка 1) и высоту (стр. 2) рамочки. Ширину не рекомендуется выставлять более 640 пикс., а высоту задавайте примерно 800 или менее пикс., она автоматически расстянется до нужного вам размера (за этим следить ненадо). Далее: Начинаем редактировать внешний вид рамочки. В первой строке, задаёте внешний вид (стр. 3), цвет (стр. 4), толщину линии (стр. 5) и ширину между соседними линиями (стр. 6). Затем подбираете цвет (стр. 7), или фон (стр.8,9), или фон свой (стр.10) из компьютера или инета, нажимая соответствующие кнопочки. Вторая строка и все последующие, подбираются аналогично первой строке по вашему желанию и создаваемой вами композиции. Колличество строк зависит от колличества слоёв, которые вы хотите заложить в рамочку. Теперь переходим к редактированию содержимого рамочки. В соответствии общему фону поста подбираете цвет текста (стр. 11), размер (стр. 12), шрифт (стр. 13) какой больше нравится. В рамочке (стр.14) аккуратно стираете слова "Содержание рамки 1" и в ней начинаете писать свой текст и ставить картинки, только не забывайте регулировать расположение текста в рамочке кнопочками (стр. 17). Небольшой совет: Для того, чтобы картинка у вас встала по центру, справа или слева от текста пишите следующий код: пример 1: пример 2: пример 3: Соответственно. И ещё дополнение: чтобы получить картинку нужного вам размера, сделайте следующее, после ссылки на картинку пишете размеры, которые вам нужны. Например: А вот пример полной записи того, что вам нужно записать для вставления картинки: Для переброски содержимого в саму рамочку, ЖМЁМ на "CTRL+ENTER". Для полного счастья, ЖМЁМ на кнопочку "Своя"(стр. 15) и в "содержимое рамочки 1" (предварительно стерев эти слова) пишем свой Ник в Ли.ру., соответственно подобрав шрифт, цвет, размер шрифта.Далее, ЖМЁМ на одну из кнопочек (стр. 16), в зависимости от того, где бы вы хотели, чтобы ваш ник отображался в вашей рамочке. И теперь, переходите в основную рамочку, нажав на квадратик вверху, возле контура рамочки слева "общая". Проверяете созданный вами пост. Если всё нравится, то идёте к небольшой рамочке внизу (стр. 18) и жмёте на чёрненький треугольничек, из выпавшего списка выбираете Ливинтернет, щелкаем левой кнопкой мыши на него, и в нижней рамочке (стр.19) появится код созданной вами рамки. Вот простьенький пример созданной мною сейчас рамочки: Копируете код и переносите в свой дневник. ЖМЁТЕ "Новая запись", вставляете ссылку, пишете заголовок, тег, отмечаете, где он будет храниться у вас в дневнике и ЖМЁТЕ "Предварительный просмотр". Пост попадает к вам в черновик. Смотрите, если всё нормально, то внизу поста ЖМЁТЕ на "Опубликовать в свой дневник". Вот и всё. Более сложные рамочки делаются на этой же основе, только там корректируется каждая рамочка отдельно. Это не сложно - разберётесь, освоив азы. Можете сохранить свои работы в "Галерее рамочника". Удачи вам в освоении премудростей Ли. ру. Если, что-то со вставлением картинок не будет ладиться, то пишите, постараюсь помочь. Венера01

Простейший генератор оригинальных рамочек

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 21 - Создание рамочек без знаний html всего за пару минут
Часть 22 - Главные люди на Ли.ру
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста

Создание рамочек без знаний html всего за пару минут

Еще один супер полезный сервис! И не надо возиться с html кодами и пр. ерундой! Теперь можно делать ваши любимые рамочки всего за пару минут.

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
Часть 21 - Создание рамочек без знаний html всего за пару минут
Часть 22 - Главные люди на Ли.ру
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста

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

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