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

Понедельник, 20 Апреля 2015 г. 20:57 + в цитатник

Цитата сообщения 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>

**********тут ваш текст***********
тут только высоту прокрутки менять надо

<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>

Рубрики:

Для дневника РАМОЧКИ/рамочки, уроки творчества