Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 3 из 3
Поделиться22013-10-18 23:08:05
Поделиться32018-01-24 14:06:21
<!--HTML--><style type='text/css'> #CHARACTER .sugar_border { border: #HEXCOLOR; } #CHARACTER .sugar_container { background-color: #HEXCOLOR; } #CHARACTER .sugar_ontop { background-color: #HEXCOLOR; color: #HEXCOLOR; } #CHARACTER .sugar_words { background-color: #HEXCOLOR; color: #HEXCOLOR; } #CHARACTER .sugar_pic img { -webkit-filter: grayscale(100%); filter: grayscale(90%); opacity: 0.8; filter: alpha(opacity=80); border: 5px solid #535353; } .rorotab2 { background-color: #464646; font-family: 'Raleway', sans-serif; padding: 5px; color: #fafafa; width: 100px; text-align: center; margin-bottom: 5px; font-size: 14px; } .rorotab1 {background-color: #ca9e67; } .bobo {padding: 6px 10px 12px 10px; background-color: #3e3e3e; margin-top: 6px; } .coco {background-color: #535353; height: 0px; margin-top: 5px; border-bottom: 3px dashed #3e3e3e; } .soso { background-color: #cacaca; padding: 10px; text-align: justify; font-size: 10px; text-transform: lowercase; margin-top: 5px; } .sugar_border { width: 566px; padding: 10px; background-color: #535353; border: 1px solid #646464; margin-left: -18px; } .sugar_container { padding: 10px; background-color: #3e3e3e; } .sugar_pic { display: inline-block; vertical-align: middle; } .sugar_vertsep { height: 170px; width:1px; background: #696969; margin:0px 10px 0px 15px; display: inline-block; vertical-align: middle; } .sugar_ontop { width: 207px; height: 100px; padding: 20px; overflow: hidden; color: #fff; font-size: 25px; font-family: Roboto; font-weight: 700; background-color: #3e3e3e; text-align: center; display: inline-block; vertical-align: middle; z-index: 2; } .sugar_words { width: 220px; height: 124px; padding: 10px 10px 8px 14px; overflow: auto; color: #fff; font-size: 9px; font-family: Arial; line-height: 10px; background-color: #3e3e3e; text-align: justify; display: inline-block; vertical-align: middle; filter: alpha(opacity=0); opacity: 0; transition: all 0.5s linear 0.5s; z-index: 1; margin-top: -80%; margin-left: 110px; } .sugar_words::-webkit-scrollbar { background:transparent; width: 2px; padding-right: 3px; } .sugar_words::-webkit-scrollbar-thumb { background: #696969; border-radius: 20px; } .sugar_words::-webkit-scrollbar-button:start:decrement; .sugar_words::-webkit-scrollbar-button:end:increment { height: 3px; display: block; background: #fff; } .sugar_ontop:hover .sugar_words { filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 1s ease .5s; -moz-transition: all 1s ease .5s; -ms-transition: all 1s ease .5s; -o-transition: all 1s ease .5s; transition: all 1s ease .5s; margin-left: -20px; } .sugar_horzsep { width: 100%; height: 1px; background: #EEE; margin: 8px 0px;</style> <center><div id="CHARACTER"> <div class="sugar_border"><div class="sugar_container"><div class="sugar_pic"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=1603" target="_blank"> <img src="https://78.media.tumblr.com/80ef37240576dcb8c5967d200025c41c/tumblr_mxl2o8Q1tc1r9n4hjo7_r1_250.gif" width="245"; heigh="150px"></a></div> <div class="sugar_vertsep"></div></-by jack skellington-/> <div class="sugar_ontop"> <div class="sugar_horzsep"></div><div style=" font-family: 'Raleway', sans-serif; line-height: 90%; text-transform: uppercase; letter-spacing: 8px;">OOPS<br>I DID IT</div> <div class="sugar_horzsep"></div> <div style=" padding-top: 7px; font: 7px arial black; text-transform: uppercase; line-height: 142%; padding-bottom: 26px;"><b>artist</b>: soundtrack</div> <div class="sugar_words"> <div class="rorotext"> <div class="rorotab1"><div class="rorotab2">FACES</div></div> Donec vel lectus neque. In euismod ipsum vitae ultricies posuere. Nulla porttitor id lectus eget blandit. Donec sit amet lacus ipsum. Nulla tempus justo ut lectus scelerisque, ac viverra mauris tempor. Nullam at enim tellus. Duis quis odio nisi. Mauris egestas congue rutrum. Vivamus eleifend metus vel lobortis volutpat. Phasellus ut iaculis dolor. Nam placerat sed est quis venenatis. Cras suscipit sit amet lectus quis semper. Quisque consequat orci sit amet nisl varius, a mattis neque euismod. Donec venenatis tortor non nibh porta feugiat. <br><br><div class="rorotab1"><div class="rorotab2">FANDOMS</div></div> Mauris vitae metus vestibulum, semper urna et, venenatis leo. Nulla quis elementum sapien. In convallis tortor sit amet aliquet venenatis. Mauris consequat ante lacinia mi semper placerat. Fusce pharetra lobortis neque non tincidunt. Quisque felis sapien, eleifend in viverra ut, venenatis ac velit. Ut mollis, nulla at volutpat mattis, velit est elementum magna, pretium convallis sapien eros a neque. Aenean posuere velit facilisis odio aliquam scelerisque. Nulla ut ligula nunc. Sed eget orci fermentum, ultricies arcu pulvinar, placerat mi. Quisque cursus enim a nunc laoreet, in molestie turpis euismod. Proin fringilla pulvinar nibh, a feugiat purus consectetur at. Donec vitae arcu suscipit, consequat risus ac, mattis felis. </div> </div></div></div> <div class="coco"></div> <div class="bobo"> <div class="soso">Nulla quis elementum sapien. In convallis tortor sit amet aliquet venenatis. Mauris consequat ante lacinia mi semper placerat. Fusce pharetra lobortis neque non tincidunt. Quisque felis sapien, eleifend in viverra ut, venenatis ac velit. Ut mollis, nulla at volutpat mattis, velit est elementum magna, pretium convallis sapien eros a neque. </div> <div class="soso">Nulla quis elementum sapien. In convallis tortor sit amet aliquet venenatis. Mauris consequat ante lacinia mi semper placerat. Fusce pharetra lobortis neque non tincidunt. Quisque felis sapien, eleifend in viverra ut, venenatis ac velit. Ut mollis, nulla at volutpat mattis, velit est elementum magna, pretium convallis sapien eros a neque. </div> <div class="soso">Nulla quis elementum sapien. In convallis tortor sit amet aliquet venenatis. Mauris consequat ante lacinia mi semper placerat. Fusce pharetra lobortis neque non tincidunt. Quisque felis sapien, eleifend in viverra ut, venenatis ac velit. Ut mollis, nulla at volutpat mattis, velit est elementum magna, pretium convallis sapien eros a neque. </div> </div> <div></div> </center>
пример поста
| пример поста
|