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

Тень у рамки

Тень у букв тут: http://www.liveinternet.ru/users/ka82/post350166795/

ВАШ текст1

ВАШ текст2

ВАШ текст3

Ширину можно фиксировать, для чего вместо div style="height:px; в начале кода можно вписать div style="width:200px;height:px;
width:200px это ширина как тут ниже; обычно ширина постов на Ли.ру бывает около 700px

ВАШ текст4

Вместо определенного цвета можно поставить фон-картинку на свой вкус, тогда background-color:#E8E815 меняется на background-image:url('АДРЕС_КАРТИНКИ_ФОНА');

ВАШ текст5

ИТАК, ВОТ КОДЫ:



ПЕРВЫЙ КОД ОБЩИЙ, РУССКИЕ СЛОВА ЗАМЕНИТЕ НА СВОЙ ВЫБОР:
<div style="height:px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:3px solid #ЦВЕТ_РАМОЧКИ;background-color:ЦВЕТ_ФОНА_БУКВ;-webkit-box-shadow: #4D4D05 5px 5px 5px;-moz-box-shadow: #4D4D05 5px 5px 5px; box-shadow: #ЦВЕТ_ТЕНИ_СНИЗУ 5px 5px 5px;"><center><font color="#ЦВЕТ_БУКВ">ВАШ ТЕКСТ</font></center></div>

Цветовая палитра тут

ТЕПЕРЬ ГОТОВЫЕ, ПО ЦИФРАМ:
1
<div style="height:px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:3px solid #4D4D05;background-color:#E8E815;-webkit-box-shadow: #ffffff 5px 5px 5px;-moz-box-shadow: #ffffff 5px 5px 5px; box-shadow: #ffffff 5px 5px 5px;"><center><font color="#000000">ВАШ текст1</font></center></div>
2
<div style="height:px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:3px solid #4D4D05;background-color:#E8E815;-webkit-box-shadow: #ffffff 5px 5px 5px;-moz-box-shadow: #ffffff 5px 5px 5px; box-shadow: #ffffff 5px 5px 50px;"><center><font color="#000000">ВАШ текст2</font></center></div>
3
<div style="height:px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:3px solid #4D4D05;background-color:#E8E815;-webkit-box-shadow: #ffffff 5px 5px 5px;-moz-box-shadow: #ffffff 5px 5px 5px; box-shadow: #ffffff 5px 50px 5px;"><center><font color="#000000">ВАШ текст3</font></center></div>
4
<div style="height:px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:3px solid #4D4D05;background-color:#E8E815;-webkit-box-shadow: #ffffff 5px 5px 5px;-moz-box-shadow: #ffffff 5px 5px 5px; box-shadow: #ffffff 50px 5px 5px;"><center><font color="#000000">ВАШ текст4</font></center></div>
5 В примере выше адрес картинки был: //img0.liveinternet.ru/images/attach/c/10/110/479/110479330_54.jpg
<div style="height:px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:3px solid #4D4D05;background-image:url('АДРЕС_КАРТИНКИ_ФОНА');-webkit-box-shadow: #ffffff 50px 50px 50px;-moz-box-shadow: #ffffff 50px 50px 50px; box-shadow: #ffffff 5px 5px 50px;"><center><font color="#000000">ВАШ текст5</font></center></div>

Вот еще рамки с округлыми краями. ОБЩИЙ КОД, ВМЕСТО РУССКИХ СЛОВ ВСТАВЬТЕ СВОЕ: <table style="background-image: url('АДРЕС КАРТИНКИ_ЕЕ_ВИДНО_КАК_РАМКУ-ГРАНИЦУ'); border-radius: 10px; box-shadow: 0px 0px 15px black; margin-center: 150px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style="background-image: url('АДРЕС_КАРТИНКИ_ФОНА_ПОД_БУКВАМИ'); background-color: #000000; border-radius: 10px; box-shadow: inset 1px 1px 15px #000000;" cellpadding="0" cellspacing="0"><tr><td><font color="#ЦВЕТ БУКВ"> ВАШ ТЕКСТ </font></td></tr></table></td></tr></table> В примере ниже картинка-граница рамки //img1.liveinternet.ru/images/attach/c/3/121/926/121926933_ramka2.jpg Фон под буквы //img0.liveinternet.ru/images/attach/c/3/121/926/121926926_RAMKA_1.jpg ВАШ ТЕКСТ6 ПОЛНЫЙ КОД РАМКИ С ИМЕННО ТАКИМИ ПАРАМЕТРАМИ: <table style="background-image: url('//img1.liveinternet.ru/images/attach/c/3/121/926/121926933_ramka2.jpg'); border-radius: 10px; box-shadow: 0px 0px 15px black; margin-center: 150px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style="background-image: url('//img0.liveinternet.ru/images/attach/c/3/121/926/121926926_RAMKA_1.jpg'); background-color: #000000; border-radius: 10px; box-shadow: inset 1px 1px 15px #000000;" cellpadding="0" cellspacing="0"><tr><td><font color="#000000">ВАШ ТЕКСТ6</font></td></tr></table></td></tr></table>

ВАШ ТЕКСТ7 А вот код такой рамочки: <table style="background-image: url('//img1.liveinternet.ru/images/attach/c/3/121/927/121927549_M.gif'); border-radius: 10px; box-shadow: 0px 0px 15px MistyRose; margin-center: 150px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/79/263/79263752_cb1.jpg'); background-color: #000000; border-radius: 10px; box-shadow: otnset 1px 1px 15px #FFE4E1;" cellpadding="0" cellspacing="0"><tr><td><font color="#ffffff">ВАШ ТЕКСТ7</font></td></tr></table></td></tr></table>

Код этой рамочки такой: <table style="background-image: url('//img1.liveinternet.ru/images/attach/c/3/121/926/121926933_ramka2.jpg'); border-radius: 10px; box-shadow: 0px 0px 15px white; margin-center: 150px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/79/263/79263752_cb1.jpg'); background-color: #ffffff; border-radius: 10px; box-shadow: inset 1px 1px 15px #ffffff;" cellpadding="0" cellspacing="0"><tr><td><font color="#ffffff"> ВАШ ТЕКСТ8</font></td></tr></table></td></tr></table>

Код такой рамочки (заменяйте коды цветов, которые имеют форму #хххххх (шесть знаков после значка #) <center><table style="border-radius: 15px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table style="background-color: #CC6600; border-radius: 15px; box-shadow: inset 1px 1px 30px #160952;" cellpadding="0" cellspacing="0"><tr><td style="padding: 20px;"><table style="border-radius: 15px; box-shadow: 1px 1px 10px #FECC80;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style="background-color: #FECC80; border: hidden 1px solid; border-radius: 15px; box-shadow: inset 0px 0px 30px #000000;" cellspacing="0" cellpadding="0" width="600"><tr><td style="padding:10px" zzz="zzz" align="center"><font size="5"><font color="#160952" face="Georgia">ВАШ ТЕКСТ</font></font></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Код такой рамочки (заменяйте русские буквы и коды цветов, которые имеют форму #хххххх (шесть знаков после значка #) <center><table style="background-image: url('АДРЕС_КАРТИНКИ_КАК_ВНЕШНЯЯ_РАМКА'); border-radius: 15px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table style="background-image: url('АДРЕС_КАРТИНКИ_КАК_СРЕДНЯЯ_РАМКА'); background-color: #CC6600; border-radius: 15px; box-shadow: inset 1px 1px 30px #160952;" cellpadding="0" cellspacing="0"><tr><td style="padding: 20px;"><table style="background-image: url('АДРЕС_КАРТИНКИ_КАК_ОБВОДКА_ВОКРУГ_ПОЛЯ_С_ТЕКСТОМ'); border-radius: 15px; box-shadow: 1px 1px 10px #FECC80;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style="background-image: url('АДРЕС_КАРТИНКИ_ПОД_БУКВЫ'); background-color: #FECC80; border: hidden 1px solid; border-radius: 15px; box-shadow: inset 0px 0px 30px #000000;" cellspacing="0" cellpadding="0" width="600"><tr><td style="padding:10px" zzz="zzz" align="center"><font size="5"><font color="#160952" face="Georgia">ВАШ ТЕКСТ</font></font></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Серия сообщений "Коды (теги)":

Оформление. В помощь: Цветовая палитра и Просмотр html

Часть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 29 - Символы (просто скопируйте что надо)
Часть 30 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 31 - Тень у рамки
Часть 32 - Читать закрытые записи
Часть 33 - Уроки и советы по компьютеру и интернету 1(серия сообщений в 250 частей)
Часть 34 - Вставить музыкальный плеер
Часть 35 - Плееры часть 2 (из блогов друзей)
Часть 36 - Сделать гиф