Terrible

Libre-service de codages pour vos forums


    Interstellar

    Admin

    Interstellar

    Do not go gentle into that good night. Old age should burn and rave at close of day. Rage, rage against the dying of the light.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat mollis felis posuere vestibulum. Quisque id lacus dignissim, aliquam ligula eu, porttitor ante. Sed ac lacus sed ipsum pulvinar vulputate eu et erat. Praesent consectetur ac nisl in semper. Duis dictum, neque in ornare vulputate, justo mi convallis felis, nec dignissim quam eros a augue. Sed eget vehicula leo, quis euismod odio. Vestibulum fringilla diam quis suscipit facilisis. Suspendisse a urna faucibus, luctus ante nec, varius dolor. Pellentesque pulvinar urna est, eget euismod nibh convallis in. Curabitur varius vulputate justo id euismod. Integer facilisis lectus sit amet ligula eleifend scelerisque. Proin suscipit, leo id placerat iaculis, urna purus pellentesque enim, eu vehicula ipsum ex sed tortor. Proin bibendum luctus accumsan. Phasellus pharetra fermentum mollis. Maecenas congue lobortis arcu eget vestibulum. Morbi gravida nisl eu ligula pellentesque, vel eleifend ligula convallis. Donec varius ac libero eu consectetur. Quisque hendrerit vehicula dapibus. Vestibulum eros purus, dignissim sit amet mi congue, dictum semper neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis a ante eget libero molestie commodo ac ullamcorper diam. Pellentesque at eros venenatis, ullamcorper sapien non, egestas arcu. Nullam ac eros sit amet lacus efficitur vulputate ut vitae massa. Morbi sed ante fermentum, semper erat eget, eleifend diam. Aenean id sapien sit amet nisl feugiat blandit ullamcorper aliquet nisi. Donec in ipsum lobortis, pretium libero in, vehicula dolor. Curabitur in faucibus libero. In feugiat tristique malesuada. Curabitur scelerisque odio non dui rhoncus, nec tempor quam rutrum. Phasellus convallis lobortis libero non condimentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent eu felis orci. Etiam vel ligula accumsan, accumsan ante sit amet, tincidunt tortor. Fusce eget congue dui, sit amet ultrices ex. Etiam tempus odio a ex interdum, eget luctus magna tempor. Vestibulum luctus, nisl at consequat pretium, mauris orci consectetur magna, a bibendum risus urna ut eros. Mauris eros sapien, lobortis eget ultricies eget, tempus a enim. Nunc ut dolor et eros fringilla cursus.


    ▬ La barre de défilement est cachée !

    ▬ L'image fait 100 par 100 pixels

    ▬ Vous pouvez aussi changer le motif dans le rectangle ! Il suffit d'éditer le background-image de .dual-patt

    Admin

    We're not broken, we're just bent and we can learn to love again

    Alias 1 & Alias 2


    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


    important, lisez svp !


    ▬ Ne retirez pas le crédit

    ▬ Vous pouvez changer la police ou les couleurs, mais ne modifiez pas la structure du code

    ▬ La barre de défilement est cachée !

    ▬ L'image fait 100 par 100 pixels

    ▬ Vous pouvez aussi changer le motif dans le rectangle ! Il suffit d'éditer le background-image de .dual-patt



    Code:
    <link href="https://fonts.googleapis.com/css?family=Roboto|Work+Sans:800" rel="stylesheet"><style>.wrap-dual {width: 400px;height: 500px;margin:0 auto 10px;position: relative;}.dual-img {border: 1px solid #ccc;position: absolute;}.dual-img img {margin: 3px}.wrap-dual h2 {width: 360px;margin: 0;left: 0;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);bottom: -35px;height: 60px;position: absolute;transform-origin: 0 0;font:900 25px 'Work Sans', sans-serif;letter-spacing: -1px;line-height: 100%;}.dual-patt {height: 365px;width: 52px;position: absolute;background-image: url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/mochaGrunge.png);left: 55px;top: 111px;}.dual-txt {border: 1px solid #ccc;background: #fff;height: 475px;width: 287px;position: absolute;right: 0;overflow: hidden;}.dual-txt-scroll {overflow-x: hidden;overflow-y: scroll;height:100%;width:110%;}.dual-txt-content {width: 287px;height: 100%;padding: 20px;box-sizing: border-box;font: 11px/100% 'Roboto', sans-serif;text-align: justify;}.dual-bot {height: 20px;width: 1px;}.dual-note {border: 1px solid #ccc;background: #fff;height: 18px;width: 344px;position: absolute;right: 0;bottom: 0;font: 10px/18px 'Roboto', sans-serif;text-align: center;letter-spacing: 1px;color: #ccc;}.dual-credit {position: absolute;width: 400px;text-align: center;bottom: -12px;}.dual-credit a {color: #ccc!important;font: 8px 'Roboto', sans-serif;text-decoration: none;letter-spacing: 1px;}</style><div class="wrap-dual"><!--
    --><div class="dual-img"><img src="http://placehold.it/100x100" alt="" /></div><!--
    --><h2>Despair is a narcotic, it lulls the mind into indifference</h2><!--
    --><div class="dual-patt"></div><!--
    --><div class="dual-txt"><!--
    --><div class="dual-txt-scroll"><!--
    --><div class="dual-txt-content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae neque ultricies, tempor dui a, luctus lacus. Etiam tristique lorem id ante gravida, eget vestibulum nisi posuere. Donec sagittis luctus elit id dictum. Nullam ut diam sollicitudin, ornare elit sed, vulputate velit. Quisque vulputate, urna non interdum tincidunt, odio odio malesuada nisl, vel viverra leo urna eu ligula. Nulla nec convallis nisi. Phasellus sed tempus urna, sit amet ultricies leo. Quisque at est consectetur, faucibus risus nec, pharetra enim. Ut a ornare nisl. Maecenas interdum sem nec ex feugiat aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus tempus nulla sed nunc pellentesque, sed consequat orci cursus.

    Aenean et accumsan magna, ut cursus dolor. Vestibulum tincidunt, nibh quis viverra rutrum, velit quam accumsan sem, et vestibulum leo massa vel dolor. In dignissim sed felis eu sagittis. Curabitur id mi vitae orci tristique hendrerit. Aliquam vel malesuada tortor. Donec quam neque, rutrum non ligula et, condimentum aliquet erat. Phasellus tincidunt tellus dui, sit amet accumsan velit dapibus non. Cras vitae cursus tellus. Nunc ullamcorper nulla at risus consectetur, ut faucibus sem sollicitudin. Nam gravida turpis id sapien fermentum sagittis. Pellentesque interdum ex sit amet ante eleifend, a vehicula est dignissim. Nunc turpis diam, lobortis vel lectus consequat, sollicitudin molestie sem. Sed arcu urna, dignissim in tincidunt non, interdum quis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam elementum mauris sem, id mollis urna interdum sed. Nulla ac hendrerit mi.

    Aenean tincidunt sodales mi, ut aliquet justo efficitur id. Donec in tortor porttitor, hendrerit nulla ac, semper turpis. Fusce dignissim iaculis rutrum. Maecenas turpis urna, eleifend quis ipsum et, fermentum hendrerit odio. Donec eget gravida nisi. Donec feugiat sodales lobortis. Pellentesque tempus velit eu erat sagittis dignissim. Cras id commodo urna. Nulla orci purus, finibus facilisis aliquam condimentum, gravida at diam. Curabitur nunc nisi, efficitur tincidunt accumsan nec, posuere vel elit. Aenean eget leo imperdiet, accumsan massa vehicula, ullamcorper magna.

    Ut congue ante vitae turpis placerat, eget bibendum justo sagittis. Donec facilisis lacus et iaculis sodales. Duis laoreet, lorem sed scelerisque interdum, lorem eros semper tortor, vitae luctus nibh eros at elit. Proin vestibulum leo at tortor rhoncus rutrum. Aenean tincidunt arcu lacus, at efficitur justo cursus ac. In augue est, efficitur vel tortor vitae, ultricies bibendum massa. Etiam porttitor congue sem, a tempor ante bibendum a. Suspendisse orci sem, scelerisque sit amet tortor consectetur, finibus eleifend ipsum. Donec non ligula efficitur tellus viverra ultrices.

    Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse finibus tortor tristique velit sollicitudin pharetra. Morbi nisl massa, hendrerit in interdum sed, dapibus non nulla. Vestibulum felis tellus, mattis sed ante rutrum, mollis laoreet lorem. Proin scelerisque eros eu urna mattis, eget suscipit justo porttitor. Donec sed vulputate tellus, sed ornare ante. Mauris varius gravida urna, vitae malesuada dui luctus sit amet. Cras vulputate auctor mauris nec blandit.
    <div class="dual-bot"></div><!--
    --></div><!--
    --></div><!--
    --></div><!--
    --><div class="dual-note">Feat alias 1 and alias 2</div><!--
    --><div class="dual-credit"><a href="#"></> awful</a></div><!--
    --></div>