News Accueil

Terrible

Libre-service de codages pour vos forums


Starry Sky

par Awful le le Mar 27 Sep - 0:07

Feat alias 1 & alias 2

starry sky.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque molestie mi purus, vel gravida mauris pellentesque quis. Curabitur porttitor aliquam bibendum. Nulla accumsan ultrices sapien eget faucibus. In aliquet felis at maximus luctus. Duis risus metus, congue in blandit quis, consequat sit amet justo. Proin eget varius nunc. Integer id justo sit amet purus dapibus dictum vitae a libero.

Suspendisse mattis urna felis, eu convallis neque pharetra eu. Mauris et urna vel arcu efficitur aliquet. Morbi ultricies quam quis augue aliquam, a auctor quam rhoncus. Sed eu convallis quam. Vivamus fringilla tustarryis non cursus tincidunt. Nullam vehicula, mi non suscipit hendrerit, ex risus auctor quam, vitae efficitur dui lectus et lacus. Aliquam feugiat ullamcostarryer viverra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque molestie mi purus, vel gravida mauris pellentesque quis. Curabitur porttitor aliquam bibendum. Nulla accumsan ultrices sapien eget faucibus. In aliquet felis at maximus luctus. Duis risus metus, congue in blandit quis, consequat sit amet justo. Proin eget varius nunc. Integer id justo sit amet purus dapibus dictum vitae a libero.

Suspendisse mattis urna felis, eu convallis neque pharetra eu. Mauris et urna vel arcu efficitur aliquet. Morbi ultricies quam quis augue aliquam, a auctor quam rhoncus. Sed eu convallis quam. Vivamus fringilla tustarryis non cursus tincidunt. Nullam vehicula, mi non suscipit hendrerit, ex risus auctor quam, vitae efficitur dui lectus et lacus. Aliquam feugiat ullamcostarryer viverra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque molestie mi purus, vel gravida mauris pellentesque quis. Curabitur porttitor aliquam bibendum. Nulla accumsan ultrices sapien eget faucibus. In aliquet felis at maximus luctus. Duis risus metus, congue in blandit quis, consequat sit amet justo. Proin eget varius nunc. Integer id justo sit amet purus dapibus dictum vitae a libero.

Suspendisse mattis urna felis, eu convallis neque pharetra eu. Mauris et urna vel arcu efficitur aliquet. Morbi ultricies quam quis augue aliquam, a auctor quam rhoncus. Sed eu convallis quam. Vivamus fringilla tustarryis non cursus tincidunt. Nullam vehicula, mi non suscipit hendrerit, ex risus auctor quam, vitae efficitur dui lectus et lacus. Aliquam feugiat ullamcostarryer viverra.


▬ L'image fait 150 par 400 pixels

▬ La barre de scroll est cachée !

▬ La couleur bleue utilisée est #7ce1cf. Avec un rapide ctrl + F vous pourrez donc la trouver et la changer !


Code:
<link href="https://fonts.googleapis.com/css?family=Poppins:700|Hind+Siliguri" rel="stylesheet"><style>.wrap-starry {width: 500px;height: 470px;overflow: hidden;position: relative;font-family: 'Hind Siliguri', sans-serif;margin:auto;}.starry-header {height: 40px;}.starry-header h3 {margin: 0 0 -20px;font: normal 10px 'Trebuchet MS', sans-serif;text-transform: lowercase;letter-spacing: 2px;position: relative;color: #7ce1cf;}.starry-header h2 {margin: 0;text-transform: lowercase;letter-spacing: -3px;font: 800 40px 'Poppins', sans-serif;color: #a8a8a8;}.starry-header h2:first-letter {color: #7ce1cf;}.starry-img {float: left;margin-right:15px;}.starry-txt {width: 335px;height: 400px;overflow: hidden;background-color: #f3f3f3;}.starry-scroll {overflow-x: hidden;overflow-y: scroll;height:100%;width:110%;}.starry-txt-content {width: 335px;height: 100%;padding: 20px;box-sizing: border-box;font: 10px/125% 'Trebuchet MS', sans-serif;text-align: justify;color: #424242;}.starry-txt-bot {height: 20px;width: 1px;}.starry-bot {height: 10px;width: 90%;background-color: #7ce1cf;margin-top: 10px;float: left;}.starry-cred {width: 10%;height: 10px;margin-top: 10px;display: inline-block;text-align: right;}.starry-cred a {font: 800 10px/10px 'Poppins', sans-serif;text-transform: uppercase;text-decoration: none!important;color: #ccc!important;}</style><div class="wrap-starry"><!--
--><div class="starry-header"><!--
--><h3>Feat alias 1 & alias 2</h3><!--
--><h2>starry sky.</h2><!--
--></div><!--
--><img src="http://placehold.it/150x400" class="starry-img" alt="" /><!--
--><div class="starry-txt"><!--
--><div class="starry-scroll"><!--
--><div class="starry-txt-content">
Texte ici
<div class="starry-txt-bot"></div></div></div></div><div class="starry-bot"></div><div class="starry-cred"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
par Grimy le Aujourd'hui à 0:31
Merci beaucoup à toi pour le partage ! J'aime beaucoup le style épuré de tes codes !
Pour ma part, je vais l'utiliser sur le forum "Chronosrep" ! Voilà ! Hug