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

Суббота, 04 Апреля 2015 г. 18:00 + в цитатник

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

Серия сообщений "Формулы":
Часть 1 - Окошко для кода.
Часть 2 - Коды для оформления блогов.
...
Часть 17 - Таблица HTML кодов
Часть 18 - формула для флеш картинки
Часть 19 - Рамочки простые для текста с прокруткой и без - по просьбе
Часть 20 - Прокрутка текста.
Часть 21 - Рамки с объемным фоном без фотошопа
...
Часть 36 - Набор цветных окошек для кодов
Часть 37 - Анимация для сайта. Бегущая строка HTML, тег marquee
Часть 38 - СПЕЦ.КОДЫ ЛИру

Метки: формулы рамочки
Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/4689646/post358425460/">Р Р°РјРѕС‡РєРё РїСЂРѕСЃС‚С‹Рµ РґР»СЏ С‚РµРєСЃС‚Р° СЃ РїСЂРѕРєСЂСѓС‚РєРѕР№ Рё Р±РµР· - РїРѕ РїСЂРѕСЃСЊР±Рµ</a><br/>Р Р°РјРѕС‡РєРё РїСЂРѕСЃС‚С‹Рµ РґР»СЏ С‚РµРєСЃС‚Р° СЃ РїСЂРѕРєСЂСѓС‚РєРѕР№ Рё Р±РµР· - РїРѕ РїСЂРѕСЃСЊР±Рµ

**********С‚СѓС‚ РІР°С€ С‚РµРєСЃС‚***********
С‚СѓС‚ С‚РѕР»СЊРєРѕ РІС‹СЃРѕС‚Сѓ РїСЂРѕРєСЂСѓС‚РєРё РјРµРЅСЏС‚СЊ РЅР°РґРѕ

Р° С‚Р°Рє С‚Рѕ СЏ РІСЃРµРіРґР° РїРѕР»СЊР·СѓСЋСЃСЊ 
Р“РµРЅРµСЂР°С‚РѕСЂРѕРј РїСЂРѕРјРѕС‚РєРё РґР»СЏ С‚РµРєСЃС‚Р°
СЌС‚Рѕ СѓРґРѕР±РЅРµРµ. РІСЃС‚Р°РІРёР» С‚СѓРґР° РіРѕС‚РѕРІС‹Р№ С‚РµРєСЃС‚ РёР»Рё РєР°СЂС‚РёРЅРєРё, Р° РїРѕС‚РѕРј СЃРєРѕРїРёСЂРѕРІР°Р»Р° РІРѕ РІС‚РѕСЂРѕРј РѕРєРѕС€РµС‡РєРµ - Рё РІСЃС‚Р°РІР»СЏР№ РІ СЃРІРѕСЋ СЂР°РјРѕС‡РєСѓ....
РѕРїС‚РёРјР°Р»СЊРЅС‹Р№ СЂР°Р·РјРµСЂ РєР°СЂС‚РёРЅРєРё РїРѕ С€РёСЂРёРЅРµ 570СЂС…

**********С‚СѓС‚ РІР°С€ С‚РµРєСЃС‚***********

Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚.

Р° С‚Р°Рє С‚Рѕ СЏ РІСЃРµРіРґР° РїРѕР»СЊР·СѓСЋСЃСЊ 
Р“РµРЅРµСЂР°С‚РѕСЂРѕРј РїСЂРѕРјРѕС‚РєРё... <a href="https://www.liveinternet.ru/users/4689646/post358425460/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

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

-Рубрики

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

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