Цитата сообщения Lyusya-Spring

Прочитать целикомВ свой цитатник или сообщество!

Рамочки простые для текста с прокруткой и без - по просьбе

**********тут ваш текст*********** тут только высоту прокрутки менять надо а так то я всегда пользуюсь Генератором промотки для текста это удобнее. вставил туда готовый текст или картинки, а потом скопировала во втором окошечке - и вставляй в свою рамочку.... оптимальный размер картинки по ширине 570рх

<center><div style="width:750px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #696969;background-image: url('https://img-fotki.yandex.ru/get/3308/120937872.1a9/0_b794f_9ccb963f_XXL.jpg');background-color:#42D3E3;-webkit-box-shadow:0 0 0 1px rgb(194, 192, 184) inset,5px 0 0 -4px rgb(255, 255, 255),5px 0 0 -3px rgb(194, 192, 184),11px 0 0 -8px rgb(255, 255, 255),11px 0 0 -7px rgb(194, 192, 184),17px 0 0 -12px rgb(255, 255, 255),17px 0 0 -11px rgb(194, 192, 184);"><center><div style="padding:20px" zzz="zzz" align="center"><table style="background-image: url(''); background: #DFDDD1 ; border: 7px double #5F5C53 ; padding: 5px; box-shadow: inset 0px 0px 30px #696969;" width="650"><tr><td style="padding:10px"><center><block><font size="3" color="#5F5C53 " face="Courier New"><div style="width:97%; height: 100px; font-size: 18px; padding:22px 22px 22px 11px; scrollbar-base-color: #000000 ; overflow: auto">**********тут ваш текст***********</div> <br /></font></block></center></td></tr></table></div></center></div></center>

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

<center><div style="width:750px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #696969;background-image: url('https://img-fotki.yandex.ru/get/3308/120937872.1a9/0_b794f_9ccb963f_XXL.jpg');background-color:#42D3E3;-webkit-box-shadow:0 0 0 1px rgb(194, 192, 184) inset,5px 0 0 -4px rgb(255, 255, 255),5px 0 0 -3px rgb(194, 192, 184),11px 0 0 -8px rgb(255, 255, 255),11px 0 0 -7px rgb(194, 192, 184),17px 0 0 -12px rgb(255, 255, 255),17px 0 0 -11px rgb(194, 192, 184);"><center><div style="padding:20px" zzz="zzz" align="center"><table style="background-image: url(''); background: #DFDDD1 ; border: 7px double #5F5C53 ; padding: 5px; box-shadow: inset 0px 0px 30px #696969;" width="650"><tr><td style="padding:10px"><center><block><font size="3" color="#000000Ф " face="Courier New">Здесь будет ваш текст. <br /></font></block></center></td></tr></table></div></center></div></center>

**********тут ваш текст*********** тут только высоту прокрутки менять надо а так то я всегда пользуюсь Генератором промотки для текста это удобнее. вставил туда готовый текст или картинки, а потом скопировала во втором окошечке - и вставляй в свою рамочку.... оптимальный размер картинки по ширине 570рх

<center><div style="width:750px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #696969;background-image: url('https://img-fotki.yandex.ru/get/4517/120937872.1a9/0_b794e_48ea255e_XXL.jpg');background-color:#42D3E3;-webkit-box-shadow:0 0 0 1px rgb(194, 192, 184) inset,5px 0 0 -4px rgb(255, 255, 255),5px 0 0 -3px rgb(194, 192, 184),11px 0 0 -8px rgb(255, 255, 255),11px 0 0 -7px rgb(194, 192, 184),17px 0 0 -12px rgb(255, 255, 255),17px 0 0 -11px rgb(194, 192, 184);"><center><div style="padding:20px" zzz="zzz" align="center"><table style="background-image: url(''); background: #EAEFEB; border: 7px double #5F5C53 ; padding: 5px; box-shadow: inset 0px 0px 30px #696969;" width="650"><tr><td style="padding:10px"><center><block><font size="3" color="#5F5C53 " face="Courier New"><div style="width:97%; height: 100px; font-size: 18px; padding:22px 22px 22px 11px; scrollbar-base-color: #000000 ; overflow: auto">**********тут ваш текст***********</div> <br /></font></block></center></td></tr></table></div></center></div></center>

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

<center><div style="width:750px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #696969;background-image: url('https://img-fotki.yandex.ru/get/4517/120937872.1a9/0_b794e_48ea255e_XXL.jpg');background-color:#42D3E3;-webkit-box-shadow:0 0 0 1px rgb(194, 192, 184) inset,5px 0 0 -4px rgb(255, 255, 255),5px 0 0 -3px rgb(194, 192, 184),11px 0 0 -8px rgb(255, 255, 255),11px 0 0 -7px rgb(194, 192, 184),17px 0 0 -12px rgb(255, 255, 255),17px 0 0 -11px rgb(194, 192, 184);"><center><div style="padding:20px" zzz="zzz" align="center"><table style="background-image: url(''); background: #EAEFEB; border: 7px double #5F5C53 ; padding: 5px; box-shadow: inset 0px 0px 30px #696969;" width="650"><tr><td style="padding:10px"><center><block><font size="3" color="#000000Ф " face="Courier New">Здесь будет ваш текст. <br /></font></block></center></td></tr></table></div></center></div></center>

Серия сообщений "*делаем рамочки*":
Часть 1 - Делаем оригинальные рамочки без фонов. Урок!
Часть 2 - Делаем рамки без кода
...
Часть 22 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 23 - Ну очень простые рамки
Часть 24 - Рамочки простые для текста с прокруткой и без - по просьбе
Часть 25 - Урок.Рамка в фотошопе за 1 минуту..
Часть 26 - Рамочки с помощью фильтра Фрагмент
...
Часть 32 - Урок рамка фотошоп с картинкой.
Часть 33 - УРОКИ по созданию рамочек
Часть 34 - Делаем разрезную рамку в ФШ

Серия сообщений "*текст с прокруткой*":
Часть 1 - Делаем пост, эпиграф или картинки "с прокруткой"
Часть 2 - Прячем длинный текст удобно
...
Часть 4 - Промотка текста в записи и Путешественник во времени Д.Тайтор
Часть 5 - Делаем пост, эпиграф с прокруткой
Часть 6 - Рамочки простые для текста с прокруткой и без - по просьбе