КАК ВСТАВИТЬ РАМОЧКУ К СЕБЕ В ДНЕВНИК.

Здравствуйте дорогие мои читатели!Решила создать пост для тех кто не умеет пользоваться рамочками. 1.Вы выбрали рамочку,под ней есть окошко с кодом,или оно находится в первом комментарии.Левой кнопкой мыши нажмите на начало кода и протяните его вниз,код обычно длинный,дождитесь до полного его окончания,затем правой кнопкой мыши копируйте его. <div align="center"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526722_defne2.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/10/109/526/109526741_defne1.png" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526722_defne2.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/10/109/526/109526707_defne.jpg" width="175" cellpadding="3" cellspacing="0"><tr><td style="padding: 40px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526722_defne2.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/10/109/526/109526741_defne1.png" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526722_defne2.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/10/109/526/109526741_defne1.png" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;"><center><center><font size="3"><font color="#917D50"><font face="georgia"><img src="//img1.liveinternet.ru/images/attach/c/2//71/30/71030935_Somewhere1.gif" width="580" height="480" alt=" (700x600, 781Kb)" /></font></font></font></center><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526722_defne2.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="//img1.liveinternet.ru/images/attach/c/10/109/526/109526741_defne1.png" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="4" color="#F3E8CF" face="georgia"><br /> Ваш текст</font></center><div align="center"><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/2872037/profile"><font size="2"><font color="#776655"><img src="//img1.liveinternet.ru/images/attach/c/1//51/82/51082046_z4af877a281059.gif" width="120" height="20" alt=" (220x40, 4Kb)" /></font></font></a></center></div></td></tr></table></td></tr></table></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div> 2.Затем заходите к себе в дневник и делаете новую запись:

Делаем рамочки за несколько минут!

Как вставить текст в рамочку

Серия сообщений "ШПАРГАЛКИ":

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

НАШЛА КАК ДЕЛАТЬ РАМКИ БЕЗ КОДА И МУЧЕНИЙ..ДЛЯ ВАС....

http://bighugelabs.com/deck.php



ОЧЕНЬ ИНТЕРЕССНЫЙ САЙТИК, МОЖНО СОХРАНИТЬ СЕБЕ В ДОКУМЕНТ И СДЕЛАТЬ ПОСТ , КАРТИНКА В ОБЗОРЕ, КОНЕЦ МУЧЕНИЯМ, Я ИСКАЛА КАК СДЕЛАТЬ ФОНЫ В РАМКУ И СЛУЧАЙНО НАТКНУЛАСЬ НА ЭТОТ САЙТ, МНЕ ОН ПОНРАВИЛСЯ, ДЛЯ ВАС. УСПЕХОВ ВАМ В ТВОРЧЕСТВЕ!!!!! ДОБАВИЛА СКРИНШОТЫ  ДЛЯ ТЕХ, КТО НЕ ПОНИМАЕТ КАК  ЭТО ДЕЛАТЬ!!!!!

Делаем рамки

Для начала нужно найти рисунок будущей рамки.

Для того что бы не приходилось менять размер рамки в зависимости от того что мы в ней разместим ( фотку или текст ), разобьем рисунок рамки на 8 одинаковых по размеру частей.


В результате получим 8 маленьких рисунков.

Верхний левый угол ; Верхняя часть рамки ; Верхний правый угол ;
Левая часть рамки ; Правая часть рамки ;
Нижний левый угол ; Нижняя часть рамки ; Нижний правый угол

Теперь нужно сделать таблицу 3х3

<table style="text-align: left; " border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="vertical-align: top; height: 27px; width: 27px; background: url('1') no-repeat;"></td> <td style="vertical-align: top; height: 27px; background: url( '2') repeat-x;"></td> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '3') no-repeat;"></td> </tr> <tr> <td style="vertical-align: top; width: 27px; background: url( '4') repeat-y;"></td> <td style="vertical-align: top; background-color: #fff7d0;"> Здесь расмещается ваш текст или картинка </td> <td style="vertical-align: top; width: 27px; background: url( '5') repeat-y;"></td> </tr> <tr> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '6') no-repeat;"></td> <td style="vertical-align: top; height: 27px; background: url( '7') repeat-x;"></td> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '8') no-repeat;"></td> </tr> </tbody> </table>
Что бы не загромождать код я вместо кода картинок в стиле background прописал цифры 1,2,3,4,5,6,7,8.
Когда вы зальете в дневник все 8 частей рамки вам останется вместо цифр подставить коды рисунков.
В моем случаее вместо 1 нужно прописать //img0.liveinternet.ru/images/attach/c/1//45/676/45676186_ul.gif
( код рисунков виден при редактировании сообщения в простом редакторе)
Размеры ячеек таблицы width - ширина, height - высота должны соответствовать размерам рисунков частей рамки.
Из-за того что лиру думает за нас :), возможно прийдется подбирать размеры ячеек что бы не было разрывов рамки.
Для таблицы обязательно должно быть прописано border="0" cellpadding="0" cellspacing="0"!

И вот что получилось :)

	Ваш текст или фотка или текст и фотка :)))

И напоследок ....сделать код в дневнике "повеселее" можно вот так

<textarea cols="80" rows="5" style="background-color: #fff7d0; border: solid 1px #0000f0; overflow: hidden;">
cols = ширина блока
rows - высота блока
background-color - цвет фона ( можно добавить color: #000000; - цвет текста )
border - вид рамки ( solid ), ширина рамки ( 1px ) и цвет рамки ( #0000f0 )
overflow - скрывать все что не помещается в блок

МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ

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

Простые рамочки (по просьбе трудящихся :))_)

Скопируйте код и развлекайтесь )

<table border="1" bordercolor="#Х1" bgcolor="#Х2" background="#Х3" width="700" height="400" align="center"> <tbody align="center" valign="top"><tr><td>ТЕКСТ, КАРТИНКИ</td></tr> </tbody></table>



Вместо Х1, Х2, Х3 - надо ставить шестизначный код цвета.

Код цвета можно ТУТ взять. Для меня - это самый удобный вариант.
Но можно просто пользоваться таблицей - ТУТ

НАПРИМЕР:

border="5"
Х1 = 330000
Х2 = F8F1AA
Х3 = F8F1AA

Получите такую рамку

Пишите, что хотите, можете даже картинку вставить или плеер

________________________________________________


Вместо #Х3 можно поставить адрес картинки и будет рамочка с фоном.

ПРИМЕР

ПРИВЕТ ЛЮБИТЕЛЯМ ДОЖДЕЙ !

ВОТ КОД ПРИМЕРА
<table border="4" bordercolor="#FF0000" bgcolor="#B1E8FD" background="//img1.liveinternet.ru/images/attach/c/4/82/467/82467743_100_100_3.gif" width="700" height="480" align="center"> <tbody align="center" valign="top"> <tr> <td><br /> <font color="#080654"><b>ПРИВЕТ ЛЮБИТЕЛЯМ ДОЖДЕЙ !</b></font><br /> <br /> <img src="//img0.liveinternet.ru/images/attach/c/4/82/468/82468326_07.jpg" width="640" height="347" alt="07 (640x347, 78Kb)" /><br /> <br /> </td> </tr> </tbody></table>

ДЕРЗАЙТЕ ! У Д А Ч И ! ! !

Кстати, всё делаю в простом редакторе, т.к. в расширенном при редактировании сам чёрт ногу сломит. Лично я теряюсь...

немного о шрифтах и адресе картинки: Смотреть в КОММЕНТАХ. 2 часть

Коллекция необычных и оригинальных разделителей

Коллекция необычных и оригинальных разделителей Для оформления постов и блогов. Кто не знает как правильно вставить разделитель СМОТРИМ ЗДЕСЬ смотрим далее

Код - скелет разрезной рамочки

 

Урок по рамочкам - составлен по просьбе

Рассмотрим простую рамочку на конкретном примере простой рамочки:

***Текст***

"left" - слева
"right" - справа
"center" - по центру
Спасибо за внимание!
С уважением к Вам
***Люд-Мила***

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

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 22 - Обводка внутри рамки (блока)
Часть 23 - Простые рамочки-обводки для текста
Часть 24 - Урок по рамочкам - составлен по просьбе
Часть 25 - Рамка вокруг изображения
Часть 26 - Как быстро найти нужное в коде
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки

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

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

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

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

По просьбе "скелетик" кода такой рамки.

Код "скелетик" такой рамки. Здесь будет Ваш текст. Код "скелетика" рамки <center><table background="ОБВОДКА" cellpadding="3" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:3px"><table border="0" background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" width="700px"><tr><td style="padding:11px"><center><fieldset><legend align="left">РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br /><strong><center>Здесь будет Ваш текст.</center></strong><br /><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></span></span></span></fieldset></center></td></tr></table></td></tr></tbody></table></center> Значения в кавычках можно менять. Например, размер букв span style="font-size:20px;. Если цифру 20 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв span style="color:#00000". Если вместо, 000000 (так обозначается черный цвет), поставить ffffff (так обозначается белый цвет), то и буквы станут белого цвета. Шрифт написания span style="font-family:Palatino Linotype". Если вместо названия шрифта Palatino Linotype написать Arial или Monotype Corsiva, то написание букв изменится. Теги center - картинка или текст распологаются по центру рамки. Эта рамка подходит для Я.РУ Здесь будет Ваш текст Код "скелетика" рамки <center><table background="ОБВОДКА" cellpadding="4" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:4px"><table background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" style="border:0px groove #996600" width="700"><tbody><tr><td align="center" style="padding:11px"><fieldset style="border:3px #000000 double ; padding: 10px; margin:0px 0px 0px 0px;"><legend>РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><center><em><strong><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br />Здесь будет Ваш текст<br /></span></span></span></strong></em></center><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></fieldset></td></tr></tbody></table></td></tr></tbody></table></center> Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ. Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Nataliya_Bezyshko

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

Сделать текст с прокруткой.

Всем привет!

Часто приходит вопрос : Как сделать текст с прокруткой в флейме?

Попробую объснить)

Сначала пишите нужный Вам текст, редактируете его по своему усмотрению, после чего в самое начало (перед Вашим текстом) вставляете вот этот код:

Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

 

Пример) убираем весь текст во флейм, чтоб сократить длинну поста я уменьшила высоту прокрутки до 100px и поменяла отступ сверху с 0 на 20px

 

 

C этим разобрались, теперь отвечу на второй вопрос -

Как вставить прокрутку в рамочку?

Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом.

 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

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

 Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки которые находятся в коде самой картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение.

Дополнение)

Если Вы хотите поместить в прокрутку только часть своего поста, а не весь, то Вам нужно использовать вот эти тэги <pre> Ваш текст </pre>всё что находится между ними будет в прокрутке, что до них или после них в прокрутку входить не будет.

Вот вроде и всё) если что-то осталось не понятно, то пишите в комментах попробую объяснить подробней.