How to be happy 340

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
Awful
le Mar 27 Sep - 0:43

How to be happy

Decide every morning that you are in a good mood

How to be happy 150x150How to be happy 150x150How to be happy 150x150How to be happy 150x150How to be happy 150x150How to be happy 150x150How to be happy 150x150How to be happy 150x150How to be happy 150x150


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