:: MODELE + INFOS

FORMSPRING

"Anonymous want to know... "

Formpspring n. m. : site web de questions-réponse...

Explications

Formspring est un site internet, chacun se crée un compte (ici, chacun se crée un sujet) et tout à chacun peut lui poser des question.

Si vous voulez poser une question normalement, vous pouvez tout simplement poster avec votre compte. Si vous voulez poser une question anonyme sachez que cette catégorie est ouverte aux invités, vous pouvez donc poster en étant déconnecté.

Modèle de base Formspring

Voici le code pour votre premier post :

Code:: <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'><style>.entete{font-family: 'Archivo Narrow'; font-weight: bold; padding: 5px; font-size: 20px; width: 700px; display: block; text-align: center; color: #ffffff; background: #66B0E2; border-radius: 8px; text-shadow: 0px 1px 0px white; text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);} .vava{width: 200px; height: 320px; border-right: 1px solid black; display: block; background-color: #CCCCCC; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .vava:hover{-webkit-filter: grayscale(100%);} .fondfrom{background-color: #ffffff; width: 500px; height: 320px;} .minid{ font-size: 16px; font-weight: bold; font-family: arial; margin-left: 30px; margin-bottom: 10px; padding-top: 5px;} .introcad{ margin-left: 5px; margin-right: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: white; height: 100px; width: 380px;} .question{font-weight: bold; font-family: 'Archivo Narrow'; font-size: 14px; opacity: 0.6; font-style: italic; padding: 5px; margin-top: 10px; border-bottom: 1px dashed black; height: 30px; overflow: auto;} .icon2{ width: 100px; height: 100px;} .minicon{ width: 40px; height: 40px; padding-top: 4px;}.answer{ font-family: 'Archivo Narrow'; font-size: 14px; opacity: 0.6; font-style: italic; padding: 2px; margin-top: 3px; text-align: justify; overflow: auto; height: 50px;} .icon2{ width: 100px; height: 100px;}</style>

<div class="entete">FORMSPRING DE PSEUDO</div><table><tr><td><img class="vava" src="http://img4.hostingpics.net/pics/762002sarah5.png" /></td><td><div class="fondfrom"><div class="minid">Une petite description</div><br /><table><td><img class="minicon" src="http://media.tumblr.com/tumblr_lt1dixDpnD1qgphip.jpg" /><br /><img class="minicon" src="http://img15.hostingpics.net/pics/618897ringersarahmichellegellaricon16.png" /></td><td><div class="introcad"><div class="question">Quel âge avais-tu lorsque tu es partie en Espagne pour apporter de l'aide aux personnes dans le besoin et pourquoi l'as-tu fais ?</div><div class="answer">Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.</div></div></td></table></div></td></tr></table>

Modèle pour poser une question ...

Et pour les post de question voici :

Code:: <table><td><img class="icon2" src="http://media.tumblr.com/tumblr_lt1dixDpnD1qgphip.jpg" /></td><td><div style="background-color: white; width: 380px; height: 80px; border: 1px solid black; overflow: auto; padding: 10px;><div class="intro">Pose une question à PSEUDO...</div></div></td></table>