Очень красивые рамочки

Суббота, 09 Февраля 2013 г. 12:44 + в цитатник

Привет, всех
с субботой! Сегодня я наткнулась на статью о том, как с помощью фотошопа делать картинки с уходом в прозрачность. Сие занятие привело к созданию такой рамочки. При копировании большая просьба: не менять ничего в коде кроме двух слов ВАШ ТЕКСТ.
Ну и надеюсь вам эта рамочка отображается так же, как и мне. Она растягивается в длину столько, сколько хотите. В принципе она может растягиваться и в ширину тоже, просто рисунки на краях рамочки разойдутся по углам, впрочем можете поэкспериментировать и посмотреть как это будет происходить. Если захотите вставить текст по центру - просто ВАШ ТЕКСТ обведите соответсвующими тегами (по центру, по левому или правому краю, по цвету букв, щрифту и т.д.)
Ну и в дальнейшем попробую сделать еще рамочки - по аналогии с этой. У меня браузер Опера если что.
Монитор не самый большой, так что если что-то некрасиво получается - пришлите пожалуйста скриншоты в комменты.

<div style="background-image: url('//img0.liveinternet.ru/images/attach/c/5/84/700/84700932_large_43.jpg'); padding:0px 0px 0px 0px;border: 0px;color:#000000; "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/191/97191165_21.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 100% 0%;  "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/193/97193203_23.png'); background-repeat: no-repeat; padding:0px 0px 0px 0px;border: 0px; background-position: 0% 100%;  "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/193/97193203_23.png'); background-repeat: no-repeat; padding:0px 0px 0px 0px;border: 0px; background-position: 100% 100%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/7/97/191/97191170_2.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 0% 0%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/84/491/84491800_123.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#000000; background-position: 0% 0%;  "><div style="padding:0px 10px 10px 10px; "> <img src="//img0.liveinternet.ru/images/attach/c/3/75/15/75015948_prozr.gif" align="left" width="220" height="130" /> <img src="//img0.liveinternet.ru/images/attach/c/3/75/15/75015948_prozr.gif" align="right" width="190" height="190" /> <font size="4pt" face="Comic Sans MS" color="#000000">ВАШ  ТЕКСТ</font></div></div></div></div></div></div></div>

Отрывок из книги Галины Ховановой "Среда обитания приличной девушки", С.147-148.
...Если как следует вспомнить, та ночь начиналась так. Я пошла в зоопарк [работать] одна. Светка критически меня оглядела и сказала, что, поскольку колготки дороги, а я как раз в джинсах, то и кормить медвежонка именно мне. После чего, вручив мне литровую бутыль с кашей, запихнула меня в клетку к медвежонку и пошла на обход. Я присела на пенек (там было куда присесть) и осмотрелась.
Клетка маленькая - два на два. И медвежонок тоже маленький. Странно пахнущее существо ему сначала не занравилось, поэтому он забился в домик в углу и только взблескивал на меня из темноты глазами. Но голод не тетка, а потом я же девушка харизматичная, поэтому он мало-помалу он выполз из домика, походил вокруг, обнюхал меня и с размаху уселся мне на ногу, обхватив ее лапами. Так и хотелось покачать этой самой ногой и поприговаривать: "По кочкам, по кочкам..." Но животное было занято - оно жрало кашу. И в конце концов ее сожрало. А отцепить его от ноги не представлялось возможным. Потому что медвежонок маленький, а когти у него, как у большого. И когда его пытаешься отодрать, он мяукает возмущенно и впивается когтями прямо в родную мне ногу.
А Светы все нет и нет. А сидеть на пеньке с медведем на ноге мне уже надоело. Я бы уже и походила, да почти негде. А время идет. Короче, когда подруга нарисовалась, она застала такую картину: в клетке, согнувшись пополам, потому что высота потолка метр пятьдесят, с висящим на ноге медведем выхаживаю я, рассказывая тому медведю, что в тюрьмах, даже в карцерах, заключенным животных на ноги не вешали.
Светка похихикала, но с ее помощью мы сняли груз и выпустили меня на свободу. И пошли прогуляться по аллейке.
Галина Хованова. Среда обитания приличной девушки. С.147-148.

<div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/207/97207495_large_13.jpg'); padding:0px 0px 0px 0px;border: 0px;color:#000000; "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/7/97/207/97207528_222.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 0% 100%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/7/97/207/97207726_888.png'); background-repeat: no-repeat; padding:0px 0px 0px 0px;border: 0px; background-position: 100% 0%;  "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/207/97207573_343.png'); background-repeat: no-repeat; padding:0px 0px 0px 0px;border: 0px; background-position: 100% 100%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/7/97/207/97207646_765.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 0% 0%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/84/491/84491800_123.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#000000; background-position: 0% 0%;  "><div style="padding:0px 10px 40px 20px; "> <img src="//img0.liveinternet.ru/images/attach/c/3/75/15/75015948_prozr.gif" align="left" width="280" height="130" /> <img src="//img0.liveinternet.ru/images/attach/c/3/75/15/75015948_prozr.gif" align="right" width="230" height="190" /> <font size="4pt" face="Comic Sans MS" color="#000000"> ВАШ ТЕКСТ</font></div></div></div></div></div></div></div>

Отрывок из книги Галины Ховановой "Среда обитания приличной девушки", С.20-21.
Я шла в том направлении, корое казалось мне правильным, и думала: "Вот обрадуются родители такому сюрпризу! А я им и помочь могу, например,поднести пару банок сухого молока!"
... на определенном этапе своего пути, когда я уже начала подмерзать и почти плакать, потому что видно стало хуже, а идти - тяжелее, я во что-то уткнулась. Это что-то было большим, пахло овчиной и шевелилось. Потом это что-то обернулось и сказало очень громко:
- Вобля!
Когда оно присело, то оказалось солдатом, стоящим на посту. Поверх меховой куртки на него был надет совершенно негнущийся овчинный тулуп в пол.
Теперь-то я понимаю, насколько для него тогда было "Вобля!". Потому что когда ты стоишь на посту на береговой границе, а дальше только море, то появление трехлетнего самостоятельно одетого младенца может стать неожиданностью.
Отрывок из книги Галины Ховановой "Среда обитания приличной девушки", С.20-21.

<div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/191/97191443_2.png'); padding:0px 0px 0px 0px;border: 0px;color:#000000; "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/191/97191165_21.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 100% 0%;  "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/193/97193203_23.png'); background-repeat: no-repeat; padding:0px 0px 0px 0px;border: 0px; background-position: 0% 100%;  "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/193/97193203_23.png'); background-repeat: no-repeat; padding:0px 0px 0px 0px;border: 0px; background-position: 100% 100%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/7/97/191/97191170_2.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 0% 0%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/84/491/84491800_123.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#000000; background-position: 0% 0%;  "><div style="padding:0px 10px 10px 10px; "> <img src="//img0.liveinternet.ru/images/attach/c/3/75/15/75015948_prozr.gif" align="left" width="220" height="130" /> <img src="//img0.liveinternet.ru/images/attach/c/3/75/15/75015948_prozr.gif" align="right" width="190" height="190" /> <font size="4pt" face="Comic Sans MS" color="#000000"> ВАШ ТЕКСТ</font></div></div></div></div></div></div></div>

Отрывок из книги Галины Ховановой "Среда обитания приличной девушки", С.282-283.
Один из привезенных нами приборов был с водяным охлаждением. И в системе этого охлаждения был патрубок, который было необходимо загерметизировать, чтоб водица не капала. И еще было бы неплохо, если бы герметик снимался и был темным.
...далее картина. В коммерческую лавку врываются девушка (типа я) и три молодых мужика. Девушка с огнем в глазах и в предвкушении триумфа кричит продавщице:
- Скажите, пожалуйста, у вас черные презервативы есть?
Продавщица говорит, что есть. девушка, шевеля губами явно считая что-то в уме:
- Тогда нам... 20 штук! - И далее: - Васька, доставай, счас примерим!
После чего один из мужиков начинает расстегивать куртку, а там в штанах что-то очень существенное...
Потом, конечно, он это существенное достал. И один мы тут же примерили. Облегчение, с которым выдохнула продавщица, мы не оценили.
Отрывок из книги Галины Ховановой "Среда обитания приличной девушки", С.282-283.

<div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/191/97191443_2.png'); padding:0px 0px 0px 0px;border: 0px;color:#000000; width:700px;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/7/97/209/97209642_99.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 100% 0%;  "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/242/97242671_11.png'); background-repeat: no-repeat; padding:0px 0px 0px 0px;border: 0px; background-position: 0% 100%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/7/97/242/97242682_12.png'); background-repeat: no-repeat; padding:0px 0px 0px 0px;border: 0px; background-position: 100% 100%;  "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/7/97/207/97207849_777.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 0% 0%;  "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/84/491/84491800_123.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#000000; background-position: 0% 0%;  "><div style="padding:0px 10px 20px 10px; "> <img src="//img0.liveinternet.ru/images/attach/c/3/75/15/75015948_prozr.gif" align="left" width="280" height="190" /> <img src="//img0.liveinternet.ru/images/attach/c/3/75/15/75015948_prozr.gif" align="right" width="330" height="290" /> <font size="4pt" face="Comic Sans MS" color="#000000">ВАШ ТЕКСТ</font></div></div></div></div></div></div>    </div>

Рубрики:

Уроки/Рамочные законы

Копируете код, заменив всего ДВА слова ВАШ ТЕКСТ на ваш текст

Хи-хинг :)))

Здесь юмор, анекдоты

Поэзия/проза

стихи, рассказы, анализ произведений и рецензии на произведения

<a href="https://www.liveinternet.ru/users/ka82/post260486210/">РћС‡РµРЅСЊ РєСЂР°СЃРёРІС‹Рµ СЂР°РјРѕС‡РєРё</a><br/>     РџСЂРёРІРµС‚, РІСЃРµС…
 СЃ СЃСѓР±Р±РѕС‚РѕР№! РЎРµРіРѕРґРЅСЏ СЏ РЅР°С‚РєРЅСѓР»Р°СЃСЊ РЅР° СЃС‚Р°С‚СЊСЋ Рѕ С‚РѕРј, РєР°Рє СЃ РїРѕРјРѕС‰СЊСЋ С„РѕС‚РѕС€РѕРїР° РґРµР»Р°С‚СЊ РєР°СЂС‚РёРЅРєРё СЃ СѓС…РѕРґРѕРј РІ РїСЂРѕР·СЂР°С‡РЅРѕСЃС‚СЊ. РЎРёРµ Р·Р°РЅСЏС‚РёРµ РїСЂРёРІРµР»Рѕ Рє СЃРѕР·РґР°РЅРёСЋ С‚Р°РєРѕР№ СЂР°РјРѕС‡РєРё. РџСЂРё РєРѕРїРёСЂРѕРІР°РЅРёРё Р±РѕР»СЊС€Р°СЏ РїСЂРѕСЃСЊР±Р°: РЅРµ РјРµРЅСЏС‚СЊ РЅРёС‡РµРіРѕ РІ РєРѕРґРµ РєСЂРѕРјРµ РґРІСѓС… СЃР»РѕРІ Р’РђРЁ РўР•РљРЎРў. 
РќСѓ Рё РЅР°РґРµСЋСЃСЊ РІР°Рј СЌС‚Р° СЂР°РјРѕС‡РєР° РѕС‚РѕР±СЂР°Р¶Р°РµС‚СЃСЏ С‚Р°Рє Р¶Рµ, РєР°Рє Рё РјРЅРµ. РћРЅР° СЂР°СЃС‚СЏРіРёРІР°РµС‚СЃСЏ РІ РґР»РёРЅСѓ СЃС‚РѕР»СЊРєРѕ, СЃРєРѕР»СЊРєРѕ С…РѕС‚РёС‚Рµ. Р’ РїСЂРёРЅС†РёРїРµ РѕРЅР° РјРѕР¶РµС‚ СЂР°СЃС‚СЏРіРёРІР°С‚СЊСЃСЏ Рё РІ С€РёСЂРёРЅСѓ С‚РѕР¶Рµ, РїСЂРѕСЃС‚Рѕ СЂРёСЃСѓРЅРєРё РЅР° РєСЂР°СЏС… СЂР°РјРѕС‡РєРё СЂР°Р·РѕР№РґСѓС‚СЃСЏ РїРѕ СѓРіР»Р°Рј, РІРїСЂРѕС‡РµРј РјРѕР¶РµС‚Рµ РїРѕСЌРєСЃРїРµСЂРёРјРµРЅС‚РёСЂРѕРІР°С‚СЊ Рё РїРѕСЃРјРѕС‚СЂРµС‚СЊ РєР°Рє СЌС‚Рѕ Р±СѓРґРµС‚ РїСЂРѕРёСЃС…РѕРґРёС‚СЊ. Р•СЃР»Рё Р·Р°С…РѕС‚РёС‚Рµ РІСЃС‚Р°РІРёС‚СЊ С‚РµРєСЃС‚ РїРѕ С†РµРЅС‚СЂСѓ - ... <a href="https://www.liveinternet.ru/users/ka82/post260486210/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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