проба спойлера
Страница: 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