somewhere only we know.
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-10%
Le deal à ne pas rater :
-30€ sur la nouvelle Tablette tactile Lenovo Tab Plus – 11.5” ...
269.99 € 299.99 €
Voir le deal

 

 ❝ page d'accueil

Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: ❝ page d'accueil   ❝ page d'accueil EmptyMer 25 Juil - 15:53

Like a Star @ heaven
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMer 25 Juil - 16:02

Code:
[center]<iframe width="500" height="27" src="http://www.youtube.com/embed/FrTuUDF8D70" frameborder="0" allowfullscreen></iframe>
[img]http://30.media.tumblr.com/tumblr_l9h26p3gTF1qzndo8o1_500.png[/img]
<font style="font-size: 29pt; font-family: courrier new; letter-spacing: -5px; text-shadow: 1px 1px 1px rgb(0, 0, 0); color:#DC143C;"><div class="un">MAYBE THIS TIME</div></font>
<font style="font-size: 19pt; font-family: courrier new; letter-spacing: -2px; text-shadow: 1px 1px 1px rgb(0, 0, 0); color:#F5DEB3;">[i]who told you you're allowed to rain on my parade?[/i]</font>[/center]





<a href="http://maybethistime.forumgratuit.org/t2-reglements-just-keep-on-breaking-the-rules">règlement</a> ✿ <a href="http://maybethistime.forumgratuit.org/t1-synopsis-who-told-you-you-re-allowed-to-rain-on-my-parade">contexte</a> ✿ <a href="http://maybethistime.forumgratuit.org/f3-easy-come-easy-go">scénarios</a> ✿ <a href="http://maybethistime.forumgratuit.org/t7-avatar-box-never-say-never">bottin des avatars</a> ✿ <a href="http://maybethistime.forumgratuit.org/f17-le-partenariat">partenariat</a> ✿<a href="http://maybethistime.forumgratuit.org/f16-la-partie-invites"> invités</a>
[img]http://30.media.tumblr.com/tumblr_l9h26p3gTF1qzndo8o1_500.png[/img]
<div class="un">maybe this time.</div>




<div style="margin: auto; text-align: center; width: 100%;"><div style="letter-spacing: 1px; text-shadow: 1px 1px 1px rgb(0, 0, 0);"><font color="#d0d0d0"><font face="courrier new"><font size="4"><font color="indianred"><a href="http://enchanted.forumgratuit.org/t1-le-synopsis" class="postlink" target="_blank"><br></a><a href="http://enchanted.forumgratuit.org/t21-avatars-box" class="postlink" target="_blank"></a></font></font></font></font></div>
<center><table><tbody><tr><td align="center"><div style="border: 4px double rgb(239, 239, 239); overflow: auto; height: 200px; width: 300px; background-color: rgb(255, 255, 255);"><div align="center"><div align="justify"><span style="font-size: 11px; line-height: normal;">
<object width="150" align="middle" height="50"><param name="allowScriptAccess" value="sameDomain"><param name="wmode" value="transparent"><embed src="http://muzicons.com/musicon_v_srv_new.swf" type="application/x-shockwave-flash" flashvars="&nomuz=muzicon%20unavailable&site=http://muzicons.com/&icon_pic=12.png&music_file=http://video3.62368.com/song/C/special/Viva%20La%20Vida%20Or%20Death%20And%20All%20His%20Friends/viva%20la%20vida.mp3&bg_color=8e1b54&type_of_clip=simple_text&text_color=FFFFFF&text_message=welcome+here" wmode="transparent" menu="false" quality="high" width="150" align="middle" height="50"></object><br><b>Fawkham, Angleterre.</b><br>
Un Glee Club est un groupe musical, constitué de voix d'hommes, mais aussi de femmes, qui se spécialise traditionnellement dans des chants courts par trios ou quatuors. Le premier Glee Club a été fondé à Londres, Royaume-Uni, en 1787. Depuis toujours à St. German High School, le Glee Club est considéré comme le club des loosers dont seuls les quelques rejetés de l'école en fond parti. Mais voilà, cette année, le Glee Club a décidé de montrer ce qu'il vaut vraiment. De Gaga à Justin Bieber en passant par Police et ABBA, le Glee Club de St. German a laissé tomber les chants traditionnels pour des chansons plus actuelles. Représentations, concours, publicité, ... Ils font de leur maximum pour montrer que faire partie du Glee Club n'est pas une tare. Néanmoins, les cheerios et les footballeurs ne sont pas de leur avis et feront tout pour démolir le peu de dignité qu'ont réussi à obtenir le Glee Club. Et vous, qu'est-ce que vous choisirez ? </span></div></div>
</div></td><td align="center"><div style="border: 4px double rgb(239, 239, 239); overflow: auto; height: 200px; width: 300px; background-color: rgb(255, 255, 255);"><div align="center"> <div align="justify"><span style="font-size: 11px; line-height: normal;">
<img src="http://img11.hostingpics.net/pics/965756emmar.png"><img src="http://i41.tinypic.com/msg30j.jpg"><img src="http://img11.hostingpics.net/pics/7943342.png">
<span style="font-size: 10px; line-height: normal;">© MAYBE THIS TIME. Administré par stalight, alias C. Lyza Kennedy&nbsp; sur le forum. Ce forum a été crée entièrement pour s'amuser, se détendre et faire travailler son imagination. N'hésitez pas à nous rejoindre ! MTT à ouvert le 28/02/11 et ne fermera jamais, ou du moins pas tant que je serais motiver.<br>Votre admin, Lyza.<br></span>
</span></div> </div></div></td></tr></tbody></table>
</center><font color="#d0d0d0"></font></div></div></center>


Dernière édition par Elastic Heart le Mer 1 Juil - 18:17, édité 1 fois
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMer 25 Juil - 16:03

le règlement Ҩ les présentations Ҩ la partie invité Ҩ le partenariat

❝ page d'accueil Sansre3gl
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMer 25 Juil - 16:03

bienvenue sur
nom du forum


le contexte.
(sous scroll) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

les informations.
01.01→ création du forum. // 01.01→ ouverture du forum. // 01.01→ deuxième version par pseudo. // 01.01→ autre information. // 01.01→ autre information. // 01.01→ autre information.

Top partenaires

www . partenaire un
www . partenaire deux
www . partenaire trois
www . partenaire quatre
www . partenaire cinq


plus ? Ҩ toi ?


Dernière édition par Elastic Heart le Mar 17 Jan - 22:19, édité 2 fois
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMer 25 Juil - 16:44

Code:
<div style="background: white; width: 100%; height: 100%;"><font style="font-family: courier new;" size="2><a href="http://maybethistime.forumgratuit.org/t2-reglements-just-keep-on-breaking-the-rules">règlement</a> Ҩ <a href="http://maybethistime.forumgratuit.org/t1-synopsis-who-told-you-you-re-allowed-to-rain-on-my-parade">contexte</a> Ҩ <a href="http://maybethistime.forumgratuit.org/f3-easy-come-easy-go">scénarios</a> Ҩ <a href="http://maybethistime.forumgratuit.org/t7-avatar-box-never-say-never">bottin des avatars</a> Ҩ <a href="http://maybethistime.forumgratuit.org/f17-le-partenariat">partenariat</a> Ҩ <a href="http://maybethistime.forumgratuit.org/f16-la-partie-invites">invités</a></font></div>
<br>
<center><img src="http://images4.wikia.nocookie.net/__cb20110806150940/glee/images/2/2c/Tumblr_lnkrosmKeT1qag3pto1_500.gif" border="0" alt="" />
<br><div class="titrepa">maybe this time.</div></center>
<br><br>
<center><table><tbody><tr><td align="center"><div style="border: 4px double rgb(239, 239, 239); overflow: auto; height: 200px; width: 300px; background-color: rgb(255, 255, 255);">
<span style="font-size: 11px; line-height: normal;">
<object width="150" align="middle" height="50">
<param name="allowScriptAccess" value="sameDomain">
<param name="wmode" value="transparent">
<embed src="http://muzicons.com/musicon_v_srv_new.swf" type="application/x-shockwave-flash" flashvars="&nomuz=muzicon%20unavailable&site=http://muzicons.com/&icon_pic=12.png&music_file=http://video3.62368.com/song/C/special/Viva%20La%20Vida%20Or%20Death%20And%20All%20His%20Friends/viva%20la%20vida.mp3&bg_color=8e1b54&type_of_clip=simple_text&text_color=FFFFFF&text_message=welcome+here" wmode="transparent" menu="false" quality="high" width="150" align="middle" height="50"></object><font color="black"><br><div align="justify"><b>Fawkham, Angleterre.</b><br>
Un Glee Club est un groupe musical, constitué de voix d'hommes, mais aussi de femmes, qui se spécialise traditionnellement dans des chants courts par trios ou quatuors. Le premier Glee Club a été fondé à Londres, Royaume-Uni, en 1787. Depuis toujours à St. German High School, le Glee Club est considéré comme le club des loosers dont seuls les quelques rejetés de l'école en fond parti. Mais voilà, cette année, le Glee Club a décidé de montrer ce qu'il vaut vraiment. De Gaga à Justin Bieber en passant par Police et ABBA, le Glee Club de St. German a laissé tomber les chants traditionnels pour des chansons plus actuelles. Représentations, concours, publicité, ... Ils font de leur maximum pour montrer que faire partie du Glee Club n'est pas une tare. Néanmoins, les cheerios et les footballeurs ne sont pas de leur avis et feront tout pour démolir le peu de dignité qu'ont réussi à obtenir le Glee Club. Et vous, qu'est-ce que vous choisirez ? </div></font></span></div></div>
</div></td><td align="center"><div style="border: 4px double rgb(239, 239, 239); overflow: auto; height: 200px; width: 300px; background-color: rgb(255, 255, 255);"><div align="center"> <div align="justify"><span style="font-size: 11px; line-height: normal;"> <table width="40%" border="0" cellspacing="1" cellpadding="0"><tr><td align="center" valign="middle" width="200"><div class="gensmall"><script type="text/javascript">
function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';  }
function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';

document.getElementById('onglet3').style.display='none';  document.getElementById('onglet4').style.display='none'; }
function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='block'; document.getElementById('onglet4').style.display='none'; }
function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block'; }
</script>

<!-- BARRE D'ONGLETS -->
<table width="80%"><tr>
                  <td><div class="onglet" onmouseover="javascript:patonglet1()">statistiques</div></td>
                  <td><div class="onglet" onmouseover="javascript:patonglet2()">staff et autres amis</div></td></tr></table>
                                   
            <table width="80px">
              <tr width="80px">
                <td width="80px">
<!-- PREMIER MODULE -->
                    <div id="onglet1">
                          <table width="100%" border="0" cellpadding="10" cellspacing="1">
                              <tr>
                                <td style="text-align: center;"><div style="text-align: justify; width: 250px;">Le forum a ouvert ses portes le 28/02/11, nous en sommes à notre cinquième version. Tout le contenu de ce forum est sous l'entière responsabilité des administratrices, j'ai nommé Winter Night et HUNGRY EYES, ainsi que de leur deux modos de ouf et donc, tout plagiat total ou partiel est absolument interdit. Merci donc de respecter le travail du staff. <center><br>CSS par Winter Night & HUNGRY EYES.<br> Design par HUNGRY EYES.</center></div></td></tr></table>
                                </td>
                              </tr>
                          </table>
                        </div>
                   
<!-- DEUXIEME MODULE -->
                    <div id="onglet2" style="display: none;">
                          <table width="100%" border="0" cellpadding="10" cellspacing="1">
                              <tr>
                                <td style="text-align: center;" width="100%"><table><td width=50px><a class="imginfo"><font color="burlywood"><img src="http://images4.fanpop.com/image/photos/18700000/Freya-freya-mavor-18768211-100-100.jpg" width="50px"></font><span><table border="0" cellpadding="1" cellspacing="1" width="50"><tbody><tr><td style="text-align: center;"><font size="1">Winter Night<br>jolie fondatrice.</font><br></td></tr><td style="text-align: center;"><font size="1"><font style="color: #d0dd5f;">présente</font><br></font></td></tr><tr align="center"></tr></tbody></table></span></a></td><td width=50px><a class="imginfo"><font color="burlywood"><img src="http://i51.tinypic.com/kf1moz.png" width="50px"></font><span><table border="0" cellpadding="1" cellspacing="1" width="50"><tbody><tr><td style="text-align: center;"><font size="1">HUNGRY EYES<br>admin tarée.</font><br></td></tr><td style="text-align: center;"><font size="1"><font style="color: #d0dd5f;">présente</font><br></font></td></tr><tr align="center"></tr></tbody></table></span></a></td><td width=50px><a class="imginfo"><font color="burlywood"><img src="http://images4.fanpop.com/image/photos/20500000/Ian-Somerhalder-ian-somerhalder-20567547-100-100.png" width="50px"></font><span><table border="0" cellpadding="1" cellspacing="1" width="50"><tbody><tr><td style="text-align: center;"><font size="1">RIDICULOUS THOUGHTS.<br>modo avec un grain (a).</font><br></td></tr><td style="text-align: center;"><font size="1"><font style="color: #d0dd5f;">présente</font><br></font></td></tr><tr align="center"></tr></tbody></table></span></a></td><td width=50px><a class="imginfo"><font color="burlywood"><img src="http://pics.livejournal.com/twittericons/pic/000gg6q5" width="50px"></font><span><table border="0" cellpadding="1" cellspacing="1" width="50"><tbody><tr><td style="text-align: center;"><font size="1">baby doll.<br>modo adorable.</font><br></td></tr><td style="text-align: center;"><font size="1"><font style="color: #720c30;">absente</font><br></font></td></tr><tr align="center"></tr></tbody></table></span></a></td></td></tr></table><br><br><a href="http://vampire-diaries-rpg.forumgratuit.org">Vampire Diaries</a> Ҩ <a href=http://maybethistime.forumgratuit.org/>Top partenaire</a> Ҩ <a href=http://maybethistime.forumgratuit.org/>Top partenaire</a> Ҩ <a href=http://maybethistime.forumgratuit.org/>Top partenaire</a> Ҩ <a href=http://maybethistime.forumgratuit.org/>Top partenaire</a> Ҩ <a href=http://maybethistime.forumgratuit.org/>Top partenaire</a> Ҩ
                                </td>
                              </tr>
                          </table>
                    </div>
                    </div>

</td></tr></table>
      </div>
</td>
  </tr>
</table></span>
</span></div> </div></div></td></tr></tbody></table>
</center><font color="#d0d0d0"></font></div></div></center></div></div></font></span>
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptySam 28 Juil - 15:59

Code:
<div class="cssactif_pa_main">
<h1>Bienvenue sur le forum</h1><div>
<div class="cssactif_pa_colonne colgauche">
        <div class="cssactif_pa_header">
          <h2>Concept</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit. </p>
        </div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit. Donec sed velit ac turpis sagittis consectetur. Morbi lacinia auctor lectus vel lacinia. Nullam quis mauris sem, non laoreet est. Aenean pretium adipiscing tellus vel porttitor. Nam sit amet mi enim. In nulla turpis, dapibus in iaculis non, mollis ac lorem.</p>
  <p> Ut sollicitudin sem vel ligula pulvinar vehicula. Aliquam sagittis risus adipiscing nisi placerat ac bibendum nisi tincidunt. Maecenas imperdiet, dolor eu elementum dapibus, leo elit dapibus orci, ut ornare purus purus at nisl. Praesent consectetur tincidunt neque id vulputate.</p>
    </div>
    <div class="cssactif_pa_colonne colcentre">
   
      <div class="cssactif_pa_header">
          <h2>Nouveautés</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit. </p>
        </div>
    <div class="new"><em>14/07</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit.</div>
    <div class="new"><em>05/07</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit.</div>
    <div class="new"><em>23/06</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit.</div>
    <div class="new"><em>21/06</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit.</div>
    </div>
    <div class="cssactif_pa_colonne coldroite">
     
      <div class="cssactif_pa_header">
          <h2>Personnages</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus augue, posuere ac feugiat in, rutrum in elit. </p>
        </div>
        <div class="pers">
        <img src="http://image.noelshack.com/fichiers/2012/28/1342357997-avatar_vide.jpg">
        Prénom & nom<br>
        Groupe<br>
        <a href="#pv1">Voir la fiche</a>
        </div>
        <div class="pers">
        <img src="http://image.noelshack.com/fichiers/2012/28/1342357997-avatar_vide.jpg">
        Prénom & nom<br>
        Groupe<br>
        <a href="#pv1">Voir la fiche</a>
        </div>
        <div class="pers">
        <img src="http://image.noelshack.com/fichiers/2012/28/1342357997-avatar_vide.jpg">
        Prénom & nom<br>
        Groupe<br>
        <a href="#pv1">Voir la fiche</a>
        </div>
        <div class="pers">
        <img src="http://image.noelshack.com/fichiers/2012/28/1342357997-avatar_vide.jpg">
        Prénom & nom<br>
        Groupe<br>
        <a href="#pv1">Voir la fiche</a>
        </div>
   
    </div>
 
</div>
</div>


Code:
/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
/* Mise en forme générale */
  .cssactif_pa_main {
      width: 800px; 
      padding: 30px;
      margin: 0 auto;
  }
 
  .cssactif_pa_main h1 { /* Titre principal (Bienvenue sur...) */
      font-family: "Courier New", Courier, monospace;  /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 16px; /* Espacemement des caractères en PX */
      font-size: 32px; /* Grosseur du texte */
      color: #fcca00; /* Couleur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
  }
 
  .cssactif_pa_main h2 { /* Titre des colonnes (Contexte, Nouveautés etc.) */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractère */
      font-weight: normal; /* Épaisseur normale */
      color: #FFFFFF; /* Couleur du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
      font-size: 18px; /* Grosseur du texte */
      margin:0;
  }
 
  .cssactif_pa_colonne { /* Style général des colonnes */
      float: left; /* Place les colonnes un à côté de l'autre */
      width: 33%; /* Donne la grandeur des colonnes */
      background-color: #FFFFFF; /* Couleur de fond */
      height: 400px; /* Hauteur des colonnes: doit être fixe */
      color: #777777; /* Couleur du texte */
 
      opacity: 0.9; /* Opacité des colonnes */
     
      /* Transition */
      -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

/*Ombre porté */
-webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
box-shadow: 0px 0px 1px 0px #CCCCCC;

 
  }
 
  .cssactif_pa_colonne p { /* Paragraphe des colonnes */
  padding: 0 10px; /* Padding */
  text-indent: 10px; /* Alinéa */
  text-align: justify;  /* Alignement du texte */
  }
  .cssactif_pa_colonne:hover { /* Colonne au survol */
  /* Effet de grossissement */
      -moz-transform: scale(1.05) translate(0px, -20px) ;
-webkit-transform: scale(1.05) translate(0px, -20px) ;
-o-transform: scale(1.05) translate(0px, -20px) ;
-ms-transform: scale(1.05) translate(0px, -20px);
transform: scale(1.05) translate(0px, -20px) ;

opacity: 1; /* Opacité */

/* Nouvelle ombre portée */
-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
box-shadow: 0px 5px 10px 0px #CCCCCC;
z-index: 999;

  }
 
.cssactif_pa_header { /* Style commun des header de couleur */
  padding: 10px;
  height: 80px;
}

.cssactif_pa_header p { /* Style du description dans les headers */
margin: 5px; /* Marge */
padding: 0; /* Padding */
color: #FFFFFF; /* Couleur du texte */
text-shadow: 1px 1px 1px #000000;  /* Ombre portée */
font-style: italic; /* Style italic */
opacity: 0.8; /* Opacity du texte */

}
.colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
.colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
.coldroite .cssactif_pa_header {background-color: #7fbf33;  } /* Colonne de droite, couleur du header */

/* Contenu des colonnes */

.new {
  margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
  padding: 5px; /* Padding */
  border-bottom: 1px solid #d9015d; /* Bordure du séparateur */
 
  text-align: justify; /* Alignement du texte */
}

.new em { /* Dates */
  color: #d9015d;  /* Couleur du texte */
  text-transform: uppercase; /* Transformation du texte en majuscule */
  font-style: normal; /* Enlève le italic par défaut de la balise em */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
}

.new em:after {
  content: " ►";  /* Ajoute la flèche après les dates */
}

.pers { /* Cadre des personnages */
 border: 1px solid #7fbf33;  /* Bordure des personnages */
 margin: 10px; /* marge externe */
 
 /* Arrondissement des bordures */
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


padding: 3px; /* Marge interne */
text-align: center; /* Alignement du texte */
}

.pers img { /* Image des personnages */
 float: left; /* Place à gauche du texte */
 width: 50px; /* Grandeur de l'image */
 height: 50px;    /* Grandeur de l'image */
 border: 3px solid #7fbf33; /* Bordure de l'image */
 
 /* Arrondissement des bordures */
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;   

/* Transformation */
 -moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform:  rotate(-12deg) translate(0px,-5px) ;
transform:  rotate(-12deg) translate(0px, -5px);
}

.pers:first-line { /* Première ligne:contient le nom du personnage */
 color: #7fbf33;/* Couleur du texte */
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
 text-transform: uppercase; /* Transformation du texte */
}
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMer 1 Juil - 18:16

Code:
<div class="titre1">
   stereo <span style="color: rgb(231, 209, 120);">hearts</span>
</div>
<div style="margin-top:-10px;">
   <a href="http://stereohearts.1fr1.net/t136-reglement">règlement</a> › <a href="http://stereohearts.1fr1.net/f10-la-partie-invites">invités</a> › <a href="http://stereohearts.1fr1.net/f2-scenarios">scénarios</a> › <a href="http://stereohearts.1fr1.net/t159-bottin-des-avatars">bottin</a> › <a href="http://stereohearts.1fr1.net/f15-partenariat">partenariat</a>
</div><br />
<table>
   <tbody>
      <tr>
         <td style="width: 350px;">
            <div style="text-align:justify;">
               <div class="titre2">
                  once upon <span style="color: rgb(231, 209, 120);">a time.</span>
               </div>
               Hillswood, Malte. C'est dans cette petite ville que vivent quotidiennement 1209 habitants. La ville n'est pas bien grande, ni très active. Les gens y sont gentils, mais il n'y a pas beaucoup d'évènements. Du moins, à première vue. Nous sommes le 10 juillet 2012, l'été commence à peine. Les jeunes ont rangé leurs cahiers et ont troqués leurs calculatrices contre des bikinis. Mais cet été à Hillswood ne sera pas comme tous les autres. Car c'est ici que, cet été et cet été seulement, se déroulera le plus grand festival de musique de toute l'Europe: The PopMonsters Show. <a href="http://stereohearts.1fr1.net/t135-contexte">(+ lire intégralement)</a>
            </div>
         </td>
         <td>
         </td>
         <td style="width: 350px;">
            <div style="text-align:justify;">
               <div style="text-align:right;" class="titre2">
                  breaking <span style="color: rgb(231, 209, 120);">news</span>
               </div><strong>03/07 ›</strong> Ouverture de Stereo Hearts. <strong>22/07 ›</strong> Mise en place du troisième design. b>22/07 › Un recensement <a class="postlink" href="http://stereohearts.1fr1.net/t307-premier-recensement?tid=2b921d3849e354e328f6d54cf749491f">ici</a>, et un topic commun <a class="postlink" href="http://stereohearts.1fr1.net/t309-premier-sujet-commun?tid=2b921d3849e354e328f6d54cf749491f">ici</a>. <strong>CRÉDITS ›</strong> Le forum est la propriété de Winter Night et HUNGRY EYES, respectivement fondatrice et administratrice. Le design est de HUNGRY EYES. Tout appartient au staff et toute reproduction est interdite. <strong>© STEREO HEARTS 2012.</strong>
               <div style="text-align:right;" class="titre2">
                  stereo hearts <span style="color: rgb(231, 209, 120);">& friends.</span>
               </div>
               <center>
                  <a href="http://stereohearts.1fr1.net/t168-demande-de-partenariat"><strong>DEVENIR NOTRE COPAIN</strong></a> + <a href="http://stereohearts.1fr1.net/t169-nos-partenaires"><strong>NOS POTES</strong></a><br />
                  <table>
                     <tbody>
                        <tr>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                           <td>
                              <a href="">
                              </a>
                              <div class="pote1">
                              </div><a href=""></a>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </center>
            </div>
         </td>
      </tr>
   </tbody>
</table><br /><a href="http://stereohearts.1fr1.net/u1"><img style="width: 60px;" src="http://l-userpic.livejournal.com/117281637/21933114" /></a> <a href="http://stereohearts.1fr1.net/u34"><img style="width: 60px;" src="http://i35.servimg.com/u/f35/14/95/36/09/250tsg10.png" /></a><br /><em><span style="font-size: 10px;"><em>Winter Night (Nadège) et HUNGRY EYES. (Aude),<br />fondatrice et administratrice.</em></span></em><br /><strong><a href="http://en.root-top.com/toplist/obsession27/in.php?ID=19215">- VOTEZ POUR SH -</a></strong>
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMer 15 Juil - 22:49

Code:
<pn>- me before you -</pn><br /><br />
<div style="width: 500px; text-align: justify; line-height: normal;">
                                                                                         Il suffit parfois d'un seul d'instant, d'un regard, d'un acte, d'un geste. Une parole. Un contact. Un regard qui en croise un autre. Une personne inconnue qui arrive là, droit devant vous, qui vous aborde, qui vous demande votre nom. Ou cette personne que vous connaissez depuis des années, dont vous savez tout, dont vous avez accepté le pire, qui rit à vos mauvaises blagues et qui vous connait mieux que vous-même, qui se dévoile sous un jour nouveau. (<a href="http://mebeforeyou.forumactif.org/t16-contexte">suite</a>)                                                               
</div><br /><br /><br /><span class="staff">                                                                                                                                                        </span>
<table style="width: 650px;">
                                                                                                                                                                                
   <tbody>
                                                                                                                                                                                   
      <tr>
                                                                                                                                                                        
         <td valign="top" style="width: 250px;">
                                                                                                                                                                                         
            <div align="justify">
                                                                                                                                                                                  
               <center>
                                                                                                  <hg>(<em>liens utiles</em>)</hg>                                                                               
               </center>
                                                                                                                                                                          
               <table>
                                                                                                                                                                     
                  <tbody>
                                                                                                                                                                        
                     <tr>
                                                                                                                                                                           
                        <td>
                                                                                                                                                                            
                           <center>
                                                                                                      <ti>règlement</ti><br /><ti>annuaire de liens</ti><br /><ti>scénarios</ti><br /><ti>questions</ti>                                                                     
                           </center>
                                                                                                                                                                          
                        </td>
                                                                                                                                                                           
                        <td style="border-left-color: black; border-left-width: 1px; border-left-style: dotted;">
                                                                                                                                                                              
                        </td>
                                                                                                                                                                           
                        <td>
                                                                                                                                                                            
                           <center>
                                                                                                      <ti>bottin des avatars</ti><br /><ti>modèle de présentation</ti>                                                                     
                           </center>
                                                                                                                                                                          
                        </td>
                                                                                                                                                                           
                     </tr>
                                                                                                                                                                        
                  </tbody>
                                                                                                                                                                     
               </table>
                                                                                                                                                                              
            </div>
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
         <td style="width: 20px;">
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
         <td valign="top" style="width: 250px;">
                                                                                                                                                                                         
            <div align="justify">
                                                                                                                                                                                
               <center>
                                                                                                <hg>(<em>rappel des règles</em>)</hg>                                                                                 
               </center>
                                                                                               uc                                                                                     
            </div>
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
         <td style="width: 20px;">
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
         <td valign="top" style="width: 250px;">
                                                                                                                                                                                                                                                   
            <center>
                                                                                               <hg>(<em>staff</em>)</hg>                                                                               
            </center>
                                                                            <span class="staff"> </span> 
            <center style="">
                        
            </center>
            
         </td>
                                                                                                                                                                                                                                                                                                                                                                                      
      </tr>
                                                                                                                                                                                   
   </tbody>
</table><br />
<table style="width: 650px;">
                                                                                                                                                                                
   <tbody>
                                                                                                                                                                                   
      <tr>
                                                                                                                                                                                      
         <td valign="top" style="width: 250px;">
                                                                                                                                                                                         
            <div align="justify" style="line-height: normal;">
                                                                                                                                                                                
               <center>
                                                                                                  <hg>(<em>mises à jour</em>)</hg>                                                                                 
               </center>
                                                 <it>00 mois:</it> event.                                                                                                                                                 
            </div>
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
         <td style="width: 20px;">
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
         <td valign="top" style="width: 250px;">
                                                                                                                                                                                         
            <div align="justify">
                                                                                                                                                                                
               <center>
                                                                                                  <hg>(<em>topics communs</em>)</hg>                                                                                 
               </center>
                                                                                               uc                                                                                 
            </div>
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
         <td style="width: 20px;">
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
         <td valign="top" style="width: 250px;">
                                                                                                                                                                                         
            <div align="justify">
                                                                                                                                                                                
               <center>
                                                                                                <hg>(<em>sujet bazzart</em>)</hg>                                                                               
               </center>
                                                                                                 uc                                                                                     
            </div>
                                                                                                                                                                                         
         </td>
                                                                                                                                                                                      
      </tr>
                                                                                                                                                                                   
   </tbody>
</table>
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:23

nouvelle page
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:23

s'il vous
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:23

plait
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:23

tant de
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:23

flood
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:23

pour rien
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:23

je vais
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:23

changer
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:24

d'avatar
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:24

are you
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:24

serious
Revenir en haut Aller en bas
https://winternight.1fr1.net
Dublín
this is pouring rain, this is paralyzed.
Dublín


Messages : 273
Date d'inscription : 19/04/2010

❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil EmptyMar 13 Déc - 11:24

combien de message
Revenir en haut Aller en bas
https://winternight.1fr1.net
Contenu sponsorisé





❝ page d'accueil Empty
MessageSujet: Re: ❝ page d'accueil   ❝ page d'accueil Empty

Revenir en haut Aller en bas
 
❝ page d'accueil
Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
somewhere only we know. :: Votre 1ère catégorie :: codes css/html-
Sauter vers: