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

рамочки для текста с внутренней тенью без ФШ

рамочки сделаны по уроку Сергея,
в формуле я убрала внешнюю тень, а в ставила тег с внутренней тенью.
это box-shadow: inset 0px 0px 35px #000000;,
0px 0px - это расположение тени по оси Х и У,
35px - это величина размытия тени
#000000 - это цвет тени
Если сравнить верхнюю и нижнию рамочки, то там видно,каким образом располагаются тени в фоне для записей. В верхней равномерно, а в нижней - свеху и слева, это потому, что я просто поменяла параметры...

***Здесь пишите свой текст***

<center><div style="border:5px inset #CCCCFF;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/4806/120937872.127/0_b2458_9f50d20e_XS.jpg');width:70%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:5px inset #CCCCFF;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5108/120937872.127/0_b2451_495e3e45_XS.jpg');width:85%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:5px inset #D3D3D3;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5105/120937872.128/0_b2509_332bf465_XXS.jpg');width:90%;box-shadow: inset 0px 0px 35px #000000;"><center><br /><font face="Comic Sans MS"> <text size="5"><font size="+1"><font color="#2F4F4F">***Здесь пишите свой текст***</font></font></text> </font><br /><br /></center></div></center></div><img src="https://img-fotki.yandex.ru/get/9254/120937872.e9/0_aa27f_8e85f51b_XXXS.gif" width="15" height="17" border="0" title="0_9c78b_b08106dc_S.gif" alt="0_9c78b_b08106dc_S.gif" align="left" /></center></div></center>

***Здесь пишите свой текст***

<center><div style="border:5px inset #CCCCFF;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/4806/120937872.127/0_b2458_9f50d20e_XS.jpg');width:70%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:5px inset #CCCCFF;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5108/120937872.127/0_b2451_495e3e45_XS.jpg');width:85%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:5px inset #D3D3D3;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5105/120937872.128/0_b2509_332bf465_XXS.jpg');width:90%;box-shadow: inset 5px 5px 35px #000000;"><center><br /><font face="Comic Sans MS"> <text size="5"><font size="+1"><font color="#2F4F4F">***Здесь пишите свой текст***</font></font></text> </font><br /><br /></center></div></center></div><img src="https://img-fotki.yandex.ru/get/9254/120937872.e9/0_aa27f_8e85f51b_XXXS.gif" width="15" height="17" border="0" title="0_9c78b_b08106dc_S.gif" alt="0_9c78b_b08106dc_S.gif" align="left" /></center></div></center>

Скелет Рамочки <center><textarea readonly="readonly" cols="40" rows="1" style="font-size: 10px; color:#E40000; background-color:#000000; border: solid 1px #E40000;"><center><div style="border:5px inset #CCCCFF;border-radius:10px;padding:10px;background-image:url('***фон-1***');width:70%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:5px inset #CCCCFF;border-radius:10px;padding:10px;background-image:url('***фон-2***');width:85%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:5px inset #D3D3D3;border-radius:10px;padding:10px;background-image:url('***фон-3 для текста***');width:90%;box-shadow: inset 5px 5px 35px #000000;"><center><br /><font face="***шрифт***"> <text size="5"><font size="+1"><font color="#***цветШрифта***">***Здесь пишите свой текст***</font></font></text> </font><br /><br /></center></div></center></div><img src="https://img-fotki.yandex.ru/get/9254/120937872.e9/0_aa27f_8e85f51b_XXXS.gif" width="15" height="17" border="0" title="0_9c78b_b08106dc_S.gif" alt="0_9c78b_b08106dc_S.gif" align="left" /></center></div></center>

text size="5" - величина шрифта
font size="+1 - можно увеличить (уменьшить) шрифт, меняя значения и (+) на (-)


с такой обводкой, тень внутри как бы скрадывается, но все равно интересный вид

***Желаю удачи!***

<center><div style="border:6px ridge #F5DEB3;border-radius:5px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/9812/120937872.df/0_a999a_ea5276d6_M.jpg');width:70%;box-shadow: inset 0px 0px 35px #FFFFFF;"><center><br /><font face="Comic Sans MS"> <text size="5"><font size="+1"><font color="#EEDD82">***Желаю удачи!***</font></font></text> </font><br /><br /></center></div></center>

Серия сообщений "*** уроки":

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 7 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 8 - Рамочки с внутренней тенью без ФШ
Часть 9 - рамочки для текста с внутренней тенью без ФШ
Часть 10 - Рамки с объемным фоном без фотошопа!
Часть 11 - Кнопочка для поздравлений
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки