сделаем рамку для текста с картинками хостинга ЛИру

ДОРОГИЕ МОИ! про событие на ЯНДЕКС-фотках заинтересованные в этом ресурсе,уже слышали,...не радостно,конешно,но не смертельно и особой трагедии для тех,кто делает коллажи,рамки,НЕТ и метаться в поисках какого-то другого хостинга не вижу смысла,поскольку речи о закрытии ЛИрушки,вроде,нет и закачать картинки в посты можно минимум 3-мя способами и об этом я понаписала достаточно ЗДЕСЬ:

ЧИТАЕМ ДАЛЬШЕ и ВНИКАЕМ

ЛИру настройки личных сообщений

для ТЕХ,КТО ещё не в курсе ГДЕ на ЛИру находятся НАСТРОЙКИ ЛИЧНЫХ СООБЩЕНИЙ читаем внимательно

 

Серия сообщений "*ЛИрушкин ЛИКбез ДОПОЛНЕНИЯ":
Часть 1 - ДОРОГИ,ВЕДУЩИЕ в ДНЕВНИК
Часть 2 - дополнения Firefox "Кто украл мои картинки?"
...
Часть 16 - ВАЛЕНТИНОВ ДЕНЬ!
Часть 17 - ещё про ЛИру - настройка комментариев
Часть 18 - ЛИру настройки личных сообщений
Часть 19 - ЛИрушкин ЛИКбез & ...может пригодится и Вам.

Урок . Учимся работать с фоном .

Доброго времени суток ВАм !!!
Много вопросов задают по поводу
смены фона для записи .
Мы с вами уже разбирали такой вариант как смена
фона под участком текста, не
не прибегая к "услугам" рамки.
ЧИТАЕМ ЗДЕСЬ
Теперь я предлагаю вам следующий вариант
фона для текста( вашим текстом может быть
стих, проза и даже картинка)
Для обучения я предлагаю вам на ваш вкус
несколько фонов ! Пусть они служат вам обучающим
тренажором ....

ВАШ текст

<center><table border="2" background="//s40.radikal.ru/i090/0901/34/0053ab6e21a3.jpg" cellpadding="13" cellspacing="0" width="700"><tr><td><font size="5"><center>ВАШ текст </center></font></td></tr></table></center>

ВАШ текст

<center><table border="2" background="http://michbo01.free.fr/fondanimenoel15.gif" cellpadding="13" cellspacing="0" width="700"><tr><td><font size="5"><center>ВАШ текст </center></font></td></tr></table></center>

ВАШ текст

<center><table border="2" background="http://www.ender-design.com/rg/images/back/textures/1k.jpg" cellpadding="13" cellspacing="0" width="700"><tr><td><font size="5"><center><font color="#F4A460">ВАШ текст</font> </center></font></td></tr></table></center>

ВАШ текст

<center><table border="2" background="http://www.ender-design.com/rg/images/back/textures/6.jpg" cellpadding="13" cellspacing="0" width="700"><tr><td><font size="5"><center><font color="#E0FFFF">ВАШ текст</font> </center></font></td></tr></table></center>

ВАШ текст

<center><table border="2" background="http://michbo01.free.fr/superbeauetoileneige.gif" cellpadding="13" cellspacing="0" width="700"><tr><td><font size="5"><center><font color="#9370DB">ВАШ текст</font> </center></font></td></tr></table></center>
Копируйте код внизу фона (выделить его и правой
кнопкой мыши скопировать )
Затем перенести в свой днвник
и вставив его в окошко новой записи
(только в простом формате !!!)
Поработать с ним , т.е поредактировать на своё
усмотрение ... Вы можете в коде поменять
адрес фоновой картинки (он находиться в кавычках
" http.....)
background="//s45.radikal.ru/i107/0902/6b/f1ccb40e97db.jpg"
Взять его вы можете у себя в папке (если таковая имеется )
воспользовавшись программой РАДИКАЛ
В этой программе скопируйте ссылку на адрес фоновой картинки
под пунктом № 1
затем можете поменять цвет шрифта
font color="#FFD700"
и размер шрифта
font size="5"
Как менять цвет и размер шрифта
ЧИТАЕМ ЗДЕСЬ


Незабываем пользоваться Таблицей цветов
На эту же тему(ФОНЫ) есть замечательный урок
Урок ЛЮБАШИ
УДАЧИ ВАМ МОИ ДОРОГИЕ !

Сообщество Questions_LiveInternet - Вопросы по Лиру

Сегодня я хочу представить вам новое Сообщество, в котором вы можете задавать свои вопросы, ответы на которые не можете найти сами. Именно по теме LiveInternet. Возможно вы новичок на сайте и не знаете, что и как делать. А может вы уже продвинутый юзер, но есть проблема, с которой вам самостоятельно не справится. Обратитесь в Сообщество и мы попробуем вам помочь. Найти нас можно по Баннеру, который вы видите ниже. Код Баннера в окне. Скопируйте его и вставьте в свой Дневник, туда, где он будет у вас под рукой. Кликнув по нему, перейдите в Сообщество и добавляйтесь в ПЧ или в Друзья. Не забудьте вначале внимательно прочитать Правила Сообщества, чтобы в дальнейшем их не нарушать. Наш Баннер И дальше пробуйте задать вопрос, который вас волнует. Наш Девиз - Пиши вопрос - Получи ответ! Если ваша проблема окажется трудной и вы боитесь что-то делать самостоятельно на компе, то я всегда смогу помочь вам, по мере своих сил и возможностей. Ждём ваших вопросов в Сообществе.

пост составила

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 41 - Как извлечь понравившуюся музыку из видео?
Часть 42 - Как вставить плейкаст в сообщение в дневнике
Часть 43 - Для тех, кто перестал получать сообщения и комментарии на почту.

Расширенный редактор Лиру - альтернатива

Удобные кнопки расширенного редактора. Урок

Цитата сообщения BraveDefender

Меня удивляет не первый раз, что пользователи (иногда, не такие уж и новенькие) не знают все прелести РАСШИРЕННОГО ТЕКСТОВОГО РЕДАКТОРА. Ведь с его помощью, без использования страшных кодов, можно легко и быстро сделать рамочку, вставить несколько фотографий и красиво разместить их в посте, поменять размер и цвет текста... И многое другое.

На данный момент на ЛиРу есть (1) простой текстовый редактор, который стоит в настройках по умолчанию. Поэтому новички иногда даже не догадываются о нем. И есть два расширенных (визуальных) редактора с кнопочками и другими прелестями — CKEditor и FCKEditor. Каким вы будете пользоваться — дело вкуса.

2 — если выбрать расширенный текстовый редактор, то появится удобная панель с кнопками, при нажатии на которые программа сама напишет специальный код. Его можно посмотреть, если нажать на кнопку «Источник» в левом верхнем углу.

Просто пример использования расширенного редактора. Пишем текст, выделяем нужную его часть мышкой и нажимаем на какую-нибудь кнопку. Многие из них похожи на аналогичные в Word, например. Если вы не знаете ее назначение, можно навести курсор и прочитать всплывающую подсказку.

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

ЛиРу - кнопки быстрого перехода по страницам дневника

Очередная полезность для ЛиРу сделанная лично мной ( да, хвастаюсь ). Короче говоря, это такие кнопочки с небольшим текстовым окошком, куда надо вводить номер страницы:-)
Для чего это надо? У многих уже давно дневники и страниц в нем ооочень много. Переходить на нужную страничку не очень удобно используя обычные лирушные ссылки, т.к. не все страницы там указаны. Если не понимаете о чем я,- вот скрин ссылок на странички моего дневника, а у меня то их мало... бывает и намного больше:


Как видите, чтобы быстро попасть, допустим, на "8" страничку... придется сделать не один переход:-( В этом и неудобство такого способа.
Есть еще специальное приложение по такому же принципу, но дизайн не всем нравится:-(

Так вот, сделал я вам такие специальные кнопочки, все разные, но пока не очень много. Будет время,- еще порисую, или Inmira порисует ( обещала вроде). Или.. можете попросить:-) сделаю с вашим дизайном:-) По мере сил и времени конечно :-)

Пользоваться ими очень просто,- вписываете номер странички и жмете "ок" :-))
Как их поставить себе в дневник?

Читать дальше > > >

Не мной придумано, но вещь полезная. Без окошек для кодов нам не
обойтись при написании многих постов.

Вот простенькое, с прозрачным фоном:

ВАШ КОД

А это код нашего простого окошка:

<textarea style="text-align: center;" readonly="readonly" cols="15" rows="1" name="S1">ВАШ КОД

При необходимости меняем размер. Атрибут cols="15" отвечает за
ширину окошка. Меняем цифру "15" на нужную нам. Атрибут rows="1" отвечает за высоту. Вместо "1" можем поставить "2", например.

А можно украсить наше окошко цветом, вот так:

ВАШ КОД

Вот код цветного окошка:

<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color:lawngreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД

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

Удобные кнопки расширенного редактора. Урок

Цитата сообщения BraveDefender

Меня удивляет не первый раз, что пользователи (иногда, не такие уж и новенькие) не знают все прелести РАСШИРЕННОГО ТЕКСТОВОГО РЕДАКТОРА. Ведь с его помощью, без использования страшных кодов, можно легко и быстро сделать рамочку, вставить несколько фотографий и красиво разместить их в посте, поменять размер и цвет текста... И многое другое.

На данный момент на ЛиРу есть (1) простой текстовый редактор, который стоит в настройках по умолчанию. Поэтому новички иногда даже не догадываются о нем. И есть два расширенных (визуальных) редактора с кнопочками и другими прелестями — CKEditor и FCKEditor. Каким вы будете пользоваться — дело вкуса.

2 — если выбрать расширенный текстовый редактор, то появится удобная панель с кнопками, при нажатии на которые программа сама напишет специальный код. Его можно посмотреть, если нажать на кнопку «Источник» в левом верхнем углу.

Просто пример использования расширенного редактора. Пишем текст, выделяем нужную его часть мышкой и нажимаем на какую-нибудь кнопку. Многие из них похожи на аналогичные в Word, например. Если вы не знаете ее назначение, можно навести курсор и прочитать всплывающую подсказку.

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

И вновь я вернулась к своей ипостаси - преподавателя. Некоторые новички, как оказалось не умеют менять цвет шрифта в ЛиРу, поэтому часто не видны тексты постов, в основном, это касается цитируемых текстов. 

Надеюсь, я создала понятный УРОК.

 

Если интересно, то ДАЛЕЕ

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

МОЙ УРОК ВЕРНУЛИ ФУНКЦИЮ КАК ВЗЯТЬ ПО-СТАРОМУ КОД КАРТИНКИ или ФОНА ИЗ АЛЬБОМА НА ЯНДЕКС Зайти в альбомы ,нажать на НАЗВАНИЕ АЛЬБОМА. Если нажамете на картинку,попадете в слайд Читать далее

lyubov0848

Серия сообщений "Для ЛиРу":
Часть 1 - Как сделать кликабельную ссылку
Часть 2 - Архивируем файлы и выставляем на Ли.ру
Часть 3 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 4 - ЧТО ЗА "СИМПОЧКИ"???
Часть 5 - КАК НА ЛиРу СМЕНИТЬ email?
Часть 6 - Как управлять схемами в дневнике
Часть 7 - Учимся вставлять музыкальный файл в дневник
Часть 8 - Как вставить картинку в разрыв рамки 
Часть 9 - Как отписаться от уведомлений на почту? (для новичков на Лиру)
Часть 10 - Неприятные посетители - в ИГНОР ЛИСТ.
Часть 11 - Живой софт на ЛиРу
Часть 12 - Как создать простую схему для дневника. Урок от MissKcu
Часть 13 - Делаем схему для дневника с рисунком с левой стороны,переходящим в простой фон.
Часть 14 - Если пропали записи в дневнике (на всякий случай..)
Часть 15 - Урок. Как сделать фон для днева из коллажа.
Часть 16 - урок для ЛиРу - Как создавать рубрики и подрубрики
Часть 17 - Как поменять фон в дневнике
Часть 18 - Как поставить в пост или удалить схему на Лиру
Часть 19 - Как сделать схему в дневнике с помощью ФШ. Урок от MissKcu
Часть 20 - Как выложить схему оформления в свой дневник
Часть 21 - Как сделать так, чтобы сообщение всегда было впереди других
Часть 22 - Как сделать таблицу на ЛиРу
Часть 23 - Как взять ссылку на музыку с Мейла, пока блоги не закрыли...))
Часть 24 - Если не приходят уведомления на почту
Часть 25 - Как из флеш-плеера скачать музыку на компьютер 
Часть 26 - Текст с прокруткой
Часть 27 - Как получить ссылку на музыку?
Часть 28 - Что сделать, если у вас в блоге не играет музыка?
Часть 29 - Как загружать видео на ЛиРу?
Часть 30 - Делаем рамки
Часть 31 - Как сделать схему для дневника, применяя одну фоновую картинку страницы
Часть 32 - Подобрать цвет он-лайн
Часть 33 - Как ответить сразу на много комментариев
Часть 34 - Открытое письмо руководству ЛиРу
Часть 35 - Видео-урок: Работа со ссылками на лиру
Часть 36 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 37 - КАК НАЙТИ АНОНИМА
Часть 38 - Коды для Мейла и ЛиРу
Часть 39 - ВСЕ, ЧТО МЫ ХОТИМ ЗНАТЬ О ЛиРу...
Часть 40 - Получаем код плеера с помощью Рамочника
Часть 41 - КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР
Часть 42 - Учимся делать музыкальную открытку
Часть 43 - Энциклопедия ЛиРу
Часть 44 - Пост доступен на странице сообщения..
Часть 45 - Впервые на Ли Ру?
Часть 46 - Нужные формулы для дневника
Часть 47 - Как переносить посты с Мейла на ЛиРу. 
Часть 48 - HTML шпаргалка
Часть 49 - Как легко перенести пост с Мейла на ЛиРу
Часть 50 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 51 - ВОПРОСЫ И ОТВЕТЫ

Серия сообщений "Для ЛиРу":
Часть 1 - Как сделать кликабельную ссылку
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 36 - Управляем аватарками на ЛиРу
Часть 37 - Видео-урок: Свойства изображения на лиру
Часть 38 - Начинающим на ЛиРу
Часть 39 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 40 - КАК НАЙТИ АНОНИМА
...
Часть 52 - Как легко перенести пост с Мейла на ЛиРу
Часть 53 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 54 - ВОПРОСЫ И ОТВЕТЫ

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

Читать далееРамка 8

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона. Егорова Татьяна

Код готовой рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" 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"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" 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=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" 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=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" 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=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/h-18805.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><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><br />Здесь будет Ваш текст<br /> <br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table></b></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></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-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:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b><br />Здесь будет Ваш текст<br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table></b></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></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью 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>

Меня периодически спрашивают как делать схемы, применяя одну фоновую картинку страницы?

Сразу оговорюсь, что это не будет уроком по созданию фоновой картинки страни.

По созданию фоновой картинки в фотошопе написано много уроков и писать их можно еще и еще. 

Мне нравится, когда фон схемы сделан единой фоновой картинкой, но существуют много прекрасных схем, сделанных бесшовным фоном или другими способами.

Мы говорим о создании схемы на основе одной фоновой картинки страницы.

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

Сделаем многослойную рамочку к картинке.