tag:blogger.com,1999:blog-77435996360326777022024-03-13T10:52:57.258-07:00Мой блогМои кулинарные рецептыВикаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.comBlogger9125tag:blogger.com,1999:blog-7743599636032677702.post-83059821867365988712018-06-29T06:27:00.000-07:002018-10-18T22:51:16.672-07:00Цитаты<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_5l6R1dqnKnTb4fWyH2BLNMiFeRZBPUUuwIct8Z67nk2QwkOPDrz46RgTLB_ZDskUgw4le4pVp8gTKjhrMdYSoL1NcnafWRDtxx7EVhr_TPRCC_8Jh7NPzikzfusU7hKXithxHatHWHlb/s1600/%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D0%BE%D0%B5+%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5+%D1%86%D0%B8%D1%82%D0%B0%D1%82.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_5l6R1dqnKnTb4fWyH2BLNMiFeRZBPUUuwIct8Z67nk2QwkOPDrz46RgTLB_ZDskUgw4le4pVp8gTKjhrMdYSoL1NcnafWRDtxx7EVhr_TPRCC_8Jh7NPzikzfusU7hKXithxHatHWHlb/s1600/%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D0%BE%D0%B5+%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5+%D1%86%D0%B8%D1%82%D0%B0%D1%82.jpg" /></a></div>
<br />
<blockquote class="tr_bq">
Цитаты нужны только там, где без них невозможно передать точный смысл или авторский стиль. В остальных случаях информацию источника следует пересказать. Если нет уверенности, что именно эта цитата необходима и именно в этом месте текста, то лучше от цитирования отказаться. Тем более следует избегать объёмного цитирования — то есть цитирования больших фрагментов текста или использования нескольких цитат суммарно большого объёма из одного источника.
</blockquote>
</div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com0tag:blogger.com,1999:blog-7743599636032677702.post-71391570228526007972018-05-06T07:35:00.002-07:002018-10-18T22:51:45.668-07:00Рамка<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRIkIznnKgRPcjXgYGxqo5OpujYJt8Xv-vuGpc5O-9iuK9VsbnU" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="200" data-original-width="252" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRIkIznnKgRPcjXgYGxqo5OpujYJt8Xv-vuGpc5O-9iuK9VsbnU" /></a></div>
<style>.item{width:90%;margin:auto;position:relative;padding:20px;}
.item:after{display:block;content:"";width:0;height:100%;transition:all .5s linear;left:50%;right:50%;}
.item:hover:after{border:5px solid red;position:absolute;top:0;bottom:0;width:100%;left:0; right:0;}</style>
<br />
<div class="item">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, tempora maiores libero vitae vel ducimus quaerat veniam aliquid iure amet rem voluptatibus praesentium incidunt perferendis? Consectetur qui excepturi nemo distinctio?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, tempora maiores libero vitae vel ducimus quaerat veniam aliquid iure amet rem voluptatibus praesentium incidunt perferendis? Consectetur qui excepturi nemo distinctio?
</div>
<style type="text/css">
.hbz-signature {
text-align: right;
font-size: 18px;
font-family: Papyrus,fantasy;
text-shadow: 1px 1px #732372, 1px -1px #732372, -1px 1px #732372, -1px -1px #732372, 3px 3px 6px rgba(0,0,0,.5);
margin-top : 30px;
color: rgb(49, 151, 116);
}
.hbz-signature span {
font-size: 14px;
vertical-align: top;
}
</style>
<br />
<div class="hbz-signature">
Вика Барад</div>
Я в <style>
.btn{background:#c10707;border:1px solid #c10707 ;padding:3px;color:white !important;border-radius:6px;}.btn:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);background:#ff0000;text-decoration:none;}</style>
<a class="btn" href="https://www.facebook.com/ViktoriyBarad/">фейсбук</a></div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com0tag:blogger.com,1999:blog-7743599636032677702.post-38294246860457117852017-12-20T00:25:00.003-08:002020-03-05T05:55:02.476-08:00Просто стихи про новый год<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSU89F7dfrSWrD8BRptD9FA56oeciXGStxVLrGn1hmZZ7okqUJw" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="185" data-original-width="272" height="136" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSU89F7dfrSWrD8BRptD9FA56oeciXGStxVLrGn1hmZZ7okqUJw" width="200" /></a></div>
Сдай в багаж свои проблемы<br />
И забудь забрать потом,<br />
В Новый год чтоб с новой темой —<br />
В состоянии любом!<br />
<br />
Всё исполнится, поверь мне<br />
И не думай о другом,<br />
Счастье ждет тебя у двери.<br />
С Новым годом! Всё пучком!<br />
<br />
<br />
<div>
<br /></div>
<div style="text-align: center;">
<span style="color: #cc0000;">🎆🎆🎆🎆🎆</span></div>
<div style="text-align: center;">
<span style="color: #cc0000;"><br /></span></div>
<div style="text-align: center;">
<span style="color: #cc0000;"></span><br />
<a name='more'></a><span style="color: #cc0000;"><br /></span></div>
<div style="text-align: center;">
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">На лесной опушке Ёлочка росла</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(может быть - берёза, может быть - сосна)</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Мимо шёл по лесу выпивший мужик</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(может быть - охотник, может быть - лесник)</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Он её под корень топором срубил</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(может просто вырвал, может быть спилил)</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Дома это деревце нарядит семья</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(может быть - подруга, может быть - друзья)</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Под неё подарки сложат, что принёс</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(может Санта Клаус, может Дед Мороз)</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Шпроты и шампанское, водка с огурцом</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(может с винегретом, может – с холодцом)</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">После третьей рюмки - встанут в хоровод</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(а без хоровода, что за Новый год?)</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Будут петь «застольные» - кто не сильно пьян</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(может под гитару, может под баян)</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Утром, даже стойкие, все уснут в кровати</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">(может на диване, может быть в салате)</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">А пока вас, люди, просит Дед Мороз</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Не рубите ёлок,… сосен и берёз.</span></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;"><span style="color: #cc0000;">🎇🎇🎇</span></span></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: white; color: maroon; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;"><b>В</b></span><span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">ас! И нас! И всех отчасти!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">По отдельности и, в общем!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С Новым Годом! В смысле — счастьем!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новым счастьем! То есть, вот с чем:</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новой крышей! С новым домом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новым блином! С новым комом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новой правдой! С новым сном!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новой стопкой кверху дном!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новым делом! С новым словом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Рыболовов — с новым клевом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Карьеристов — с новым чином!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Маму с папой — с новым сыном!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Лесорубов — с новой рощей!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Новых зятей — с новой тещей!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Новых русских — с новой тачкой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новой банковскою пачкой!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Бюрократов — с новой папкой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Волосатых — с новой шапкой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Лысоватых — с новой кепкой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Деда с бабкой — с новой репкой!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Зодиака — с новым знаком!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Греку в реке — с новым раком!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Донжуанов — с новой милой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Ветеранов — с новой силой!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Бизнесменов — с новым взлетом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новым банком! С новым счетом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Кулинаров — с новым вкусом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Экспортеров — с новым курсом!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Бомбардиров — с новым голом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Трансвеститов — с новым полом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Космонавтов — с новой высью!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Тугодумов — с новой мыслью!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Шахматистов — с новым ходом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Вас — еще раз с Новым Годом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Музыкантов — с новым звуком!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Папуасов — с новым Куком!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Капитанов — с новым коком!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Президентов — с новым сроком!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Депутатов — с новой Думой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Кто за деньги — с новой суммой!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Птицеловов — с новой птичкой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Мл. сержантов — с новой лычкой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Генералов — с новой частью!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Вас — еще раз с новым счастьем!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Подчиненных — с новым боссом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Программистов — с новым DOSом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Слабовольных — с новой дозой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Хатха-йогов — с новой позой!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Пивоваров — с новым суслом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Перестройку — с новым руслом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Безработных — с новым местом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Тили-тили — с новым тестом!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Сталеваров — с новой плавкой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Отсидевших — с новой справкой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Похудевших — с новой формой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Бывших трезвых — с новой нормой!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Завязавших — с новой мерой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Атеистов — с новой верой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Резидентов — с новым кодом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Всех вас — снова с Новым Годом!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">С новой песней! С новым танцем!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Разведенных — с новым шансом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Жен любимых — с новой шубой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Дядю Сэма — с новой Кубой!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Беззаветных — с новым дзотом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Сокращенных — с новым КЗоТом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Театралов — с новой драмой!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Маму с мылом — с новой рамой!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Журналистов — с новым слухом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Медиумов — с новым духом!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Чукчей — с новым анекдотом,</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Мчащих — с новым поворотом!</span><br />
<br style="background-color: white; font-family: verdana, geneva, sans-serif; font-size: 14px;" />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Взявших прикуп — с новой мастью!</span><br />
<span style="background-color: white; font-family: "verdana" , "geneva" , sans-serif; font-size: 14px;">Всех вас — снова с новым счастьем!</span></div>
<link href="http://zornet.ru/Aben/ABGDA/dock.css" rel="stylesheet" type="text/css"></link>
<script src="http://zornet.ru/Aben/ABGDA/interface.js" type="text/javascript"></script> <div id="scroll-percentage">
<div class="percentage"></div>
</div>
</div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com2tag:blogger.com,1999:blog-7743599636032677702.post-43391668532999164022017-12-10T04:36:00.000-08:002018-07-11T07:54:01.742-07:00Красивые рамки <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="image-wrapper">
<div class="image-inner">
<img height="320" src="https://samopoznanie.ru/avatars/objects/3-176014_1_6.jpg" width="320" />
</div>
</div>
<style>
* {box-sizing: border-box;}
.image-wrapper {
position: relative;
max-width: 400px;
margin: 50px auto;
padding: 15px;
background: #FFCCCC;
}
.image-inner {position: relative;}
.image-wrapper img {
display: block;
width: 100%;
}
.image-wrapper:before,
.image-wrapper:after,
.image-inner:before,
.image-inner:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
}
.image-wrapper:before {
bottom: 0;
left: 0;
border-left: 5px double #CC0000;
border-bottom: 5px double #CC0000;
}
.image-wrapper:after {
right: 0;
top: 0;
border-right: 5px double#CC0000;
border-top: 5px double #CC0000;
}
.image-inner:before {
bottom: -15px;
right: -15px;
border-right:8px double #CC0000;
border-bottom: 8px double #CC0000;
}
.image-inner:after {
top: -15px;
left: -15px;
border-left: 5px double #CC0000;
border-top: 5px double #CC0000;
}</style>
<br />
<br />
<div class="transform-border">
<img height="320" src="https://avatars.mds.yandex.net/get-pdb/51720/b59721b0-ae85-4a6c-896b-57ae0baefe0a/s800" width="320" />
</div>
<style>
* {box-sizing: border-box;}
.transform-border {
position: relative;
max-width: 400px;
margin: 50px auto;
transform: perspective(3000px) rotateY(29deg);
}
.transform-border img {
display: block;
width: 100%;
box-shadow: -12px 11px 1px #f2f2f2;
}
.transform-border:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -22px;
top: 22px;
background: #cccccc;
z-index: -1;
}</style><br />
<br />
<div class="dbl-border">
<div class="image-wrapper">
<img src="http://99px.ru/sstorage/53/2017/06/tmb_203352_6584.jpg" height="320" width="231" />
</div>
</div>
<style>
* {box-sizing: border-box;}
.dbl-border {
position: relative;
display: table;
margin: 50px auto;
}
.dbl-border img {display: block;}
.dbl-border:before,
.dbl-border:after {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
border: 2px solid #FF9999;
}
.dbl-border:before {
top: -15px;
left: -15px;
}
.dbl-border:after {
right: -15px;
bottom: -15px;
}
.image-wrapper {
position: relative;
z-index: 2;
padding: 5px;
background: white;
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.1);
}</style>
<style type="text/css">
.hbz-signature {
font-size: 18px;
font-family: Papyrus,fantasy;
text-shadow: 5px 2px 2px #dddddd;
margin-top : 30px;
text-color: #04147D;
}
.hbz-signature span {
font-size: 14px;
vertical-align: top;
}
</style>
<br />
<div class="hbz-signature">
Вика Барад</div>
</div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com1tag:blogger.com,1999:blog-7743599636032677702.post-87246994536036669012017-12-01T04:45:00.000-08:002017-12-01T20:04:01.531-08:00Просто спойлер<div dir="ltr" style="text-align: left;" trbidi="on">
Просто нажмите на строку открыть текст.<br />
<br />
Вот такой простой спойлер
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<style>
.spoiler-body
{
display:none;background:#F5DEB3;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('.spoiler-body').hide();
$('.spoiler-title').click(function(){
$(this).toggleClass('opened').toggleClass('closed').next().slideToggle(900);
if($(this).hasClass('opened')) {
$(this).html('Скрыть текст');
}
else {
$(this).html('Открыть текст');
}
});
});
</script>
<br />
<br />
<div class="spoiler-title">
<span style="color: blue;">Открыть текст</span><br />
<br /></div>
<div class="spoiler-body">
<div style="text-align: center;">
<span style="color: #cc0000; font-size: large;">Где встречать Новый год</span></div>
<br />
Встречать новый 2018 год рекомендуется дома или в кругу близких людей. Хорошо, если за новогодним столом соберется вся семья. Можно пригласить и самых близких друзей. Встречать год Собаки нужно без особых «пышностей», лучше, если обстановка будет не торжественной, а больше домашней и уютной. Категорически не допускается разгульное и фривольное поведение, громкие песнопения, танцы «до упада».<br />
<br />
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-_3SNA6qyrWGEULjgKT4-Uf7pFLoTvvM7sYidmhSsHUld3hh3nUucFjTMyzamS-NDOoSZGmJkdEKWWQKBytpJ9i2CLCabLBMZThfgBmyu3BS8DBxayqkchonBv26uTa0PcKmchsctnXpc/s400/%25D0%25BD%25D0%25BE%25D0%25B2%25D1%258B%25D0%25B9+%25D0%25B3%25D0%25BE%25D0%25B4.jpg" /></center>
</div>
<biv class="spoiler-title"><br /></biv></div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com1tag:blogger.com,1999:blog-7743599636032677702.post-87267584824762287292017-11-25T03:40:00.002-08:002018-01-10T05:27:52.822-08:00<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="pic"><img title="бла-бла" src="http://img-fotki.yandex.ru/get/4122/9409614.0/0_9a0aa_b8fd686a_S.jpeg.jpg"></div>
<style>
apic{
border: 3px solid #53da3f; /* Рамка вокруг изображения-ссылки */
}
a:hover pic {
border: 3px solid #f26522; /* Рамка при наведении на ссылку курсора мыши */
}
</style></div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com0tag:blogger.com,1999:blog-7743599636032677702.post-88816867609281272792017-11-14T00:01:00.001-08:002019-04-23T06:41:27.673-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
.circle {
float: left;
shape-outside: circle(50%);
}
</style>
<br />
<div class="circle">
<img class="circle" height="200" src="https://s-media-cache-ak0.pinimg.com/originals/6a/ab/a4/6aaba4f4a4743a5a28825a29475ff399.png?w=200" width="200" />
<br />
<div align="left" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Tahoma; font-size: 14px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px;">
<div align="left" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px;">
Наступило 31 декабря, последняя ночь перед Новым Годом.</div>
<div align="left" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px;">
</div>
<div align="left" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px;">
В доме все было тихо-тихо, все зверушки как-будто затаились и ждали чего-то особенного. В центре большой комнаты стояла красивая новогодняя елка. Она была украшена шарами, игрушками, мишурой и новогодними свечами. Коты и собаки улеглись вокруг елки и крепко уснули. Не слышно было даже мышиного писка.</div>
<div align="left" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px;">
<br /></div>
<div align="left" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px;">
Детишки давно были уложены в свои теплые постельки и им снились шоколадные конфеты и игрушки, о которых они мечтали и надеялись найти в своих подарках следующим утром.</div>
<div align="left" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px;">
И мама с папой тоже спали крепким сном, наработавшись за весь день. А в их ногах стояла маленькая кроватка для наших самых маленьких сестренок-близнецов Маши и Тани.</div>
</div>
</div>
<style>body.item {
background-image: url(Your-Background-Image-URL-Here);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}</style>
</div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com0tag:blogger.com,1999:blog-7743599636032677702.post-20487070411839804092017-10-17T01:43:00.000-07:002018-11-07T23:01:54.800-08:00Торт<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://irecommend.ru/sites/default/files/product-images/28344/muraveinik_1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://irecommend.ru/sites/default/files/product-images/28344/muraveinik_1.jpg" data-original-height="250" data-original-width="306" height="163" width="200" /></a></div>
<span style="background-color: white; font-family: "pt serif" , "georgia" , serif; font-size: 15px; text-align: center;">Торт «Муравейник» — постперестроечный кондитерский хит, выросший из домашнего самодеятельного десерта из прокрученного через мясорубку песочного теста. В кухнях разных стран существуют аналоги отечественного </span><br />
<span style="background-color: white; font-family: "pt serif" , "georgia" , serif; font-size: 15px; text-align: center;"><br /></span>
<span style="background-color: white; font-family: "pt serif" , "georgia" , serif; font-size: 15px; text-align: center;"></span><br />
<a name='more'></a><span style="background-color: white; font-family: "pt serif" , "georgia" , serif; font-size: 15px; text-align: center;"><br /></span>
<span style="background-color: white; font-family: "pt serif" , "georgia" , serif; font-size: 15px; text-align: center;">«Муравейника» — например, в Америке это funnel cake, придуманный в Пенсильвании.</span>
</div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com0tag:blogger.com,1999:blog-7743599636032677702.post-16762231011410470152017-10-02T01:37:00.000-07:002018-03-23T20:40:33.516-07:00списки<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhChdQpWGKNwoyHeT10RYB1LRKJQaNCukD3CQ78wzxOalZCpdPHvnvDgaFccZJqbykwOKDKa3xEL0r8UQjJ63JPOEbVg5uEhdgTPtSuNZnIZ7NRYAqDO5H-jlrXzWgLrb0hBqqaZBKtm8M/s1600/%25D1%2581%25D0%25BF%25D0%25B8%25D1%2581%25D0%25BE%25D0%25BA.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="181" data-original-width="586" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhChdQpWGKNwoyHeT10RYB1LRKJQaNCukD3CQ78wzxOalZCpdPHvnvDgaFccZJqbykwOKDKa3xEL0r8UQjJ63JPOEbVg5uEhdgTPtSuNZnIZ7NRYAqDO5H-jlrXzWgLrb0hBqqaZBKtm8M/s200/%25D1%2581%25D0%25BF%25D0%25B8%25D1%2581%25D0%25BE%25D0%25BA.jpg" width="200" /></a></div>
Несколко вариантов оформления списков.<br />
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b></b><br />
<a name='more'></a><b><br /></b>
<b><br /></b>
<b>1 Вариант.</b>
<br />
<ul class="older">
<li><a href="http://www.shpargalochki.ru/">Элемент списка</a></li>
<li><a href="https://http://www.shpargalochki.ru/">Элемент списка</a></li>
<li><a href="http://www.shpargalochki.ru/">Элемент списка</a></li>
<li><a href="http://www.shpargalochki.ru/">Элемент списка</a></li>
<li><a href="https://http://www.shpargalochki.ru/">Элемент списка</a></li>
</ul>
<style>
@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great|EB+Garamond);
.older {
list-style: none;
margin: 0 auto;
width: 360px;
counter-reset: li;
}
.older li {
border-bottom: dashed 1px #006699;
margin-top: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
padding: 5px;
}
.older a {
text-decoration: none;
padding: 10px;
display: block;
line-height: 30px;
color: #3A3A3A;
font-family: 'EB Garamond', serif;
font-size: 20px;
}
.older a:before {
display: inline-block;
content: counter(li);
counter-increment: li;
height: 30px;
width: 30px;
text-align: center;
border: solid 1px #dedede;
margin-right: 20px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
font-family: 'Fredericka the Great', cursive;
font-size: 24px;
-webkit-transition: .4s linear;
transition: .4s linear;
}
.older a:hover:before {
color:#D72F2C;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}</style>
<br />
<b>2 Вариант</b><br />
<ul class="beads">
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
</ul>
<style>
.beads {
list-style: none;
background: #EEE3DB;
margin: 0;
padding-left: 40px;
border-radius: 5px;
}
.beads li {
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
line-height: 40px;
border-bottom: 1px solid #D4D7D6;
position: relative;
}
.beads a {
text-decoration: none;
color: #464643;
display: block;
line-height: 40px;
position: relative;
}
.beads a:before {
content:"";
position: absolute;
left: -20px;
top: 6px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #A58063;
}
.beads li:last-child {border-bottom: none;}
.beads li:before,
.beads li:after {
content:"";
position: absolute;
border-radius: 50%;
}
.beads li:before {
top: calc(50% - 5px);
background: #E0926E;
left: -22px;
width: 10px;
height: 10px;
transition: 0.5s linear;
}
.beads li:after {
bottom: 6px;
left: -20px;
width: 6px;
height: 6px;
background: #A58063;
}
.beads li:hover:before {background: #FFCE08;}</style><b>3 Вариант</b><br />
<br />
<ul class="border">
<li>Элемент списка</li>
<li>Элемент списка</li>
<li>Элемент списка</li>
<li>Элемент списка</li>
<li>Элемент списка</li>
</ul>
<style>
.border {
list-style: none;
padding: 0;
}
.border li {
font-family: "Trebuchet MS", "Lucida Sans";
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 5px;
border-left: 10px solid #f05d22;
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
-2px -2px 5px 0 rgba(0,0,0,.1),
2px 2px 5px 0 rgba(0,0,0,.1),
-2px 2px 5px 0 rgba(0,0,0,.1);
font-size: 20px;
letter-spacing: 2px;
transition: 0.3s all linear;
}
.border li:nth-child(2){border-color: #8bc63e;}
.border li:nth-child(3){border-color: #fcba30;}
.border li:nth-child(4){border-color: #1ccfc9;}
.border li:nth-child(5){border-color: #493224;}
.border li:hover {border-left: 10px solid transparent;}
.border li:nth-child(1):hover {border-right: 10px solid #f05d22;}
.border li:nth-child(2):hover {border-right: 10px solid #8bc63e;}
.border li:nth-child(3):hover {border-right: 10px solid #fcba30;}
.border li:nth-child(4):hover {border-right: 10px solid #1ccfc9;}
.border li:nth-child(5):hover {border-right: 10px solid #493224;}</style><br />
<b>4 Вариант</b><br />
<ul class="menu">
<li>МЕНЮ</li>
<li>"Салат Греческий"<em>120 руб</em></li>
<li>"Солянка"<em>130 руб</em></li>
<li>"Гуляш"<em>300 руб</em></li>
<li>"Рыба заливная"<em>250 руб</em></li>
<li>"Отбивные"<em>450 руб</em></li>
</ul>
<style>
.menu {
list-style: none;
padding: 0;
border: 1px solid rgba(0,0,0, .2);
}
.menu li {
overflow: hidden;
padding: 6px 10px;
font-size: 20px;
}
.menu li:first-child {
font-weight: bold;
padding: 15px 0 10px 15px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0,0,0, .2);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
color: #679bb7;
font-size: 24px;
box-shadow: 0 10px 20px -5px rgba(0,0,0, .2);
}
.menu li:first-child:before {
content: "\2749";
margin-right: 10px;
}
.menu span {
float: left;
width: 75%;
color: #7C7D7F;
}
.menu em {
float: right;
color: #9c836e;
font-weight: bold;
}</style><br />
<b>5 Вариант</b><br />
<ol class="rectangle">
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
<li><a href="https://draft.blogger.com/blogger.g?blogID=7743599636032677702#">Элемент списка</a></li>
</ol>
<style>
.rectangle {
counter-reset: li;
list-style: none;
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rectangle a {
position: relative;
display: block;
padding: .4em .4em .4em .8em;
margin: .5em 0 .5em 2.5em;
background: #D3D4DA;
color: #444;
text-decoration: none;
transition: all .3s ease-out;
}
.rectangle a:hover {background: #DCDDE1;}
.rectangle a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #9097A2;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.rectangle a:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.rectangle a:hover:after {
left: -.5em;
border-left-color: #9097A2;
}</style>
</div>
Викаhttp://www.blogger.com/profile/11579231753656787833noreply@blogger.com0