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

Четверг, 02 Января 2014 г. 23:30 + в цитатник

Цитата сообщения ka82

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

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

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

<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; "><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="300" height="290" /> <font size="4pt" face="Comic Sans MS" color="#000000">ВАШ ТЕКСТ</font></div></div></div></div></div></div>    </div>

Серия сообщений "все для дневника":
Часть 1 - Веселый алфавит
Часть 2 - Самый простой способ сохранить видео с YouTube
...
Часть 18 - Красота!!!Анимация - женщины.
Часть 19 - Смайлы комментарии
Часть 20 - Очень красивые рамочки
Часть 21 - Прикольный тамагоучик
Часть 22 - Все для дневника.
Часть 23 - Как написать сообщение с картинками и ссылками?