Terrible

Bienvenue sur Terrible, le forum de libre-service pour vos codages de forums. Venez trouver ici toutes sortes de codes pour agrémenter aussi bien vos templates que vos messages, sans avoir besoin d'inscription !


Terrible :: Codes messages :: Divers
avatar
le Mar 27 Sep - 0:43

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 * { box-sizing: border-box; }.wrap-mood {box-sizing: border-box;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: 480px;padding-top: 2px;margin-top: 10px;}.wrap-mood img {margin: 4px;border: 1px solid #ccc;padding: 3px; height: 150px; width: 150px;vertical-align: middle;}.credit a {position: absolute;margin-top: 13px;color: #ccc!important;text-decoration: none!important;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/" target="_blank"></> awful</a></div></div>
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum