-–убрики

 -¬сегда под рукой

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

–амки с круглыми углами без фотошопа. ‘ормулы кодов.

ѕ€тница, 13 Ќо€бр€ 2015 г. 18:00 + в цитатник
Ёто цитата сообщени€ 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" - дл€ отображени€ во всех остальных браузерах.



—ери€ сообщений "–амочки":
„асть 1 -  ак удалить рамочку и фон в цитируемом сообщении.
„асть 2 - Ќабор рамочек с разрывом (можно вставл€ть фон)
...
„асть 6 - ћо€ рамка дл€ рецептов по ƒюкану. ќформление цитаты.
„асть 7 -  лассна€ рамочка пунктиром
„асть 8 - –амки с круглыми углами без фотошопа. ‘ормулы кодов.
„асть 9 - –амочки простые фон прозрачный с прокруткой +формула от мадам_ќльга
„асть 10 - –амочки на все случаи "–аскрыта€ тетрадь"
...
„асть 19 - ѕростые рамки с фоном
„асть 20 - ”рок по рамочкам
„асть 21 - ѕростые рамки-обводки дл€ оформлени€ дневника.


ћетки:  

 —траницы: 17 16 15 [14] 13 12 ..
.. 1