Это цитата сообщения Liudmila_Sceglova Оригинальное сообщение

УРОКИ -РАМКИ-ОКАНТОВКИ И ФОРМУЛЫ К НИМ.

[650x] Как сделать Рамку - Окантовку?! Сегодня я расскажу Вам, как сделать простейшие рамки! Как делать рамки я уже рассказывала здесь и здесь Но бывает так, что нужно поместить в рамку очень много текста, картинок, видео, фото. Многослойные рамки не выдерживают такой нагрузки. Текст выходит из рамки или вовсе пишет, что не может отобразить весь текст целиком. Вот для этого нам и нужны рамки - окантовки! Формулы рамок вы можете взять из окошек. А сейчас я расскажу более подробно о формуле.

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

Это цитата сообщения LAT Оригинальное сообщение

Коды... Для начинающих и не только...

 

[показать]htmlka

Хороший сайт для тех, кто учится и  творчески подходит к оформлению постов. 

 

Справочник по html

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

Это цитата сообщения La-Perla_Margarita Оригинальное сообщение

Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру

Автор поста La@Perla (Маргарита) [150x] Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру Как выяснилось, у многих не только разрезные, но и обычные рамочки, сделанные для Блогов встают на Ли.ру в искаженном виде. Я обещала помочь и вот, что у меня получилось.Выкладываю результат - формулу универсального кода, к примеру, для восьмислойной рамочки с картинкой, которая одинаково хорошо встает и в Блогах, и на Ли.ру. <div align="center"><table border="0" background="Адр. ФОНА 1 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 2 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 3 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 4 (широкий слой)" cellpadding="55" cellspacing="0"><tr><td align="center" style="padding: 55px;"> <a target="_blank" href="http://www.liveinternet.ru/users/margo29"><img src="//img-fotki.yandex.ru/get/6424/35204204.196/0_c0f30_9ec27cbf_XS.gif" width="2" border="0" /></a><table border="0" background="Адр. ФОНА 5 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 6 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 7 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table width="ШИРИНА РАМОЧКИ" border="0" background="Адр. ФОНА 8 (внутренний фон рамки)" cellpadding="1" cellspacing="0"><tr><td width="ШИРИНА РАМОЧКИ" style="padding: 1px;"><div align="center"> КОД КАРТИНКИ (ссылка №6) <br /><br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6) <br /><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:РАЗМЕР ТЕКСТАpx"><i><b><br />**********ВАШ ТЕКСТ*********<br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6)<br /><a href="АДРЕС АВТОРА (вашего блога)" target="_blank"><font face="Arial" color="#ЦВЕТ ТЕКСТА Авт.ссылки" style="font-size:12px"><b> ИМЯ АВТОРА </b></font></a><br /></b></i></font></div></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> Для восьмислойной рамочки для текста без картинки код будет немного другой <div align="center"><table border="0" background="Адр. ФОНА 1 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 2 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 3 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 4 (широкий слой)" cellpadding="55" cellspacing="0"><tr><td align="center" style="padding: 55px;"> <a target="_blank" href="http://www.liveinternet.ru/users/margo29"><img src="//img-fotki.yandex.ru/get/6424/35204204.196/0_c0f30_9ec27cbf_XS.gif" width="2" border="0" /></a><table border="0" background="Адр. ФОНА 5 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 6 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 7 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

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

Это цитата сообщения Егорова_Таня Оригинальное сообщение

Обводка для текста

ОБВОДКА ДЛЯ ТЕКСТА
БЕЗ ФОТОШОПА

Кто-то в комментариях попросил меня рассказать как на пестром фоне сделать более видимым текст. Решила дать урок. Может кому-то пригодится.

Посмотрите ниже пример двух рамок с пестрым фоном и текстом. В верхней рамке текст написан с обводкой и поэтому его легче читать, а в нижней рамке текст написан обычным способом и читается с трудом. О том как сделать обводку мы сегодня и поговорим.

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Если надо вставить текст в рамку.
Копируем в окошечке код.

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото А)



Код дан с обводкой черного цвета. Код цвета обводки выделен красной рамочкой. Вместо цифр 000000 вставляете код(6 знаков) нужного вам цвета. Вместо слов "Здесь будет Ваш текст" вставляете свой текст, всё копируете и вставляете в рамочку.

Если надо вставить текст без рамки.
Копируем в окошечке код.

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px; font-size: 17px; color: #fffe9f;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото Б)



В код добавился параметр размера (синяя рамочка) и цвета (зеленая рамочка) шрифта. Их нужно заменить на свои.

Вот и всё! Удачи!

еще разные уроки

Это цитата сообщения Arnusha Оригинальное сообщение

цветочные композиции png

====>

Это цитата сообщения Surge_Blavat Оригинальное сообщение

4maf_Рамочник_Писец РАБОТАЕТ

 

. Прошу прощения у автора произведения. Сначала нашла стихи и сделала анимацию. И только что нашла автора Валерий Бараусов Нина

Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе Оригинальное сообщение

самые необходимые ТЕГИ для оформления записей

3164

24.05.2012

*** ТЕГИ ПАЛИТРЫ цветов (для замены цвета текста) окошко для КОДА - изменить размер картинки - сделать текст БОЛЬШЕ - сделать ТЕКСТ меньше - № страниц блога - текст в 2 столбца - картинка СЛЕВА от текста - картинка СПРАВА от текста - КАРТИНКИ по бокам текста -

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

Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе Оригинальное сообщение

образцы и формулы нарядных РАМОЧЕК для текста

Нина З. Решила все формулы рамок сделать в одном посте. Буду знакомиться с новыми рамками. добавлять буду сюда же. Формулы брала у разных блогеров, но в основном у Ларисы Гурьяновой Рамочка в 2 слоя <center><table border="0" background="АДРЕС 1 ФОНА (ссылка № 1 Радикала)" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="АДРЕС 2 ФОНА (ссылка № 1 Радикала)" cellpadding="10" cellspacing="0" width="100%"><tr><td><center><block><img src="АДРЕС КАРТИНКИ (ссылка № 1 Радикала)" width="500" /><font size="5" color="#000000" face="Monotype Corsiva"><br />Здесь будет ваш текст. <br /></font></block><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="2" color="#000000" face="Monotype Corsiva">ВАШ НИК</font></a></center></center></td></tr></table><center> </center></td></tr></table></center> Еще рамка в 2 слоя <center><table border="0" background="АДРЕС 1 ФОНА (ссылка № 1 Радикала)" cellpadding="3" cellspacing="0" width="100%"><tr><td><table border="0" background="АДРЕС 2 ФОНА (ссылка № 1 Радикала)" cellpadding="10" cellspacing="0" width="100%"><tr><td><center><block><font size="5" color="#000000" face="Monotype Corsiva"><br />Здесь будет ваш текст. <br /></font></block><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="2" color="#000000" face="Monotype Corsiva">ВАШ НИК</font></a></center></center></td></tr></table><center> </center></td></tr></table></center> Рамка в 3 слоя <center><table border="0" background="АДРЕС ОБВОДКИ - ссылка № 1 Радикала" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА - ссылка № 1 радикала" 1ellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="АДРЕС ФОНА - ссылка № 1 Радикала" cellpadding="10" cellspacing="0" width="100%"><tr><td><center><block><img src="АДРЕС КАРТИНКИ - ссылка № 1 Радикала" width="ШИРИНА КАРТИНКИ" /> <font size="5" color="#000000" face="Monotype Corsiva">Здесь будет ваш текст </font></block><center><a target="_blank" href="АДРЕС ВАШЕГО ДНЕВНИКА"><font size="1" color="#0000" face="Monotype Corsiva">ВАШ НИК</font></a></center></center></td></tr></table><center> </center></td></tr></table></td></tr></table></center> Рамочка в 4 слоя <center><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="5" cellspacing="0" width="700"><tr><td style="padding: 5px;"><table border="0" background="АДРЕС ШИРОКОГО ФОНА" cellpadding="35" cellspacing="0" width="100%"><tr><td style="padding: 35px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="5" cellspacing="0" width="100%"><tr><td style="padding: 5px;"><table border="0" background="АДРЕС ФОНА РАМКИ" cellpadding="11" cellspacing="0" width="100%"><tr><td style="padding: 11px;"><center><block><img src="АДРЕС КАРТИНКИ" width="ШИРИНА" /><font></font></block></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

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

Это цитата сообщения ivushka1112 Оригинальное сообщение

уроки фотошоп

Серия сообщений "~ Фотошоп - Создание рамок": Часть 1 - Вырезаем белый фон в рамке и вставляем фото в рамку Часть 2 - Создаем рамочку - урок от Наталии Природной Часть 3 - Как вставить фото в рамку Часть 4 - Как делать простые рамки Часть 5 - Блестящая рамка Часть 6 - "рамочки" (как на примере) и как пользоваться действиями (Actions) Часть 7 - Рамка с помощью простой кисточки "Читать далее..."

Это цитата сообщения Arnusha Оригинальное сообщение

рамочки для записей с цветочным фоном

......Здесь будет ваша запись......

<center><table style="background-image: url('https://img-fotki.yandex.ru/get/892702/39663434.c59/0_cfc6f_166c81ff_M.jpg'); background-color: #; box-shadow: inset 0px -6px 10px rgba(0,0,0,0.6), inset 0px 6px 10px rgba(252,255,255,0.7), 0px 7px 15px -6px rgba(0,0,0,0.8);" cellpadding="0" cellspacing="0"><tr><td style="padding:175px 50px 50px 50px"><table style="background-image: url('http:'); background-color: #BB82A3; box-shadow: 1px 1px 15px #000;" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><table style="background-image: url('http:'); background-color: #BB82A3; border: 6px double #fff;" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;"><table style="background-image: url('http:'); background-color: #BB82A3;" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><table style="background-image: url('http:'); background-color: #BB82A3; box-shadow: 1px 1px 20px #000;" cellspacing="0" cellpadding="0" width="650"><tr><td style="padding: 2px" zzz="zzz" align="center"><span style="font-family:Times New Roman;color: #fff; font-size:20px">......Здесь будет ваша запись......<br /> <a title="Arnusha...ник не стирать" href="http://arnusha.ru/profile" target="_blank"><img src="//img-fotki.yandex.ru/get/5643/39663434.2c2/0_8058d_e1c4b4a1_XS.jpg" border="0" width="74" height="18" alt="" align="center" /></a></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

......Здесь будет ваша запись......

<center><table style="background-image: url('https://img-fotki.yandex.ru/get/28/39663434.828/0_a82fb_715eab08_orig'); background-color: #; box-shadow: inset 0px -6px 10px rgba(0,0,0,0.6), inset 0px 6px 10px rgba(252,255,255,0.7), 0px 7px 15px -6px "></table></center>Читать далее...

Это цитата сообщения Arnusha Оригинальное сообщение

рамочки для записей

.......Здесь будет ваша запись...... [показать]

<center><table style="background-image: url('https://img-fotki.yandex.ru/get/9829/39663434.4d0/0_945d2_84066a00_orig'); border-radius: 0px; border: 1px solid #501819;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style="background-image: url('https://img-fotki.yandex.ru/get/6402/39663434.163/0_7602c_285ca88f_orig'); background-color: #;" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><table style="background:#; background-image: url('http://www.yapfiles.ru/files/1888409/11_1.png'), url('http://www.yapfiles.ru/files/1888410/12.png'), url('g'); background-repeat: repeat-y, repeat-y;background-position: 0%, 100%; padding: 17px; border-radius: 0px; box-shadow: inset 0px -3px 3px rgba(0,0,0,0.6), inset 0px 3px 3px rgba(252,255,255,0.7), 0px 7px 12px -2px rgba(0,0,0,0.8);" cellspacing="0" cellpadding="0"><tr><td style="padding:8px 30px 8px 30px" zzz="zzz" align="center"><center><table style="background-image: url('http:'); background-color: #;border-right-color: #501819; border-right-style: dotted; border-right-width: 2px; border-left-color: #501819; border-left-style: dotted; border-left-width:2px; padding: 0 20px; margin: 0 20px;padding: 15px; border-radius: 0px;" cellspacing=" cellpadding=" width="650"><tr><td style="padding: 5px" zzz="zzz" align="center"><span style="color: #FFBEB6; font-family: courier new,courier,monospace; font-size: 18px;">.......Здесь будет ваша запись......<br /> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.yapfiles.ru/files/1882631/3_3.png" target=_blank border="0">[показать]</a><center><a title="Arnusha...ник не стирать" href="http://arnusha.ru/profile" target="_blank"><img src="//img-fotki.yandex.ru/get/4138/39663434.2c3/0_805b1_e2d09f9e_XS.jpg" border="0" width="74" height="18" alt="" align="center" /></a></center></span></td></tr></table></center></td></tr></table></td></tr></table></td></tr></table></center>
Читать далее...

Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе Оригинальное сообщение

формула рамки в 3 слоя для ЛИру,МАЙЛа и ЖЖ

...ВАШ ТЕКСТ будет ЗДЕСЬ,Вы сможете написать,что захотите.... ................................

Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе Оригинальное сообщение

образцы и формулы простых рамок (фон для текста с окантовкой)

 ДОРОГИЕ МОИ! в этом постике я сделала для себя на всякий случай ШПАРГАЛКУ с ФОРМУЛАМИ простых рамочек, сделанных в РАМОЧНИКЕ,возможно,и Вам пригодятся.Эти рамочки можно разнообразить, подбирая подходящие ФОНЫ для ТЕКСТА,их место обозначено в ФОРМУЛЕ так...
" URL - адрес фона "
...все изменения дизайна в этих формулах лучше осуществлять в ПРОСТОМ (HTML) РЕДАКТОРЕ ЛИру...выглядит он вот так

Читать далее

Из фильма "Обыкновенное чудо"

Моя страничка на Ютуб

Нина

Это цитата сообщения Дайтека Оригинальное сообщение

Как сделать окошко для кодов?

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

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

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" alt="" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

Это цитата сообщения Лариса_Гурьянова Оригинальное сообщение

Никакого варикоза, мигреней и проблем с памятью

Никакого варикоза, мигреней и проблем с памятью: и все это сможет устранить вот этот листочек



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

Нина З. «Оглашаю черный список: категорически запрещено есть 7 продуктов на голодный желудок, если хочешь похудеть!» "Далее..." Нина З.

Это цитата сообщения geniavegas Оригинальное сообщение

Фончики простые от geniavegas

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