Комментарии (0)

Закругляем углы на картинках; Вставляем текст на картинку...

Суббота, 14 Января 2017 г. 14:16 + в цитатник
Это цитата сообщения bloginja [Прочитать целиком + В свой цитатник или сообщество!]

*Закругляем острые углы на картинке

Берём картинку

Чтобы закруглить углы на картинке, пишем HTMLкод:

<img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"border="0" style="border-radius: ЧИСЛО ОТ 1 ДО 100%;" />

Вставляем данные и получаем картинку с закругленными углами :

Радиус установлен 80%

Радиус установлен 9%

Вставляем текст на картинку*

bloginja*

KOD моего оформления>>>

===============================

Серия сообщений "*******ШПРАГАЛКИ":
Часть 1 - Рамочки в 1 слой...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
...
Часть 10 - Картинки в ряд... Превью...
Часть 11 - Рамочка с прокруткой текста - 1 - ...
Часть 12 - Закругляем углы на картинках; Вставляем текст на картинку...
Часть 13 - Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ...
Часть 14 - Cимволы
...
Часть 20 - И снова — «Рамочка-книжка»
Часть 21 - ***МОИ маленькие находки...
Часть 22 - ***Бегущая строка

Понравилось: 1 пользователю

Комментарии (0)

WWW,OFFNOTE.NET - занимательные конструкторы для работы и отдыха...

Вторник, 10 Января 2017 г. 19:35 + в цитатник

WWW,OFFNOTE.NET -Онлайн сервисы для работы и отдыха. Здесь вы найдете набор программ для создания и обработки графики, а именно: Конструктор по созданию портфолио ученика, Конструктор расписания уроков, Фото на документы онлайн, Грамоты дипломы благодарности, Конструктор визиток, Фоторамки онлайн, Онлайн фоторедактор, Информер для сайта блога форума, Конструктор календаря...
1. Портфолио ученика
В первую очередь конструктор портфолио ученика будет интересен учителям , родителям и ученикам.
Превратить создание портфолио в увлекательную игру поможет наш "онлайн редактор портфолио ученика".

DALEE>>>

Серия сообщений "*******КОНВЕРТЕРЫ":
Часть 1 - ПРЕДНОВОГОДНЯЯ НАХОДКА...для тех, кто любит творить...
Часть 2 - Бесплатные веб-приложения по обработке АУДИ и ВИДЕО...
Часть 3 - WWW,OFFNOTE.NET - занимательные конструкторы для работы и отдыха...
Часть 4 - Оптимизатор изображений WEB Photo Resizer
Часть 5 - Оптимизатор изображений Optimisilla
...
Часть 29 - ***VI-EDITOR — извлечь звук из видео
Часть 30 - С Новым Годом!
Часть 31 - ***Как создать бесплатно видео слайд-шоу с музыкой и без водяных знаков...

Процитировано 1 раз
Понравилось: 1 пользователю

Комментарии (0)

Грибной суп с картофелем...

Вторник, 10 Января 2017 г. 17:56 + в цитатник

Продукты для супа картофельного с грибами:
Грибы - 300 г
Вода - 2,5 л
Картофель - 2-3 шт.
Морковь - 1 шт.
Лук репчатый - 1 шт.
Засыпка макаронная (по желанию) - 100-150 г
Масло растительное - 30 г
Соль - 0,5-1 ст. ложки
Перец - 1 щепотка
Зелень - 0,5 пучка

Как приготовить суп картофельный с грибами:

Очистить и помыть картофель. Порезать на кубики.

Вскипятить 2,5 л воды. Опустить картофель. Варить 15-20 минут.

Очистить и помыть лук и морковь. Лук нарезать мелко кубиками.
Морковь натереть на крупную терку или нарезать соломкой.

Разогреть сковороду, налить растительное масло. выложить лук.
Обжарить, помешивая, на среднем огне 1-2 минуты.

Помыть и нарезать грибы.

К луку добавить грибы. Тушить, помешивая 4-6 минут.

Затем добавить морковь. Тушить все помешивая 3-4 минуты.

Выложить зажарку и макаронные изделия. Посолить и поперчить.
Варить под крышкой 5-10 минут, до готовности макарон.

Помыть и мелко нарезать зелень.

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

Суп картофельный с грибами готов. Хорошо подавать со сметаной.

Серия сообщений "________ - Супы":
Часть 1 - Капустняк с индейкой и чечевицей
Часть 2 - Грибной суп с картофелем...
Часть 3 - Постный густой суп, родом из Греции...
Часть 4 - Чесночные пампушки - изюминка борща!
...
Часть 24 - Разновидности ухи.
Часть 25 - Уха онежская из сущика
Часть 26 - Память о лете - суп «Минестроне»

Процитировано 1 раз
Понравилось: 1 пользователю

Комментарии (0)

«Не красавица, но чертовски мила»... Правильный уход за кожей лица и шеи...

Вторник, 10 Января 2017 г. 14:12 + в цитатник

«Нет ничего страшнее, чем однажды утром увидеть в зеркале все признаки неухоженной женщины! Известный циник О.Уайльд говорил: «Нет красивых женщин: есть некрасивые и хорошо накрашенные». Конечно, с этим можно поспорить, но доля истины здесь есть. Не все из нас рождаются Афродитами или Мерлин Монро. Но каждой женщине вполне под силу пользоваться маленькими хитростями, чтобы всегда выглядеть привлекательно в глазах мужчин. И совет здесь только один: не лениться, ибо в красоте не бывает мелочей...»(источник)
«Красота и чистота – понятия неразделимые. Когда заходит разговор о чистке лица дома, то многие упоминают о простом умывании утром и вечером.
Правильный уход за кожей лица и шеи включает в себя 6 основных этапов и не займет много времени:

Серия сообщений "________ - У зеркала - ":
Часть 1 - Кофе в рецептах красоты
Часть 2 - «Не красавица, но чертовски мила»... Правильный уход за кожей лица и шеи...
Часть 3 - Омолаживающая маска для кожи из крахмала...
Часть 4 - Гиалуроновая кислота
...
Часть 21 - ***Отличный вариант для тех, кто хочет похудеть...
Часть 22 - ***Польза сухофруктов
Часть 23 - ***Серый — это ощущение спокойствия и самообладания...

Комментарии (2)

Генераторы текста

Понедельник, 09 Января 2017 г. 18:32 + в цитатник

*

2. Генератор 3D текста CSS онлайн
Генератор 3D текста CSS онлайн -

пользоваться генератором очень просто. Здесь, главное, сам код - скопировав, вам придется его немного изменить... Не пугайтесь! Просто {...}, в которые заключен код, удаляем, а значения color:#...;font-size:...px;font-family:" ..." должны располагаться в одну строчку. Используем формулу -

<span style="ПОЛУЧЕННЫЙ КОД">ВАШ ТЕКСТ</span>

В этом генераторе надписи надо делать в основном английскими буквами HE1A0vBu (196x62, 20Kb) Русские тексты можно сгенерировать, если использовать шрифты, которые закрашены оранжевым цветом - arial (multi lang), cour (multi lang), times (multi lang). Обязательно скопируйте (Download) в папку...

4.

Здесь вы так же найдете Конструктор открыток, Конструктор баннеров,
Генератор логотипов онлайн (надо только зарегистрироваться на сайте, чтобы ваши работы были без водяного знака)...

Онлайн генерация надписей красивым шрифтом. Такой же как X-Lines.ru, может быть чуть побольше видов шрифта...
*

Серия сообщений "________ - Пишем красиво - ":
Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Бегущие строчки...
...
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
Часть 9 - Генераторы текста
Часть 10 - Несколько html кодов для ЦВЕТА текста
Часть 11 - Названия цвета в HTML, CSS и JavaScript (таблица № 1)
...
Часть 17 - Разные разные шрифты...
Часть 18 - Цветовой круг он-лайн. Подбор цветов и генерация цветовых схем.html
Часть 19 - ШРИФТЫ...

Процитировано 6 раз
Понравилось: 6 пользователям

Комментарии (0)

Рамка с картинкой сверху (учимся делать рамки - классный урок!!!)...

Воскресенье, 08 Января 2017 г. 22:00 + в цитатник
Это цитата сообщения bloginja [Прочитать целиком + В свой цитатник или сообщество!]

<

Рамка с картинкой сверху.

ЗАГОЛОВОК

ТЕКСТ

Bloginja

В предыдущих уроках для создание рамки мы использовали тег table и его стилевые значения. Но здесь мы его заменим. Вместо table будем использовать элемент div.

Открываем редактор и начинаем писать

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

А так она будет выглядеть

ТЕКСТ

Урок 1
Урок 2
Урок 3

bloginja

Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 11 - Обводка внутри рамки (блока)...
Часть 12 - Простые рамочки-обводки для текста
Часть 13 - Рамка с картинкой сверху (учимся делать рамки - классный урок!!!)...
Часть 14 - Рамочка с выступающей справа картинкой
Часть 15 - HTML рамка - КОЛЛАЖ...
...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

Понравилось: 2 пользователям

Комментарии (0)

Простые рамочки-обводки для текста

Воскресенье, 08 Января 2017 г. 21:59 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

Дополнение к

уроку Юлия_Гурбер

***Текст***

<center><div style="border: 4px ridge #FE9980; padding: 6px; width: 88%;"><div style="border: 4px ridge #FE9980; padding: 10px; background-color: #F1E6D9;"><font face="Georgia" style="font-size: 19px" color="#663333"><i>***Текст***</i></font></div></div></center>

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

<center><img src="//img0.liveinternet.ru/images/attach/c/0/120/667/120667416_0_b6bb0_e03902dd_orig.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border: 4px ridge #FE9980; padding: 6px; width: 88%;"><div style="border: 4px ridge #FE9980; padding: 10px; background-color: #F1E6D9;"><font face="Georgia" style="font-size: 19px" color="#663333"><i>***Текст***</i></font></div></div></center>

Текст

<center><img src="//img0.liveinternet.ru/images/attach/c/0/120/667/120667802_0_aff16_b300bd09_orig.png" width="150" height="" border="0" align="left" /><br /><br /><div style="padding: 10px 10px; background: #FE9980; width: 750px; font-size: 27px;  font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 10px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br />
<center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><img src="https://img-fotki.yandex.ru/get/9254/120937872.e9/0_aa27f_8e85f51b_XXXS.gif" width="15" height="17" border="0" align="right" /></a></center></div></center>

<*img src="https://img-fotki.yandex.ru/get/194804/127703801.25/0_15b14a_f0dbdba5_orig" width="199" height="" border="0" align="right" /><*br /><*br /><*br /><*br /><*/i><*/font><*/div>

Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 10 - ...Тени в рамочке и на картинках без ФШ (оригинальные рамочки для текста и картинок)...
Часть 11 - Обводка внутри рамки (блока)...
Часть 12 - Простые рамочки-обводки для текста
Часть 13 - Рамка с картинкой сверху (учимся делать рамки - классный урок!!!)...
Часть 14 - Рамочка с выступающей справа картинкой
...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

Понравилось: 2 пользователям

Комментарии (0)

Обводка внутри рамки (блока)...

Воскресенье, 08 Января 2017 г. 21:58 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)

Текст
Ваша подпись

<center><div style="padding: 10px 10px; background: #FE9980; width: 610px; font-size: 27px; font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 3px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br /> <center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><font face="Georgia" color="#ffffff" style="font-size:18px">Ваша подпись</font></a></center></div></center>

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

Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 9 - Рамки с объемным фоном без фотошопа!
Часть 10 - ...Тени в рамочке и на картинках без ФШ (оригинальные рамочки для текста и картинок)...
Часть 11 - Обводка внутри рамки (блока)...
Часть 12 - Простые рамочки-обводки для текста
Часть 13 - Рамка с картинкой сверху (учимся делать рамки - классный урок!!!)...
...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

Понравилось: 1 пользователю

Комментарии (0)

...Тени в рамочке и на картинках без ФШ (оригинальные рамочки для текста и картинок)...

Воскресенье, 08 Января 2017 г. 21:56 + в цитатник

Оригинальные рамочки можно сделать без ФШ, используя генераторы онлайн. Очень подробный урок у

~~Veta-z~~ вот здесь.
1.

ВАШ ТЕКСТ

КОД:

2.

ВАШ ТЕКСТКОД:

КОД:

3.

ВАШ ТЕКСТ

КОД:
Ещё рамочки
"У Самовара" +

Вера Паничкина - это тоже Я

Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 8 - Рамочки для текста с разноцветными бордюрами
Часть 9 - Рамки с объемным фоном без фотошопа!
Часть 10 - ...Тени в рамочке и на картинках без ФШ (оригинальные рамочки для текста и картинок)...
Часть 11 - Обводка внутри рамки (блока)...
Часть 12 - Простые рамочки-обводки для текста
...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

Процитировано 1 раз
Понравилось: 1 пользователю

Комментарии (0)

Рамки с объемным фоном без фотошопа!

Воскресенье, 08 Января 2017 г. 21:37 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

РАМКИ С ОБЪЕМНЫМ ФОНОМ
Не так давно здесь и здесь я давала уроки как делать без фотошопа рамки с круглыми углами и тенью. Сегодня даю небольшое дополнение к предыдущим урокам. Расскажу как сделать объемно-выпуклым центральный фон и вообще любой фон в рамке. Сравните. Рамка А без эффекта объема, рамка Б с таким эффектом и рамка В с усиленным эффектом.

РАМКА А

Здесь будет Ваш текст

Егорова Татьяна

РАМКА Б

Здесь будет Ваш текст

Егорова Татьяна

РАМКА В

Здесь будет Ваш текст

Егорова Татьяна

Можно сделать рамку и с прямыми углами

Здесь будет Ваш текст

Егорова Татьяна

........

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

Егорова Татьяна

Код готовой рамки

<table style=" solid silver; border-radius:0px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table width="600" style="solid silver; border-radius:0px;box-shadow:  5px 5px 40px #000000 inset;" background="//img1.liveinternet.ru/images/attach/c/0/117/839/117839129_4.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=" 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:6px"><table width="600" style="solid silver; border-radius:80px;box-shadow:  5px 5px 40px #000000 inset;" background="//img1.liveinternet.ru/images/attach/c/0/117/807/117807919_large_SS.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>Здесь будет Ваш текст <br />
</b></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="http://www.egorovatatiana.ru/" target="_blank"><font color="#3e441c"></font></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"><b><a href="http://www.egorovatatiana.ru/" target="_blank"><font color="#b7c381">Егорова Татьяна</font></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки

КОД<table style=" solid silver; border-radius:0px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table width="600" style="solid silver; border-radius:0px;box-shadow:  5px 5px 40px #000000 inset;" background="//img0.liveinternet.ru/images/attach/c/0/117/834/117834120_colorfulflowersbzsackground05vector_7997994Ff11.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=" solid silver; border-radius:80px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:6px"><table width="600" style="solid silver; border-radius:80px;box-shadow:  5px 5px 40px #000000 inset;" background="//img1.liveinternet.ru/images/attach/c/0/117/807/117807919_large_SS.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>Здесь будет Ваш текст <br />
</b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b></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"><b><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></b></span></td></tr></table></td></tr></table>

Читать далее

Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 7 - Рамочка для текста с анимированным фоном без помощи ФШ.....
Часть 8 - Рамочки для текста с разноцветными бордюрами
Часть 9 - Рамки с объемным фоном без фотошопа!
Часть 10 - ...Тени в рамочке и на картинках без ФШ (оригинальные рамочки для текста и картинок)...
Часть 11 - Обводка внутри рамки (блока)...
...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

Понравилось: 1 пользователю

LiveInternetLiveInternet

-Фотоальбом

-Рубрики

-Цитатник

-Метки

-Поиск по дневнику

-Подписка по e-mail

-Статистика

У самовара

Перейти к полной формеБыстрая запись

Закругляем углы на картинках; Вставляем текст на картинку...

WWW,OFFNOTE.NET - занимательные конструкторы для работы и отдыха...

Грибной суп с картофелем...

«Не красавица, но чертовски мила»... Правильный уход за кожей лица и шеи...

Генераторы текста

Рамка с картинкой сверху (учимся делать рамки - классный урок!!!)...

Простые рамочки-обводки для текста

Обводка внутри рамки (блока)...

...Тени в рамочке и на картинках без ФШ (оригинальные рамочки для текста и картинок)...

Рамки с объемным фоном без фотошопа!