проба спойлера
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться22020-11-27 16:08:56
Код:
<!--HTML--> <div class="lsblock"> <!-------------------------------------------ИМЯ И ФАМИЛИЯ---> <name>ИМЯ И ФАМИЛИЯ</name> <!-------------------------------------------ИКОНКА-------------> <fotka><img src="ссылка на ваше изображение 100px на 100px"></fotka> <!-------------------------------------------ПРОЙДЕНО ПРАЗДНИКОВ--> <holidays>праздников: 0</holidays> <!-------------------------------------------ПЛАШКИ--> <div class="plash horizontalone"> <!--1--> <div class="line_blue" style="display: inline-block;"> <text1>● You deserve to be happy too</text1> <text2>mother russia does not agree ●</text2></div> <!--1--> <div class="line_blue" style="display: inline-block;"> <text1>● You deserve to be happy too</text1> <text2>mother russia does not agree ●</text2></div> <!--1--> <div class="line_blue" style="display: inline-block;"> <text1>● You deserve to be happy too</text1> <text2>mother russia does not agree ●</text2></div> <!--1--> <div class="line_blue" style="display: inline-block;"> <text1>● You deserve to be happy too</text1> <text2>mother russia does not agree ●</text2></div> <!--1--> <div class="line_blue" style="display: inline-block;"> <text1>● You deserve to be happy too</text1> <text2>mother russia does not agree ●</text2></div> <!--1--> <div class="line_blue" style="display: inline-block;"> <text1>● You deserve to be happy too</text1> <text2>mother russia does not agree ●</text2></div> </div> <!-------------------------------------------ИКОНКИ--> <div class="icon horizontaldva"> <img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"><img src="https://i.imgur.com/M5Edqjj.png"></div> <!-------------------------------------------МЕСЯЦА--> <div class="month horizontaltri"> <!--ДЕКАБРЬ--> <div style="background:url(https://i.imgur.com/0krT5WT.png); width:312px; height:217px;"> <img src="https://i.imgur.com/Grbuiih.png" style="margin: 62px 40px; position: absolute; mix-blend-mode: luminosity; /*-------убираем когда собрали--------*/ "> <img src="https://i.imgur.com/aTJ9yR6.png" style=" margin: 134px 40px; position: absolute; mix-blend-mode: luminosity; /*-------убираем когда собрали--------*/ "> <img src="https://i.imgur.com/wTeYrDg.png" style="margin: 58px 236px; position: absolute; mix-blend-mode: luminosity; /*-------убираем когда собрали--------*/ "> <img src="https://i.imgur.com/8THcvRp.png" style="margin: 139px 234px; position: absolute; mix-blend-mode: luminosity; /*-------убираем когда собрали--------*/"></div> <!--ДЕКАБРЬ--> <div style="background:url(https://i.imgur.com/0krT5WT.png); width:312px; height:217px;"> <img src="https://i.imgur.com/Grbuiih.png" style="margin: 62px 40px; position: absolute; mix-blend-mode: luminosity; /*-------убираем когда собрали--------*/ "> <img src="https://i.imgur.com/aTJ9yR6.png" style=" margin: 134px 40px; position: absolute; mix-blend-mode: luminosity; /*-------убираем когда собрали--------*/ "> <img src="https://i.imgur.com/wTeYrDg.png" style="margin: 58px 236px; position: absolute; mix-blend-mode: luminosity; /*-------убираем когда собрали--------*/ "> <img src="https://i.imgur.com/8THcvRp.png" style="margin: 139px 234px; position: absolute; mix-blend-mode: luminosity; /*-------убираем когда собрали--------*/"></div> </div> </div>
Код:
<!--HTML-->
<style>
.plash::-webkit-scrollbar { width: 1px; height: 1px;}
.plash::-webkit-scrollbar-button { width: 1px;height: 1px;}
.plash { position: absolute; display: block; width: calc(88px + 0px); margin: 290px 0px 0px 224px; max-height: 730px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; transform: rotate(-90deg) translateY(-250px); transform-origin: right top; }
.plash > div { display: block; transform: rotate(90deg); transform-origin: right top;}
.horizontalone { padding: 59px 0 0px 0;}
.horizontalone > div { margin: 165px 0px 20px -143px}
.icon::-webkit-scrollbar { width: 1px; height: 1px;}
.icon::-webkit-scrollbar-button { width: 1px;height: 1px;}
.icon { position: absolute; display: block; width: calc(88px + 0px); margin: 7px 0px 0px 222px; max-height: 730px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; transform: rotate(-90deg) translateY(-250px); transform-origin: right top; }
.icon > img { display: block; transform: rotate(90deg); transform-origin: right top; width: 32px;}
.horizontaldva { padding: 59px 0 0px 0;}
.horizontaldva > img { margin: -23px 9px 27px 50px; }
.month::-webkit-scrollbar { width: 1px; height: 1px;}
.month::-webkit-scrollbar-button { width: 1px;height: 1px;}
.month { position: absolute; display: block; width: calc(208px + 13px); margin: 60px 0px 0px 210px; max-height: 641px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; transform: rotate(-90deg) translateY(-250px); transform-origin: right top; }
.month > div { display: block; transform: rotate(90deg); transform-origin: right top;}
.horizontaltri { padding: 90px 0px 0px 0px;}
.horizontaltri > div { margin: 227px 3px -123px -94px; }
</style>
Страница: 1


