Page d'Accueil 3

Messages : 118 Date d'inscription : 05/02/2011 Age : 29

Code:: <div class="titrepa">Oh My God
</div>
<div class="citapa">
une petite citation toute mignonne.
</div><br />
<div class="contourpa">

<div class="cadrelien">
   <a href="http://">règlement</a> ≈ <a href="http://">groupes</a> ≈ <a href="http://">invités</a> ≈ <a href="http://">scénarios</a> ≈ <a href="http://">annexes</a>
</div>
<br />
<div class="contexte">
   Le soleil brille, la mer scintille. Si on tend l'oreille, qu'on ferme les yeux, on peut entendre le murmure des gens de Brisbane. Ces murmures joyeux, étouffés, colériques, amoureux qui parcourent la ville, qui s'éveillent. Qui se rejoignent à Fortitude Valley, le quartier le plus en vue du moment. Celui de tous les vices mais aussi de toutes les joies. C'est ici qu'a été construit l'immeuble Alpha Mosaic, au centre de la ville, approchant doucement des cent ans. Il fait la joie des uns, l'horreur des autres. Mais tous sont réunis dans ce lieu pour vivre. Certains le prennent pour un hôtel avec ses centres de spa, ses jardins aux couleurs vivent et ses plages privées. D'autres le voient comme un vieux bâtiment prêt à s'écrouler d'un jour à l'autre. Tous ont des avis différents. Mais tous y vivent. En harmonie ou pas, ils ont décidé de mettre la main à la pâte pour continuer à pouvoir y vivre sans se prendre la tête. Commérages, fêtes dégantées, tapages nocturnes, l'Alpha Mosaic est prêt à vous accueillir. <a href="http://">+++</a>
</div><br />
<center>

   <table>

      <tbody>

         <tr>

            <td>

               <div class="nouveautes">
                  <span class="titrenouveautes">nouveautés</span><br /> <span style="text-decoration: underline;">2 nov. 2014</span> ≈ création du forum. <span style="text-decoration: underline;">11 nov. 2014</span> ≈ mise en place du forum. <span style="text-decoration: underline;">date</span> ≈ ouverture du forum. <span style="text-decoration: underline;">date</span> ≈ description de la nouveauté. <span style="text-decoration: underline;">date</span> ≈ description de la nouveauté. <span style="text-decoration: underline;">date</span> ≈ description de la nouveauté.
               </div>

            </td>

            <td>

               <div style="width:20px">

               </div>

            </td>

            <td>

               <div class="informations">
                  <span class="titreinformations">informations</span> <br />Je ne sais pas quoi dire, mais genre le nombre de lignes par rp, la météo de la ville prévue, quelques petites règles du forum. Je ne sais pas quoi dire, mais genre le nombre de lignes par rp, la météo de la ville prévue, quelques petites règles du forum.
               </div>

            </td>

            <td>

               <div style="width:20px">

               </div>

            </td>

            <td>

               <div class="partcrd">
                  <span class="titrepartcrd">partenariat + crédit</span> <br /> Toute reproduction complète ou partielle est strictement interdite. Le forum appartient à <em>admin</em>. Merci à <em>uc</em> pour le design. Le codage a été entièrement réalisé par <em>suika</em> pour les besoins du forum. <br /><br />
                  <center>
                     <img src="http://img11.hostingpics.net/pics/408413logo3.png" /><br /><a "="" href="http://">≈</a> <a "="" href="http://">≈</a> ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈<br /><n><a href="http://">plus</a> + <a href="http://">le devenir</a></n>
                  </center>

               </div>

            </td>

         </tr>

      </tbody>

   </table>

</center>

<hr />

<table>

   <tbody>

      <tr>

         <td>

            <div class="staff1">

               <div class="staffPA">
                  <img src="http://media.tumblr.com/0b7428cef2e016343e3d8fbabedc208c/tumblr_inline_n6ib760SuC1sq1ocg.png" />
                  <div class="infostaff">
                     <span class="pseudostaff">Prénom Nom</span><br /><em>Suika</em> + post<br <br="" /><n><a href="http://">message</a> ≈ <a href="http://">profil</a> </n>
                  </div>

               </div>

            </div>

            <div class="staff2">

               <div class="staffPA">
                  <img src="http://media.tumblr.com/tumblr_md8wvreHSk1ry9c0w.png" />
                  <div class="infostaff">
                     <span class="pseudostaff">Prénom Nom</span><br />post<br <br="" /><n><a href="http://">message</a> ≈ <a href="http://">profil</a> </n>
                  </div>

               </div>

            </div>

            <div class="staff3">

               <div class="staffPA">
                  <img src="https://31.media.tumblr.com/75ceb7a07c1cfd71dfcd827a039f6c5c/tumblr_inline_n3w7zhTGSD1samgug.png" />
                  <div class="infostaff">
                     <span class="pseudostaff">Prénom Nom</span><br />post<br <br="" /><n><a href="http://">message</a> ≈ <a href="http://">profil</a> </n>
                  </div>

               </div>

            </div>

         </td>

      </tr>

   </tbody>

</table>

<center>
   © <strong>OH MY GOD</strong><br /><span style="font-size: 7px;">C O P Y R I G H T 2 0 1 4</span>
</center>

</div>

Code:: .info {letter-spacing: 1px;font-size: 10px;font-family: times;text-align:center;position:absolute;bottom:0;left:0;height:100%;width:100%;margin-bottom:-250px;transition:margin 800ms ease;-moz-transition:margin 4s ease;-o-transition:margin 4s ease;-htm-transition:margin 4s ease;-webkit-transition:margin 4s ease;background:#fff;}
.PAbase {width:225px;text-align:center;margin:0 auto; }

/*pa*/
.contourpa {background-color:#FFFFFC; border:1px solid #F5E6D5}
.cadrelien {background-color:#F5E6D5; padding:5px; width:auto;font-size:8px; letter-spacing:-1px; font-family:times; text-transform:uppercase; word-spacing:5px;}
.titrepa {font-family:Megrim;font-size:35px;text-align:center;}
.citapa {font-family: times;font-size: 10px;font-style: italic;font-weight: lighter;margin-top:-5px;letter-spacing: 2px;text-transform: lowercase;}
.infostaff{line-height:110%;position:absolute;top:50;opacity:0;visibility: hidden;height: 30px;width: 100px;background:#FFFFFC;background-position: left top;text-align: center;padding:10px;text-decoration: italic;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 0px 0px 2px 0px #DF8F97;-webkit-box-shadow: 0px 0px 2px 0px #DF8F97;-o-box-shadow: 0px 0px 2px 0px #DF8F97;box-shadow: 0px 0px 2px 0px #DF8F97;filter:progid:DXImageTransform.Microsoft.Shadow(color=#DF8F97, Direction=NaN, Strength=2); }
.staffPA:hover > .infostaff{opacity:1; visibility: visible;}
.staffPA {position:relative; height: 50px;width: 50px; margin:5px; border-radius: 50%;}
.staffPA img{border-radius: 50%; overflow:hidden; height: 50px; width: 50px;}
.staff1 {}
.staff2 {margin-left:55px; margin-top:-55px;}
.staff3 {margin-left:110px; margin-top:-55px;}
.contexte {font-family: times;font-size:12px; text-align:justify; width:640px;}
.pseudostaff {font-family: times;font-size: 15px;font-style: italic;font-weight: lighter;text-transform:lowercase; text-align: center;}
.partcrd {width:150px;height:200px; overflow:auto;text-align:justify;}
.nouveautes {width:150px; height:200px; overflow:auto;text-align:justify;}
.informations {width:150px;height:200px; overflow:auto;text-align:justify;}
.titrepartcrd {text-transform:uppercase; font-family:courier new; text-align:center;}
.titrenouveautes {text-transform:uppercase; font-family:courier new; text-align:center;}
.titreinformations {text-transform:uppercase; font-family:courier new; text-align:center;}