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

Схемка от Ejkova

Пятница, 24 Марта 2017 г. 23:59 + в цитатник
Это цитата сообщения Ejkova [Прочитать целиком + В свой цитатник или сообщество!]

Название: На чёрном фоне
Автор: Ejkova
Создана: 06.03.2014 17:14
Скопировали: 71 раз
Установили: 112 раз
Примерить схему | Cохранить себе

Рубрики:

Схемки для дневника

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

Шикарные цветочные композиции на прозрачном фоне

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

Рубрики:

Цветы PNG

Метки: цветы PNG

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

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

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА от DED_c_B9ITKU

Среда, 22 Марта 2017 г. 21:21 + в цитатник
Это цитата сообщения DED_c_B9ITKU [Прочитать целиком + В свой цитатник или сообщество!]

ДЕЛАЕМ РАМКИ С КРУГЛЫМИ УГЛАМИ
БЕЗ ФОТОШОПА

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

ЕгороваТатьяна уже разьясняла,как это делается: тут

Немного дополню её, в своём маленьком уроке

По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.

Рассотрим,из чего же состоит наша формула

ЗДЕСЬ БУДЕТ ВАША ФОНОВАЯ КАРТИНКА

Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:

"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)

могут встречаться атрибуты:

"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.

Рубрики:

Рамки/урок от DED_c_B9ITKU

Метки: рамки

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

Рамочки для текста с разрывом

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

рамочки для текста с разрывом

***Картинка или текст в разрыве***

Здесь будет ваш текст.

<center><table style="background-image:url(//img-fotki.yandex.ru/get/6516/107170190.b7/0_9cb08_65988c0a_M.jpg); background-color: hidden;border: #ffffff 0px solid;box-shadow: 0px -0px 20px black;box-shadow: 0px 0px 30px black;background-repeat: repeat;" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table style="border:0px none #9b815f" background="https://img-fotki.yandex.ru/get/15480/120937872.17e/0_b4ea5_df4f0ab2_XS.png" cellpadding="0" cellspacing="0"><tr><td style="padding: 4px;"><table style="border: 0px none #9b815f" background="//img-fotki.yandex.ru/get/6516/107170190.b7/0_9cb08_65988c0a_M.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table style="background-image:url(https://img-fotki.yandex.ru/get/16103/120937872.17e/0_b4ea3_d18da746_M.jpg); border: 0px dotted #ffffff;padding: 5px;" width="700"><tr><td style="padding:10px"><fieldset style="border: 4px double #ffffff;padding: 5px;background-image:url(https://img-fotki.yandex.ru/get/15480/120937872.17e/0_b4ea5_df4f0ab2_XS.png); box-shadow: 0px 0px 20px #999966;"><legend>***Картинка или текст в разрыве***</legend><center><table border="0" background="https://img-fotki.yandex.ru/get/16103/120937872.17e/0_b4ea3_d18da746_M.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="https://img-fotki.yandex.ru/get/9815/120937872.f1/0_ac509_f8550468_XXS.jpg" cellpadding="10" cellspacing="0" width="100%"><tr><td><center><block><font size="5" color="#ffffff" face="Ariadna-script">Здесь будет ваш текст. <br /></font></block></center></td></tr></table><center> </center></td></tr></table></center></fieldset></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/15537/120937872.17e/0_b4ea8_8e201b8a_XXXS.gif); background-color: hidden;border: #ffffff 0px solid;box-shadow: 0px -0px 20px black;box-shadow: 0px 0px 30px black;background-repeat: repeat;" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table style="border:0px none #9b815f" background="https://img-fotki.yandex.ru/get/15480/120937872.17e/0_b4ea5_df4f0ab2_XS.png" cellpadding="0" cellspacing="0"><tr><td style="padding: 4px;"><table style="border: 0px none #9b815f" background="https://img-fotki.yandex.ru/get/15537/120937872.17e/0_b4ea8_8e201b8a_XXXS.gif" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table style="background-image:url(https://img-fotki.yandex.ru/get/15517/120937872.17e/0_b4ea9_9a0d6dfb_XS.jpg); border: 0px dotted #ffffff;padding: 5px;" width="700"><tr><td style="padding:10px"><fieldset style="border: 4px double #ffffff;padding: 5px;background-image:url(https://img-fotki.yandex.ru/get/15480/120937872.17e/0_b4ea5_df4f0ab2_XS.png); box-shadow: 0px 0px 20px #999966;"><legend>***Картинка или текст в разрыве***</legend><center><table border="0" background="https://img-fotki.yandex.ru/get/15517/120937872.17e/0_b4ea9_9a0d6dfb_XS.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="https://img-fotki.yandex.ru/get/15489/120937872.17d/0_b4e53_7aadafea_S.jpg" cellpadding="10" cellspacing="0" width="100%"><tr><td><center><block><font size="5" color="#ffffff" face="Ariadna-script">Здесь будет ваш текст. <br /></font></block></center></td></tr></table><center> </center></td></tr></table></center></fieldset></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Скелетик рамочки• • •

<center><table style="background-image:url(***Обводка***); background-color: hidden;border: #ffffff 0px solid;box-shadow: 0px -0px 20px black;box-shadow: 0px 0px 30px black;background-repeat: repeat;" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table style="border:0px none #9b815f" background="***Фон-1***" cellpadding="0" cellspacing="0"><tr><td style="padding: 4px;"><table style="border: 0px none #9b815f" background="***Обводка***" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table style="background-image:url(***Широкий фон***); border: 0px dotted #ffffff;padding: 5px;" width="700"><tr><td style="padding:10px"><fieldset style="border: 4px double #ffffff;padding: 5px;background-image:url(***Фон-2***); box-shadow: 0px 0px 20px #999966;"><legend>***Картинка или текст в разрыве***</legend><center><table border="0" background="***Фон-3***" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="***Фон для текста***" cellpadding="10" cellspacing="0" width="100%"><tr><td><center><block><font size="5" color="#ffffff" face="Ariadna-script">Здесь будет ваш текст. <br /></font></block></center></td></tr></table><center> </center></td></tr></table></center></fieldset></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Рубрики:

Рамки (скилеты)

Метки: рамки-скилет

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

Рамочка 3х1 + скелет рамочки

Среда, 22 Марта 2017 г. 20:55 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

Рамочка 3х1 + скелет рамочки (Рамочка сделана по формуле © $vetL@n@)

***Заголовок***

***ВашТексТ***

***Подпись или источник***

<center><div style="box-shadow:-2px -2px 7px white, 2px 2px 7px #333333, 2px 2px 7px black; border:1px solid #ffffff; border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 1em; padding: 5px;background-image: url('https://img-fotki.yandex.ru/get/9066/120937872.62/0_8dcc4_165b8207_S.jpg'); width:85%;"><center><span style="font-family: ***Шрифт***; color: #000000;font-size:20px"><br />
***Заголовок***</span></center><img src="https://img-fotki.yandex.ru/get/9320/120937872.64/0_8ddb1_76885ebc_S.png" align="left" /><img src="https://img-fotki.yandex.ru/get/9320/120937872.64/0_8ddb1_76885ebc_S.png" align="right" /><br /><br /></div><br />
<center><div style="box-shadow:-2px -2px 7px white, 2px 2px 7px #333333, 2px 2px 7px black; border:1px solid #ffffff; border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 1em; padding: 5px;background-image: url('https://img-fotki.yandex.ru/get/9066/120937872.62/0_8dcc4_165b8207_S.jpg'); width:85%;"><br /><center><div style="box-shadow:-2px -2px 7px white, 2px 2px 7px #333333, 2px 2px 7px black; border:1px solid #ffffff; border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 1em; padding: 5px;background-image: url('https://img-fotki.yandex.ru/get/6712/120937872.62/0_8dcc6_b070502d_XS.jpg'); width:96%;"><center><span style="font-family: ***Шрифт***; color: #000000;font-size:20px"><br /><br /><br />
***ВашТексТ***</span></center><br /><br /><br /><img src="https://img-fotki.yandex.ru/get/9320/120937872.64/0_8ddb1_76885ebc_S.png" align="left" /><img src="https://img-fotki.yandex.ru/get/9320/120937872.64/0_8ddb1_76885ebc_S.png" align="right" /></div><br />
</center></div></center></center><br /><br /><center><div style="box-shadow:-2px -2px 7px white, 2px 2px 7px #333333, 2px 2px 7px black; border:1px solid #ffffff; border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 1em; padding: 5px;background-image: url('https://img-fotki.yandex.ru/get/9066/120937872.62/0_8dcc4_165b8207_S.jpg'); width:85%;"><center><span style="font-family: ***Шрифт***; color: #000000;font-size:20px"><br />
***Подпись или источник***</span></center></div></center>

Рубрики:

Рамки (скилеты)

Метки: рамки рамки-скилет

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

яркие однотонные бесшовные фоны

Вторник, 21 Марта 2017 г. 19:03 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

===>

Рубрики:

Фоны

Метки: фоны

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

ПНГ_от_Саюри

Понедельник, 20 Марта 2017 г. 21:51 + в цитатник
Это цитата сообщения ПНГ_от_Саюри [Прочитать целиком + В свой цитатник или сообщество!]

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

Рубрики:

PNG

Метки: PNG

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

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

ПНГ_от_Саюри

Понедельник, 20 Марта 2017 г. 20:50 + в цитатник
Это цитата сообщения ПНГ_от_Саюри [Прочитать целиком + В свой цитатник или сообщество!]

1

+

+

+

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

Метки: PNG

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

ПНГ_от_Саюри

Понедельник, 20 Марта 2017 г. 20:43 + в цитатник
Это цитата сообщения ПНГ_от_Саюри [Прочитать целиком + В свой цитатник или сообщество!]

+10 искаженных часов

Рубрики:

PNG

Метки: Часы PNG

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

ПНГ_от_Саюри

Понедельник, 20 Марта 2017 г. 19:15 + в цитатник
Это цитата сообщения ПНГ_от_Саюри [Прочитать целиком + В свой цитатник или сообщество!]

1

+

+

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

Рубрики:

PNG

Метки: PNG

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

Фоны текстуры

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

Рубрики:

Фоны

Метки: фоны

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

Рамочки для текста и картинок.

Воскресенье, 26 Февраля 2017 г. 01:54 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

****Ваш текст****

<div align="center"><center><table style="background-image: url(''); border: 3px dotted #; box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0" width="800"><tr><td style="padding:0px" zzz="zzz" align=""><table width="800" style="solid silver; border-radius:0px;box-shadow: 0px 0px 6px 1px rgba(158,158,158,1);box-shadow: inset 0px 0px 6px 1px rgba(158,158,158,0.65),inset 0px 0px 6px 1px rgba(158,158,158,0.65),  inset 0px 0px 6px 1px rgba(158,158,158,0.65);" background="//img0.liveinternet.ru/images/attach/d/1/131/639/131639232_FoliaWallpapersSefaHLOC110320.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><div style="background-image: url('//img1.liveinternet.ru/images/attach/d/1/131/639/131639273_0_8e510_c72490d8_S.jpg'); border-radius: 0px 0px0px 0px; background-color: #; padding:4px;height: 100%;"><center><div style="background-image: url('//img1.liveinternet.ru/images/attach/d/1/131/639/131639811_86.gif'); border-radius: 0px 0px0px 0px; background-color: #; box-shadow: inset 1px 1px 8px #000000; height: 100%; padding:30px;"><center><div style="background-image: url('//img0.liveinternet.ru/images/attach/d/1/131/639/131639232_FoliaWallpapersSefaHLOC110320.jpg'); border-radius: 0px 0px0px 0px; background-color: #; box-shadow: inset 1px 1px 15px #000000; height: 100%;"><center><fieldset style=" border:6px #FFF6B8 ridge; padding:8px; margin:0px 0px 0px 0px;box-shadow: inset 1px 1px 15px #000000;"><span style="font-family:Monotype Corsiva;color:#321600;font-size:26px;"><br />
****Ваш текст****<br />
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/c/11/117/103/117103913_0_3f811_d7b8a3af_S.gif" width="11" height="11" alt="0_3f811_d7b8a3af_S (11x11, 1Kb)" /></a></span></fieldset></center></div></center></div></center></div></td></tr></table></td></tr></table></center></div>

****Ваш текст****

<div align="center"><center><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/1/131/648/131648516_FoliaWallpapersSefaHLOC110321.jpg'); border: 3px dotted #; box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0" width="800"><tr><td style="padding:0px" zzz="zzz" align=""><table width="800" style="solid silver; border-radius:0px;box-shadow: 0px 0px 6px 1px rgba(158,158,158,1);box-shadow: inset 0px 0px 6px 1px rgba(158,158,158,0.65),inset 0px 0px 6px 1px rgba(158,158,158,0.65),  inset 0px 0px 6px 1px rgba(158,158,158,0.65);" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><div style="background-image: url('//img1.liveinternet.ru/images/attach/d/1/131/639/131639273_0_8e510_c72490d8_S.jpg'); border-radius: 0px 0px0px 0px; background-color: #; padding:4px;height: 100%;"><center><div style="background-image: url('//img1.liveinternet.ru/images/attach/d/1/131/648/131648577_arthouse_retro_leaf_taupe_wallapper_40820622.JPG'); border-radius: 0px 0px0px 0px; background-color: #; box-shadow: inset 1px 1px 8px #000000; height: 100%; padding:30px;"><center><div style="background-image: url('//img0.liveinternet.ru/images/attach/d/1/131/648/131648516_FoliaWallpapersSefaHLOC110321.jpg'); border-radius: 0px 0px0px 0px; background-color: #; box-shadow: inset 1px 1px 15px #000000; height: 100%;"><center><fieldset style=" border:6px #FFF6B8 ridge; padding:8px; margin:0px 0px 0px 0px;box-shadow: inset 1px 1px 15px #000000;"><span style="font-family:Monotype Corsiva;color:#321600;font-size:26px;"><br />
****Ваш текст****<br />
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/c/11/117/103/117103913_0_3f811_d7b8a3af_S.gif" width="11" height="11" alt="0_3f811_d7b8a3af_S (11x11, 1Kb)" /></a></span></fieldset></center></div></center></div></center></div></td></tr></table></td></tr></table></center></div>

Метки: рамки

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

Поля для кодов. Внешний вид и пр.

Суббота, 25 Февраля 2017 г. 20:50 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Поля для кодов. Внешний вид и пр.

Такой небольшой, но очень полезный постик:)

Речь пойдет про поля, в которые прописывается некий код, для того, чтобы читатель мог потом этот код с легкостью взять. Коды флешек, картинок, постов и пр. Окошки такие, к примеру:

Такие простенькие окошки. Про первое говорить не будем. Оно как бы не совсем предназначено для этих целей (содержать в себе некий код), а вот про второе,- поговорим.

Пишется оно очень просто:

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

Рубрики:

Новичкам на Ли.ру

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