Terrible

Libre-service de codages pour vos forums


    How to be happy

    Admin


    How to be happy

    Decide every morning that you are in a good mood



    Les images font 150 par 150 pixels, elles sont redimensionnées automatiquement donc choisissez de préférence des images de format carré

    Code:
    <link href='https://fonts.googleapis.com/css?family=Courgette|Roboto' rel='stylesheet' type='text/css'><style>.wrap-mood {width: 500px;margin: 0 auto 10px;position: relative;background-color: #fff;border: 1px solid #ccc;text-align: center;padding: 10px;}.wrap-mood h2 {margin: 0;font: 28px 'Courgette', cursive;text-shadow: 2px 0 0 #fff, 3px 0 0 #ccc;}.wrap-mood h3 {border-top: 1px solid #ccc;display: inline;padding: 0 20px;font: 10px calibri, sans-serif;letter-spacing: 1px;}.mood-content {border: 1px solid #ccc;height: 500px;padding-top: 2px;margin-top: 10px;}.wrap-mood img {margin: 4px;border: 1px solid #ccc;padding: 3px; height: 150px; width: 150px;}.credit a {position: absolute;margin-top: 13px;color: #ccc!important;text-decoration: none;font: 8px 'Roboto', sans-serif;letter-spacing: 1px;}</style>
    <div class="wrap-mood"><!--
    --><h2>How to be happy</h2><!--
    --><h3>Decide every morning that you are in a good mood</h3><!--
    --><div class="mood-content"><!--
    --><img src="http://placehold.it/150x150" alt="" /><!--
    --><img src="http://placehold.it/150x150" alt="" /><!--
    --><img src="http://placehold.it/150x150" alt="" /><!--

    --><img src="http://placehold.it/150x150" alt="" /><!--
    --><img src="http://placehold.it/150x150" alt="" /><!--
    --><img src="http://placehold.it/150x150" alt="" /><!--

    --><img src="http://placehold.it/150x150" alt="" /><!--
    --><img src="http://placehold.it/150x150" alt="" /><!--
    --><img src="http://placehold.it/150x150" alt="" /><!--
    --></div><!--
    --><div class="credit"><a href="http://terrible.forumactif.org/"></> awful</a></div></div>