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.
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.
▬ 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>
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à !
Pour ma part, je vais l'utiliser sur le forum "Chronosrep" ! Voilà !
Hello !
Je découvre tout juste ton forum au graphisme dingue et tous les superbes codes que tu proposes.
Alors déjà un grand merci de permettre leur utilisation, pour ma part je vais utiliser celui-ci (et sûrement beaucoup d'autres hahaha) sur le forum Four Seasons !
Ensuite bonne continuation dans ton super boulot, hâte de voir d'éventuelles nouveautés ou d'aller explorer les autres sections !
Runy
Je découvre tout juste ton forum au graphisme dingue et tous les superbes codes que tu proposes.
Alors déjà un grand merci de permettre leur utilisation, pour ma part je vais utiliser celui-ci (et sûrement beaucoup d'autres hahaha) sur le forum Four Seasons !
Ensuite bonne continuation dans ton super boulot, hâte de voir d'éventuelles nouveautés ou d'aller explorer les autres sections !
Runy
|
|
|