Codes PPComplex

Voir le sujet précédent Voir le sujet suivant Aller en bas
avatar
ADMINGuardian Angel of Copper Harbor

♦ Date d'inscription : 07/04/2016

♦ Messages : 407

ONLY YOU
♦ Entourage:
♦ RP Availability:

Hibou signé Logan Knight le Dim 17 Juil - 14:01
CSS :

Code:
/*FORUM EN GENERAL*/
.cattitre {font:13px Times New Roman;
  margin-left:-15px;
text-align: center;
font-style: bold;
text-transform:uppercase;
margin-bottom: -8px;
margin-top: -8px;}
.bodyline { border-top:0px solid #fff;border-bottom:0px solid #fff; box-shadow: 0px 0px 7px white;border-left:7px solid #FAE2C7;
border-right:7px solid #FAE2C7;}
.forumline {-webkit-border-radius:5px; border-radius:5px; border-right:10px;border-left:10px; }
ul{list-style:none;}
a { text-decoration: none!important;color:#E39C48;font-size:10px;}
a:hover { text-decoration: none!important;color:#EDC491  ;cursor:default;}

a.mainmenu {font-family: Arial; margin-bottom: 15px;font-style:italic;margin-left: -10px;
  margin-top:-55px;color:#E39C48;  letter-spacing: -1px;text-transform: lowercase;font-size: 14px;font-weight: bold;}
a.mainmenu:hover {color:#EEAF62;}
.bodylinewidth { margin-top: -10px; margin-bottom: -30px;}
/* DERNIÈRE EDITION PAR...*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/*PROFIL*/

.vava { opacity: 0.8;background-color:#f5f4df;border:3px solid #F2E7D7; width: 200px;}
.vava:hover { opacity: 1;background-color:#C1D867;border:3px solid #FAE2C7;}
.pseudou a {line-height: 8px; font-family: Times;font-weight:bold;text-align:center;font-size:22px; letter-spacing: -2px; font-style:italic;cursor: default; text-transform:lowercase;}
.pseudou { line-height: 8px; font-family: Times;font-weight:bold;text-align:center;font-size:22px; letter-spacing: -2px; font-style:italic;cursor: default; text-transform:lowercase;}
.citron {padding:4px; background-color:#FFFDF7;display:block; font-size:10px; font-family:trebuchet MS;margin-bottom:-11px;line-height:12px;}
.profilentour {padding: 6px;margin-top:-5px;border: solid 1px #FFF8EF;text-align: justify;background-color:#F8EEE0;}
.rangtext{text-align: center; color: #DC9A6D; font-size: 8px;font-family:courier;line-height: 10px;border-bottom: 3px dotted #92C2BB;display:block;letter-spacing: 1px;margin-bottom:-10px;text-transform: uppercase ;}

.profilentour img {width:184px;!important; padding:1px;margin:auto; opacity:0.8;text-align:center;}
.profilentour img:hover {width:184px;!important; padding:1px;margin:auto; opacity:1;text-align:center;}




/*MEMBRE DU MOIS*/
.page1 {font-family:courier;font-size:10px; text-transform:uppercase;text-align:center;color:#92C2BB;}
.pseudopréso1 {font-family: Times;font-weight:bold; font-size:25px;letter-spacing: -3px;font-style:italic;text-align:center!important;text-transform:lowercase;line-height:13px;color:#E78E25;}

#timg img {width: 45px; height:45px; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg);}
#timg {margin-top:-3px;}
#timg img:hover {transform: rotate(370deg); -moz-transform: rotate(370deg); -webkit-transform: rotate(370deg); -o-transform: rotate(370deg);opacity:0.1}

/*PA* & QEEL*/
.patitre { margin-top: 2px;line-height: 14px;color: #E49435 !important;font-size: 37px;letter-spacing: -1px;text-transform: lowercase;text-decoration: none!important;font-family: 'Lobster',cursive;}
 .patitre:hover {color: #2FC8BB !important;-moz-transition: 2s;-o-transition: 2s;-htm-transition: 2s;-webkit-transition: 2s;}



.page {font-family:courier;font-size:10px; text-transform:uppercase;text-align:center;color:#92C2BB;}
.page a {font-family:courier;font-size:10px; text-transform:uppercase;text-align:center;color:#92C2BB;}
.page a:hover {color:#2FC8BB!important;}
.mistigri {text-align:center;color:#d76667;font-size:9px;margin-top:2px;letter-spacing:5px;text-transform:uppercase;font-family:courier;display:block;border-bottom:3px dotted #fff;}
.miam {text-align: justify; padding: 7px;background-color:#F8EEE0;border: solid 1px #EDD0B6;line-height: 11px;margin:auto;width:450px;}
.choco { background-color:#FCF8EF;padding:5px; border:1px solid #FFF8EC;}



t {color:#B38C66!important;}

.cadrequeel{
padding: 10px;
  border-radius:7px;
  -webkit-border-radius:7px;
background-color: #FEFCFA;
 border-top:#92C2BB solid 2px;
  border-bottom:#92C2BB solid 2px;
}



/* APPARENCE DES FORUMS ET CATEGORIES */
.lienPA {font-family:courier; font-size:10px;text-transform:uppercase;line-height:6px;margin-bottom: -5px;}
.catég { text-align:right; margin-right:20px;font-family:courier;text-transform:uppercase;font-size:13px;margin-bottom:-15px;}
.forumlink:hover {color: #2FC8BB !important;-moz-transition: &1;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.forumlink a:hover {color: #2FC8BB !important;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.forumlink {margin-top: 2px;line-height: 20px;color: #E78E25 !important;font-size: 27px;letter-spacing:-1px;margin-left: 55px;text-transform: lowercase;text-decoration: none!important;font-family: 'Lobster', cursive;padding-left: 8px; margin-bottom: 5px;}
.forumlink a{margin-top: 2px;line-height: 20px;color: #E78E25 !important;font-size: 27px;letter-spacing: -1px;margin-left: 55px;text-transform: lowercase;text-decoration: none!important;font-family: 'Lobster', cursive;padding-left: 8px; margin-bottom: 5px;}
  .essaie {background-color:#fcf3f8;border:1px solid #ebd3cb; }
am { color:#DA8388;}
am:hover {color:#987C75;}
.barney {padding: 6px;border:1px solid #F8EEE0; width: 445px;font-size: 9px;background-color:#F8EEE0;margin:auto;margin-top:-9px;height:80px;}
.barney:hover {border:1px solid #EDD0B6;}
.stinson { background-color: #FDFCF7; padding:3px;height:52px;text-align:justify; overflow:auto;}
.doot { border-bottom: 4px dotted #DCAF72;margin-top:2px;}

.liens { padding:2px;text-align:center;}
.liens a { padding:2px; font-family: courier new !important;font-size:11px;color:#E3AC62 !important;}
.fondliens {background-color: #FDFCF7;}
.liens a:hover {color:#EECC9D !important;}
.messujets {font-family: courier new;margin-right: 50px;margin-top: 0px; text-align:right;letter-spacing:4px;margin-top:-1px;color:#92C2BB !important;text-transform: uppercase;}

.imggg {filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;padding:2px;border: 1px solid #92C2BB;-moz-border-radius: 0px;}
.imggg:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;padding:2px;border: 1px solid #F0BB79;-moz-border-radius: 0px;}


.ps3udo { font-family:times; text-transform: uppercase;font-size:22px;line-height:12px;margin-bottom:-8px;letter-spacing:2px;color:#fbb65f;text-shadow: 1px 1px #fff;}



♒♒♒♒♒♒♒♒
Too many lies, too many barriers
Code by Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
ADMINGuardian Angel of Copper Harbor

♦ Date d'inscription : 07/04/2016

♦ Messages : 407

ONLY YOU
♦ Entourage:
♦ RP Availability:

Hibou signé Logan Knight le Dim 17 Juil - 14:02
PA

Code:
<center>
   <div style="margin-bottom: 6px;" class="patitre">
      <f>Welcome in</f> Provincetown.
   </div><span class="mistigri" style="border-bottom: dotted 5px #DCAF72; color: #EECC9D;">Deuxième étoile à droite et tout droit jusqu’au matin.</span>
   <center>
      <span class="page"> <a href="http://ppcomplex.forumgratuit.be/t21-reglement-fais-pas-ci-fais-pas-ca">Règlement</a> <t>▲</t> <a href="http://ppcomplex.forumgratuit.be/t23-groupes-quel-genre-d-adulte-es-tu">Groupes</a> <t>▲</t> <a href="http://ppcomplex.forumgratuit.be/t50-botin-vos-jolies-petites-bouilles">Bottin</a> <t>▲</t>  <a href="http://ppcomplex.forumgratuit.be/f9-reflexion-in-progress">Les scénarios</a> <t>▲</t> <a href="http://ppcomplex.forumgratuit.be/f7-hey-little-guest">Invités</a> <t>▲</t> <a href="http://ppcomplex.forumgratuit.be/t68-explications-scenarios-sur-mesure#304">Scénarios sur mesure</a> </span>
   </center>
   <table align="center">
      <tbody>
         <tr>
             
            <td>
               <div style="width: 200px; height: 210px;padding: 5px;" class="miam">
                  <div style="margin:auto;text-align:justify;width:100%">
                     <div class="choco" style="height: 165px; overflow:auto; background-color: #FFFDF7; border: 3px solid #FDFCF7; margin-bottom: -5px;">
                        La vie est un éternel paradoxe. Quand on est enfant, on aimerait tellement grandir plus vite. Chaque année gagnée est une victoire qu'il faut fêter dignement par un anniversaire. Un accomplissement à part entière. L'enfance, c'est le temps de l'impatience et de l'arrogance de l'innocence. Rien n'est jamais suffisant, tout reste à explorer et nos capacités ne sont pas encore assez développées que pour nous laisser voler de nos propres ailes. Cela nous frustre, et nous rend impatient. Quand pourrons-nous être enfin nos propre maîtres, faire ce qui nous plaît et ne répondre de nos actes devant personne ? Ce moment tant attendu semble si loin, comme s'il aimait particulièrement se faire attendre- désirer. 
                     </div>
                     
                  </div><br />   
                  <div class="choco" style="height: 10px;overflow:auto; background-color: #FFF8EF;">
                      <a class="page" href="http://ppcomplex.forumgratuit.be/t22-contexte-il-etait-une-fois"></a>
                     <center style="">
                        Lire la suite →
                     </center><a class="page" href="http://ppcomplex.forumgratuit.be/t22-contexte-il-etait-une-fois"></a>
                  </div>
               </div>
            </td>
            
            <td>
               <div style="width: 250px;height: 210px;padding: 5px;color: #da9852;font-size: 11px;font-family: Verdana !important; margin-left: 3px; background-color: #F7E5CD; border: solid 1px #F7E5CD;" class="miam">
                  <div class="miam" style="height: 110px;width: 230px;overflow:auto; background-color: #FFF8EF;border: solid 1px #FFF8EF;">
                     <iframe style="margin-top: -15px; width: 220px; height: 125px;" frameborder="no" scrolling="no" src="http://ppcomplex.forumgratuit.be/h5-staff-pa" name="">
                     </iframe>
                  </div>
                        <br />
                  <div style="width: 238px; text-align:justify; margin:auto;font-size: 9px;line-height: 8px; background-color: #FFFDF7; border: solid 4px #FDFCF7; color: #A1AB95; height: 67px; overflow: auto; margin-top: -3px;">
                     
                     <center>
                        <table style="margin-top:-1px;">
                           <tbody>
                              <tr>
                                 <td>
                                    <div id="timg">
                                       <img title="" style="margin-top: 7px; padding-right: 5px;" src="http://img4.hostingpics.net/pics/886850AndrewIc6.png" />
                                    </div>
                                 </td>
                                 
                                 <td align="center">
                                    <div style="height: 60px; width: 163px; overflow: auto;">
                                       <center>
                                          <div style="font-weight:normal;font-size:20px;letter-spacing:-1px; margin-top: 2px; margin-bottom: 5px;" class="pseudopréso1">
                                             Aaron N. <f>Hopkins</f>
                                          </div>
                                          
                                          <div style="font-style:normal; margin-top: 3px;" class="page1">
                                             ▲ élu membre du mois.
                                          </div>
                                          <div style="text-align: justify;">
                                              Aaron ou le sfifou des messages. Il poste, il poste et il reposte. Activité régulière et efficace, beaucoup de votes sur le top site pour nous aider, une grande motivation, un très bon niveau de Rp. Ce qu'il faut retenir, c'est qu'Aaron, il a toujours eu la classe, mais maintenant, c'est encore pire parce que c'est notre membre du mois et on le kiffe grave ! Un grand bravo à ce petit chou, aussi parfois appelé "brave bête" (elle va me haïr pour ça xD) pour être notre super membre du mois ! Merci à elle pour son activité et sa fidélité ♥ On t'aime ma grande ♥
                                          </div>
                                       </center>
                                    </div>
                                    
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </center>
                  </div>
               </div>
            </td>
            <td>
               
               <div style="width: 200px; height: 210px;padding: 5px;" class="miam">
                  <iframe style="margin-top: -13px; margin-left: -5px; padding-bottom: 10px; width: 210px; height: 135px;" frameborder="no" scrolling="no" src="http://ppcomplex.forumgratuit.be/h4-credits" name="">
                  </iframe>
                  <div style="margin:auto;text-align:justify;width:100%">
                     <div class="choco" style="height: 65px; overflow:auto; background-color: #FFF8EF;">
                        <center>
                           <img style="width: 87px;" class="ic" src="http://img4.hostingpics.net/pics/354441154.png" /> <img style="width: 87px;" class="ic" src="http://img4.hostingpics.net/pics/482818533.png" />
                        </center>
                        
                        <center>
                           <a class="page" href="http://ppcomplex.forumgratuit.be/t51-les-coupins-nos-partenaires">NOS PARTENAIRES</a> - <a class="page" href="http://ppcomplex.forumgratuit.be/t31-sois-mon-ami-demandes-de-partenariat">LE DEVENIR ?</a>
                           <form>
                              <select onchange="document.location=this.options[this.selectedIndex].value">
<option selected="">NOS TOP PARTENAIRES    </option>
      <option target="_blank" value="http://wheniwasachild.forumactif.org/">weakness syndrome</option>
 <option target="_blank" value="http://p-incantato.forumactif.com/">prior incantato</option>
<option target="_blank" value="http://morning-coffee.forumactif.com/">morning coffee</option>

</select>
                           </form>
                        </center>
                         
                     </div>
                     
                  </div><br />
               </div>
            </td>
            
         </tr>
      </tbody>
   </table>
</center>

♒♒♒♒♒♒♒♒
Too many lies, too many barriers
Code by Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
ADMINGuardian Angel of Copper Harbor

♦ Date d'inscription : 07/04/2016

♦ Messages : 407

ONLY YOU
♦ Entourage:
♦ RP Availability:

Hibou signé Logan Knight le Dim 17 Juil - 14:02
template page d'accueil (qeel)

Code:
{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
        <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
   
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
           
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="95%" valign="top" align="center" class="row1">
        <span class="genmed">{L_USERNAME}:</span>
        <input class="post" type="text" size="10" name="username"/>
        <span class="genmed">{L_PASSWORD}:</span>
        <input class="post" type="password" size="10" name="password"/>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
 <center><div class="cadrequeel"><center><div class="patitre" style="margin-bottom: 6px;">Qui se ballade <f>sur tppc?</f></div><font class="mistigri" style="border-bottom: dotted 5px #DCAF72; color: #EECC9D;">le pays imaginare, il n'existe pas de meilleur endroit!</font>
<table align="center"><tr>
 <td><div class="miam" style="width: 200px; height: 200px;padding: 5px;"><div style="height: 100px;overflow:auto; background-color: #FFFDF7;" class="choco">    
<span class="gensmall"><span id="delf">{TOTAL_USERS}{TOTAL_POSTS}
{NEWEST_USER}.<br><br>

    <center>{TOTAL_USERS_ONLINE}</center></div></span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Nous avons/,"Nous comptons parmi nous");</script>

        <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/membre enregistré/,"enfant perdu, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/membres enregistrés/,"enfants perdus, ");</script> <br>
    <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Nos membres ont posté un total de/,"ils ont commis");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/messages/,"bêtises");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,". Le dernier orphelin arrivé est");</script><br></br>
<br><br><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"enfant perdu");</script>
  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"enfants perdus");</script>
  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"fée");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"fées");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"pirate");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"pirates");</script></span><div style="margin:auto;text-align:justify;width:100%">
  <div style="height: 65px; overflow:auto; background-color: #FFFDF7; margin-top: -45px;" class="choco"><span class="gensmall">{LOGGED_IN_USER_LIST}</span></div></td>
  <td><div class="miam" style="width: 250px;height: 200px;padding: 5px;color: #da9852;font-size: 11px;font-family: Verdana !important; margin-left: 3px; background-color: #F7E5CD; border: solid 1px #F7E5CD;"><div style="height: 140px;width: 235px;overflow:auto; background-color: #FFF8EF;border: solid 1px #FFF8EF;" class="miam"><iframe name="" SRC="http://mycherryblossom.forumactif.com/h1-ongletsqeel" scrolling="no" height="145" width="235" FRAMEBORDER="no" style="margin-left: -5px; margin-top: -9px;"></iframe></div>
      <br><center><div style="color: #d76667; height: 20px;overflow:auto; background-color: #FFFDF7; width: 240px;" class="choco"> <font class="page"  style="color: #92C2BB;"><center>forum optimisé pour chrome & firefox. toute reproduction interdite</center></font></div></center></div></td>
        <td> <div class="miam" style="width: 200px; height: 200px;padding: 5px;"><div style="margin:auto;text-align:justify;width:100%"><div style="height: 190px; overflow:auto;"><table>{L_CONNECTED_MEMBERS}</table>
  </div> </div><br>
 </center></div></div>



</center></tr></table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}

{AUTO_DST}

♒♒♒♒♒♒♒♒
Too many lies, too many barriers
Code by Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
ADMINGuardian Angel of Copper Harbor

♦ Date d'inscription : 07/04/2016

♦ Messages : 407

ONLY YOU
♦ Entourage:
♦ RP Availability:

Hibou signé Logan Knight le Dim 17 Juil - 14:03
template affichage des catégories

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
          <!-- BEGIN inc --><td></td>
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">

      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            
               <br><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                          <div class="messujets">{catrow.forumrow.POSTS} MESSAGES DANS {catrow.forumrow.TOPICS} SUJETS</div>
            
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
      <td class="row3 over" align="center" valign="middle" height="50">
                 
                           <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="imggg"/><br>
                  <span class="gensmall"><div class="lastp">{catrow.forumrow.LAST_POST}</div></span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

♒♒♒♒♒♒♒♒
Too many lies, too many barriers
Code by Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
ADMINGuardian Angel of Copper Harbor

♦ Date d'inscription : 07/04/2016

♦ Messages : 407

ONLY YOU
♦ Entourage:
♦ RP Availability:

Hibou signé Logan Knight le Dim 17 Juil - 14:03
templace affichage d'un forum

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
        <!-- BEGIN switch_fb_likebtn -->
        <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
        </span>
        <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            |
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <br />
            <span class="postdetails poster-profile">
           
                                  <div class="vava">{postrow.displayed.POSTER_AVATAR}</div><br />
              <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div class="pseudou">« {postrow.displayed.POSTER_NAME} »</div><div class="profilentour"></span>
                                  <font class="rangtext"><center>{postrow.displayed.POSTER_RANK}</center></font><br>
                                 
            <!-- BEGIN profile_field -->
                                  <div class="citron"> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
                                    {postrow.displayed.POSTER_RPG}</div>
        </span><br />
        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    <div>{postrow.displayed.MESSAGE}</div>

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <br><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><br>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <br><td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

♒♒♒♒♒♒♒♒
Too many lies, too many barriers
Code by Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
ADMINGuardian Angel of Copper Harbor

♦ Date d'inscription : 07/04/2016

♦ Messages : 407

ONLY YOU
♦ Entourage:
♦ RP Availability:

Hibou signé Logan Knight le Dim 17 Juil - 14:05
Page HTLM : onglets staff en pa

Code:
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />    <title>Un système d'onglet en javascript</title>    <script type="text/javascript">
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        </script>    <style type="text/css">
a { text-decoration: none!important;}
a:hover { text-decoration: none!important;}


.iimg {
   filter:alpha(opacity=60);
background-color: #fbf9f4;
padding:1px;border: 1px solid #e5d7f2;
cursor: default;
   opacity: 0.7;-moz-opacity:0.7;
}
.rangprofil {font-family: courier new; letter-spacing:2px;margin-top:-3px;color:#7c6744;text-transform: uppercase;font-size:8px;word-spacing:-1px;line-height:9px;border-bottom: 2px dotted #f1cea4;}
.ic { background-color: #fff;opacity: 0.8;-webkit-box-shadow:0px 0px 4px #f6e7d7;box-shadow:0px 0px 4px #f6e7d7; }
.ic:hover { opacity: 1.0;}

.ic { background-color: #fff;opacity: 0.8;}
.ic:hover { opacity: 1.0;}


.page {font-family:courier;font-size:10px; text-transform:uppercase;text-align:center;color:#F0BB79;}
.page a {font-family:courier;font-size:12px; text-transform:uppercase;text-align:center;color:#F0BB79;}
.page:hover {color:#E78E25!important;}
.page a:hover {color:#E78E25!important;}
.pseudopréso {font-family: Times;font-weight:bold; font-size:30px;letter-spacing: -3px;font-style:italic;text-align:center!important;text-transform:lowercase;line-height:13px;color:#92C2BB;}

f {color:#BAD8D3;}
f:hover {color:#92C2BB;}

.pizza {font-family: helvetica; font-size:19px; letter-spacing: -2px;line-height: 10px;color: #e7618a;cursor: default;margin-top:-5px;font-weight:bold;}
.pizza:hover {color: #a8c763;cursor: default;text-decoration: none!important;}

.iimg:hover {
cursor: default;
   filter:alpha(opacity=100);
   opacity: 1;-moz-opacity:1;
}
#timg img {width: 65px; height:65px; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
#timg {margin-top:-3px;}
#timg img:hover {transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);opacity:0.1}
#dimg img {width: 47px; height: 47px; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
#dimg {margin-top:4px;}
#dimg img:hover {transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);opacity:0.1}

b {color: #b596a5;}

.bébé { letter-spacing: 4px; font-size: 6pt;text-transform:uppercase;font-family: courier new;color: #b1a685;line-height:5px;}
.bébé3 { letter-spacing: 0px;font-family: Arial;
      font-size: 11px;
      text-align:justify;}
.forumlink:hover {color: #DA8388 !important;letter-spacing: 3px;!important;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.forumlink { border-bottom: dotted 2px #E5C58E;
  line-height: 10px;color: #987C75 !important;font-weight:normal;
  margin-bottom: -5px;font-size: 14px;letter-spacing:2px;text-transform: uppercase;
  text-decoration: none!important;font-family: Times;padding-left: 8px;margin-bottom: -10px;}
am { color:#DA8388;}
am:hover {color:#987C75;}
.stinson {padding:3px; width:250px;text-align:justify;height: 83px; overflow:auto; margin-left: -6px;}


        .onglet
        {
      display:inline-block;
      margin-left:1px;
      margin-right:0px;
      padding:0px;
      margin-top : -5px;
      margin-bottom : 0px;
                cursor:pointer;
        }
        .onglet_0
        {
      text-shadow: #FFFFFF 1px 1px 1px;
      font-family: Times;
      font-size: 25px;
font-style: italic;
font-weight: bold;
      text-transform: lowercase;
      letter-spacing: -1px;
      text-align: center;
        }
        .onglet_1
        {
        text-shadow: #FFFFFF 1px 1px 1px;
      font-family: Times;
      font-size: 24px;
font-style: italic;
color: #beac73;
font-weight: bold;
      text-transform: lowercase;
      letter-spacing: -1px;
      text-align: center;
        }
        .contenu_onglet
        {
      font-family: Arial;
      font-size: 11px;
      text-align:justify;
      width: 220px;
      height: 89px;
      padding : 5px;
margin: auto;
      display:none;
overflow:none;
    }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
        </style>           
<div class="systeme_onglets">
          
   <div class="onglets">
      
      <center>
                     <span onclick="javascript:change_onglet('quoi');" id="onglet_quoi" class="onglet_0 onglet"><img title="Lou" style="margin:auto;" class="ic" src="http://img15.hostingpics.net/pics/292166likepeter.png" /></span>              <span onclick="javascript:change_onglet('pourquoi');" id="onglet_pourquoi" class="onglet_1 onglet"><img title="Oswin" style="margin:auto;" class="ic" src="http://img15.hostingpics.net/pics/295729likematt.png" /></span>  <span onclick="javascript:change_onglet('qui');" id="onglet_qui" class="onglet_0 onglet"><img title="Raphael" style="margin:auto;" class="ic" src="http://img15.hostingpics.net/pics/305111likejenna.png" /></span> <span onclick="javascript:change_onglet('héé');" id="onglet_héé" class="onglet_0 onglet"><img title="Scarlett" style="margin:auto;" class="ic" src="http://img15.hostingpics.net/pics/782928likewendy.png" /></span>
         <div class="contenu_onglets">
            
            <center>
                          
               <div id="contenu_onglet_quoi" class="contenu_onglet" style="display: none;">
                  <center>
                     <div class="stinson">
                        <table style="margin-top:-1px;">
                           <tbody>
                              <tr>
                                 <td align="center">
                                    <center>
                                       <div style="font-style:normal;" class="bébé">
                                          <br />.YESTERDAY  is
                                       </div>
                                       <div style="font-weight:normal;font-size:20px;letter-spacing:-1px;" class="pseudopréso">
                                          Eléonore "lou" <br /><f>Lannister</f><br /><br /><br /> <a class="page" href="/u5" target="_blank">▲ profil.</a><a class="page" href="/privmsg?mode=post&u=5" target="_blank">▲ mp.</a>
                                          <div style="font-style:normal;" class="bébé">
                                             administratrice
                                          </div>
                                       </div>
                                       
                                    </center>
                                 </td>
                                 <td>
                                    <div id="timg">
                                       <img title="DC. Léïa et Jane" style="margin-top: 0px;" src="http://24.media.tumblr.com/03789a38610abaf3ec44525066da8804/tumblr_mh8hvyQ4Kg1s4shmwo6_250.gif" />
                                    </div>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                  </center>
                  
               </div>
                                          
               <div id="contenu_onglet_pourquoi" class="contenu_onglet">
                  <center>
                     <div class="stinson">
                        
                        <table style="margin-top:-1px;">
                           <tbody>
                              <tr>
                                 <td align="center">
                                    <center>
                                       <div style="font-style:normal;" class="bébé">
                                          <br />.{MARY-W  is
                                       </div>
                                       <div style="font-weight:normal;font-size:20px;letter-spacing:-1px;" class="pseudopréso">
                                          Oswin EJ.<br /><f>Vance</f><br /><br /><br /> <a class="page" href="/u7" target="_blank">▲ profil.</a><a class="page" href="/privmsg?mode=post&u=7" target="_blank">▲ mp.</a>
                                          <div style="font-style:normal;" class="bébé">
                                             administratrice
                                          </div>
                                       </div>
                                       
                                    </center>
                                 </td>
                                 <td>
                                    <div id="timg">
                                       <img style="margin-top: 0px;" title="DC underco" src="http://illiweb.com/fa/pbucket.gif" />
                                    </div>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                  </center>
                  
               </div>
                            
               <div id="contenu_onglet_qui" class="contenu_onglet">
                  <center>
                     <div class="stinson">
                        
                        <table style="margin-top:-1px;">
                           <tbody>
                              <tr>
                                 <td align="center">
                                    <center>
                                       <div style="font-style:normal;" class="bébé">
                                          <br />Sweet Poison is
                                       </div>
                                       <div style="font-weight:normal;font-size:20px;letter-spacing:-1px;" class="pseudopréso">
                                          Raphael H.<br /><f> Bennett</f><br /><br /><br /> <a class="page" href="/u10" target="_blank">▲ profil.</a><a class="page" href="/privmsg?mode=post&u=10" target="_blank">▲ mp.</a>
                                          <div style="font-style:normal;" class="bébé">
                                             administratrice
                                          </div>
                                       </div>
                                       
                                    </center>
                                 </td>
                                 <td>
                                    <div id="timg">
                                       <img title="DC. Shae et Cersei" style="margin-top: 0px;" src="http://static.tumblr.com/ngzwshw/R7Hmaq4vx/tumblr_lphvzwrhqz1qc9zk5o1_500.gif" />
                                    </div>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                  </center>
               </div>
                        
               <div id="contenu_onglet_héé" class="contenu_onglet">
                  <center>
                     <div class="stinson">
                        
                        <table style="margin-top:-1px;">
                           <tbody>
                              <tr>
                                 <td align="center">
                                    <center>
                                       <div style="font-style:normal;" class="bébé">
                                          <br />RedSnow is
                                       </div>
                                       <div style="font-weight:normal;font-size:20px;letter-spacing:-1px;" class="pseudopréso">
                                          J. Scarlett R.<br /><f> Donaldson</f><br /><br /><br /> <a class="page" href="/u8" target="_blank">▲ profil.</a><a class="page" href="/privmsg?mode=post&u=8" target="_blank">▲ mp.</a>
                                          <div style="font-style:normal;" class="bébé">
                                             administratrice
                                          </div>
                                       </div>
                                       
                                    </center>
                                 </td>
                                 <td>
                                    <div id="timg">
                                       <img title="DC. Dylan" style="margin-top: 0px;" src="http://media.tumblr.com/0d91dde9bd34e5a8a426f31db8ba3591/tumblr_inline_mgjbyzurMk1rzlo3w.gif" />
                                    </div>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                  </center>
               </div>
                   <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script> 
            </center>
         </div>
      </center>
   </div>
</div>

♒♒♒♒♒♒♒♒
Too many lies, too many barriers
Code by Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
ADMINGuardian Angel of Copper Harbor

♦ Date d'inscription : 07/04/2016

♦ Messages : 407

ONLY YOU
♦ Entourage:
♦ RP Availability:

Hibou signé Logan Knight le Dim 17 Juil - 14:05
Page HML : onglets crédits / nouveautés pa :

Code:
      <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />    <title>Un système d'onglet en javascript</title>    <script type="text/javascript">
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        </script>    <style type="text/css">
a { text-decoration: none!important;color: #A5AF8F !important;}
a:hover { text-decoration: none!important;color: #84A2A5;}


@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

.iimg {
   filter:alpha(opacity=60);
background-color: #FCF8EF;
padding:1px;border: 1px solid #e5d7f2;
cursor: default;
   opacity: 0.7;-moz-opacity:0.7;
}
.page {font-family:courier;font-size:9px; text-transform:uppercase;text-align:center;color:#d76667; line-height: 9px;}

.rangprofil {font-family: courier new; letter-spacing:2px;margin-top:-3px;color:#7c6744;text-transform: uppercase;font-size:8px;word-spacing:-1px;line-height:9px;border-bottom: 2px dotted #f1cea4;}

.ic { background-color: #fff;opacity: 0.8;-webkit-border-radius:80px;border-radius:80px;-webkit-box-shadow:0px 0px 4px #f6e7d7;box-shadow:0px 0px 4px #f6e7d7;}
.ic:hover { opacity: 1.0;}

.ic { background-color: #fff;opacity: 0.8;}
.ic:hover { opacity: 1.0;}


.pseudopréso {font-family: 'Great Vibes', cursive; font-weight:lighter; font-size:28px;letter-spacing: -1px; text-align:center!important;text-transform:lowercase;line-height:13px;color:#A39DB0;}

f{color:#d8ac7d;}
f:hover{color:#A39DB0;}

.mistigri {text-align:center;color:#E78E25;font-size:9px;margin-top:2px;letter-spacing:5px;text-transform:uppercase;font-family:courier;display:block;border-bottom:3px dotted #fff;}
.miam {text-align: justify; padding: 7px;background-color:#FBF5EA;border:1px solid #F7ECDD;line-height: 11px;margin:auto;width:450px;}
.choco { background-color:#FDFCF7; border: solid 3px #FDFCF7;padding:5px; }


.pizza {font-family: helvetica; font-size:19px; letter-spacing: -2px;line-height: 10px;color: #e7618a;cursor: default;margin-top:-5px;font-weight:bold;}
.pizza:hover {color: #a8c763;cursor: default;text-decoration: none!important;}

.iimg:hover {
cursor: default;
   filter:alpha(opacity=100);
   opacity: 1;-moz-opacity:1;
}

b {color: #F0BB79;}

.bébé { letter-spacing: 4px; font-size: 6pt;text-transform:uppercase;font-family: courier new;color: #b1a685;line-height: 7px;}
.forumlink:hover {color: #fd8646 !important;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.forumlink {line-height: 20px;color: #fd9d4e !important;font-weight:bold;font-size: 20px;font-style:italic;letter-spacing:-3px;text-transform: lowercase;text-decoration: none!important;font-family: arial;padding-left: 8px;}


        .onglet
        {
      display:inline-block;
      margin-left:1px;
      margin-right:0px;
      padding:0px;
      margin-top : -40px;
      margin-bottom : 3px;
                cursor:pointer;
        }
        .onglet_0
        {font-family:courier;font-size:10px; text-transform:uppercase;text-align:center;color:#d76667;
      text-shadow: #FFFFFF 1px 1px 1px;
      text-align: center;
        }
        .onglet_1
        {
        font-family:courier;font-size:10px; text-transform:uppercase;text-align:center;color:#d76667;
      text-align: center;
        }
        .contenu_onglet
        {
      font-family: Arial;
      font-size: 11px;
      text-align:justify;
      width: 190px;
      height: 97px;
      padding : 6px;
margin: auto;
      display:none;
overflow:none;
      }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
        </style>                                 
<div class="contenu_onglets">
   <center>
                 
      <div id="contenu_onglet_quoi" class="contenu_onglet">
         <div class="choco" style="height: 65px;overflow:auto; background-color: #FFFDF7;">
              <span class="mistigri" style="border-bottom: dotted 1px #E78E25;"> à savoir</span><br /><strong>09.03.2013</strong> ◊ v2 du forum par witty storm.<br /><strong>09.02.2013</strong> ◊ tppc ouvre ses portes.<br /><strong>02.02.2013</strong> ◊ Premier design par Sweet Poison <br /><strong>31.01.13</strong> ◊ création du forum.<br />
         </div>
      </div>
   </center>
</div>
                             
<div id="contenu_onglet_pourquoi" class="contenu_onglet">
   <div class="choco" style="height: 65px;overflow:auto; background-color: #FFFDF7;">
        <span class="mistigri" style="border-bottom: dotted 1px #D6A387;">PROVINCETOWN</span><br /><strong>∞ mois actuel :</strong> mars 2013<br /><strong>∞ intrigue :</strong> inscriptions à la première intrigue <a href="http://ppcomplex.forumgratuit.be/t299-inscriptions-coming-soon-la-premiere-intrigue" target="_blank">par ici.</a><br /><strong>∞ nouveautés :</strong> système de points? <a href="http://ppcomplex.forumgratuit.be/t300-les-points-lea-monnaie-de-ppc" target="_blank">Par là!</a> <br />
   </div>
</div>
       
<div id="contenu_onglet_heiin" class="contenu_onglet">
   <div class="choco" style="height: 65px;overflow:auto; background-color: #FFFDF7;">
        <span class="mistigri" style="border-bottom: dotted 1px #D6A387;"> disclaimer</span><br /><strong>© TPPC</strong> est l'entière propriété de  ses administratrices. Toute reproduction totale ou partielle est, par conséquent, interdite. Le contexte à été écrit par .YESTERDAY et le design créé par Witty Storm. Le css est la propriété de Witty Storm et .YESTERDAY.<br />
   </div>
</div>
                 
<div class="systeme_onglets">
          
   <div class="onglets">
       
      <center>
                     <span onclick="javascript:change_onglet('quoi');" id="onglet_quoi" class="onglet_0 onglet"></span>
         <div class="choco" style="color: rgb(215, 102, 103); height: 18px; overflow: auto; background-color: rgb(255, 253, 247); width: 48px; border: 0px solid rgb(253, 252, 247);">
             <span class="page" style="color: #E78E25;"></span>
            <center style="color: rgb(231, 142, 37);">
               Latest News
            </center><span class="page" style="color: #E78E25;"></span>
         </div><span onclick="javascript:change_onglet('quoi');" id="onglet_quoi" class="onglet_0 onglet"></span>              <span onclick="javascript:change_onglet('pourquoi');" id="onglet_pourquoi" class="onglet_0 onglet"></span>
         <div class="choco" style="color: rgb(215, 102, 103); height: 18px; overflow: auto; background-color: rgb(255, 253, 247); width: 48px; border: 0px solid rgb(253, 252, 247);">
             <span class="page" style="color: #2FC8BB;"></span>
            <center style="color: rgb(47, 200, 187);">
               what's up in here
            </center><span class="page" style="color: #2FC8BB;"></span>
         </div><span onclick="javascript:change_onglet('pourquoi');" id="onglet_pourquoi" class="onglet_0 onglet"></span>  <span onclick="javascript:change_onglet('heiin');" id="onglet_heiin" class="onglet_0 onglet"></span>
         <div class="choco" style="color: rgb(215, 102, 103); height: 18px; overflow: auto; background-color: rgb(255, 253, 247); width: 48px; border: 0px solid rgb(253, 252, 247);">
             <span class="page" style="color: #E78E25;"></span>
            <center style="color: rgb(231, 142, 37);">
               Copyright ©
            </center><span class="page" style="color: #E78E25;"></span>
         </div><span onclick="javascript:change_onglet('heiin');" id="onglet_heiin" class="onglet_0 onglet"></span>
      </center>
                     
   </div>
              
</div>
          <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script> 

♒♒♒♒♒♒♒♒
Too many lies, too many barriers
Code by Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
ADMINGuardian Angel of Copper Harbor

♦ Date d'inscription : 07/04/2016

♦ Messages : 407

ONLY YOU
♦ Entourage:
♦ RP Availability:

Hibou signé Logan Knight le Dim 17 Juil - 14:07
Page HTML - onglets qeel (groupes)

Code:
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />    <title>Un système d'onglet en javascript</title>    <script type="text/javascript">
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        </script>    <style type="text/css">
a { text-decoration: none!important;}
a:hover { text-decoration: none!important;}


.iimg {
   filter:alpha(opacity=60);
background-color: #fbf9f4;
padding:1px;border: 1px solid #e5d7f2;
cursor: default;
   opacity: 0.7;-moz-opacity:0.7;
}
.rangprofil {font-family: courier new; letter-spacing:2px;margin-top:-3px;color:#7c6744;text-transform: uppercase;font-size:8px;word-spacing:-1px;line-height:9px;border-bottom: 2px dotted #f1cea4;}
.ic { background-color: #fff;opacity: 0.8;-webkit-box-shadow:0px 0px 4px #f6e7d7;box-shadow:0px 0px 4px #f6e7d7; width: 40px; height: 10 px;}
.ic:hover { opacity: 1.0;}

.ic { background-color: #fff;opacity: 0.8;}
.ic:hover { opacity: 1.0;}


.page {font-family:courier;font-size:10px; text-transform:uppercase;text-align:center;color:#D8AC7D;}
.page a {font-family:courier;font-size:12px; text-transform:uppercase;text-align:center;color:#D8AC7D;}
.page a:hover {color:#FFB29E!important;}
.pseudopréso {font-family: Times;font-weight:bold; font-size:30px;letter-spacing: -3px;font-style:italic;text-align:center!important;text-transform:lowercase;line-height:13px;color:#E45C6A;}

f {color:#F1A5AC;}
f:hover {color:#E45C6A;}

.pizza {font-family: helvetica; font-size:19px; letter-spacing: -2px;line-height: 10px;color: #e7618a;cursor: default;margin-top:-5px;font-weight:bold;}
.pizza:hover {color: #a8c763;cursor: default;text-decoration: none!important;}

.iimg:hover {
cursor: default;
   filter:alpha(opacity=100);
   opacity: 1;-moz-opacity:1;
}
#timg img {width: 65px; height:65px; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
#timg {margin-top:-3px;}
#timg img:hover {transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);opacity:0.1}
#dimg img {width: 47px; height: 47px; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
#dimg {margin-top:4px;}
#dimg img:hover {transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);opacity:0.1}

b {color: #b596a5;}

.bébé { letter-spacing: 4px; font-size: 6pt;text-transform:uppercase;font-family: courier new;color: #b1a685;line-height:5px;}
.bébé3 { letter-spacing: 0px;font-family: Arial;
      font-size: 11px;
      text-align:justify;}
.forumlink:hover {color: #DA8388 !important;letter-spacing: 3px;!important;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.forumlink { border-bottom: dotted 2px #E5C58E;
  line-height: 10px;color: #987C75 !important;font-weight:normal;
  margin-bottom: -5px;font-size: 14px;letter-spacing:2px;text-transform: uppercase;
  text-decoration: none!important;font-family: Times;padding-left: 8px;margin-bottom: -10px;}
am { color:#DA8388;}
am:hover {color:#987C75;}
.stinson { padding:3px; width:215px;text-align:justify;height: 100px; overflow:auto; margin-left: -6px;}


        .onglet
        {
      display:inline-block;
      margin-left:2px;
      margin-right:0px;
      padding:0px;
      margin-top : -5px;
      margin-bottom : 0px;
                cursor:pointer;
        }
        .onglet_0
        {
      text-shadow: #FFFFFF 1px 1px 1px;
      font-family: Times;
      font-size: 25px;
font-style: italic;
font-weight: bold;
      text-transform: lowercase;
      letter-spacing: -1px;
      text-align: center;
        }
        .onglet_1
        {
        text-shadow: #FFFFFF 1px 1px 1px;
      font-family: Times;
      font-size: 24px;
font-style: italic;
color: #beac73;
font-weight: bold;
      text-transform: lowercase;
      letter-spacing: -1px;
      text-align: center;
        }
        .contenu_onglet
        {
      font-family: Arial;
      font-size: 11px;
      text-align:justify;
      width: 220px;
      height: 89px;
      padding : 5px;
margin: auto;
      display:none;
overflow:none;
    }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
        </style>           
<div class="systeme_onglets">
          
   <div class="onglets">
      
      <center>
                     <span onclick="javascript:change_onglet('quoi');" id="onglet_quoi" class="onglet_0 onglet"><img style="margin:auto;" class="ic" src="http://img15.hostingpics.net/pics/292166likepeter.png" /></span>              <span onclick="javascript:change_onglet('pourquoi');" id="onglet_pourquoi" class="onglet_1 onglet"><img style="margin:auto;" class="ic" src="http://img15.hostingpics.net/pics/782928likewendy.png" /></span>  <span onclick="javascript:change_onglet('qui');" id="onglet_qui" class="onglet_0 onglet"><img style="margin:auto;" class="ic" src="http://img15.hostingpics.net/pics/305111likejenna.png" /></span> <span onclick="javascript:change_onglet('who');" id="onglet_who" class="onglet_0 onglet"><img style="margin:auto;" class="ic" src="http://img15.hostingpics.net/pics/295729likematt.png" /></span>
         <div class="contenu_onglets">
            
         </div>
      </center>
                 
      <div id="contenu_onglet_quoi" class="contenu_onglet" style="display: none;">
         <center>
            <div class="stinson">
               <div style="font-weight:normal;font-size:20px;letter-spacing:-1px;" class="pseudopréso">
                  like <f> peter</f>
               </div>
               Insouciance, innocence, zéro responsabilité, zéro conséquence. C'est exactement ce que ces gens là adorent dans l'enfance. Ils refusent de grandir, de passer dans cet âge qu'on dit ''adulte'', ils veulent rester à jamais des enfants qu'un rien peut émerveiller, émouvoir, enchanter. Et ne vous fiez pas aux apparences, ce n'est pas parce que quelqu'un porte un costume hors de prix, qu'il n'est pas un vrai gamin dans sa tête. Pour eux, le pays imaginaire, c'est le paradis, un monde merveilleux où ils n'ont pas à se soucier d'avoir sans cesse des gens qui leur rappellent qu'ils ont passé l'âge, que maintenant, ils doivent grandir une bonne fois pour toute. Parce que tel Peter Pan, ces gens-là ne veulent surtout pas grandir.
            </div>
         </center>
         
      </div>
                                 
      <div id="contenu_onglet_pourquoi" class="contenu_onglet">
         <center>
            <div class="stinson">
               
               <div style="font-weight:normal;font-size:20px;letter-spacing:-1px;" class="pseudopréso">
                  like <f> wendy</f>
               </div>
               Eux ne nient pas que ce serait franchement agréable de pouvoir rester un enfant toute sa vie. Ils repensent d'ailleurs assez souvent, avec nostalgie, à cette époque où tout était plus simple. Seulement, ils sont beaucoup plus réalistes et ils savent que grandir fait partit du processus de la vie. Dans le fond, refuser de grandir, pour eux, c'est comme refuser de vivre, d'avancer, d'évoluer. Pourtant, ils n'est pas si difficile de les faire lâcher prise pour qu'ils retombent, l'espace de quelques heures, dans le monde merveilleux de l'enfance, mais toujours ils retourneront à leur vie pleine de responsabilités, parce que c'est ainsi que cela doit se passer. Pourtant, comme Wendy, ils avoueraient facilement croire aux fées si cela veut dire en sauver une.
            </div>
         </center>
         
      </div>
                   
      <div id="contenu_onglet_qui" class="contenu_onglet">
         <center>
            <div class="stinson">
               <div style="font-weight:normal;font-size:20px;letter-spacing:-1px;" class="pseudopréso">
                  like <f> jenna</f>
               </div>
               Là, nous retrouvons deux types de personnes. D'abord, ces jeunes qui rêvent tant d'être enfin adulte, de passer leur permis, de ne plus avoir à obéir à leurs parents, en d'autres termes, ceux qui rêvent de liberté. Et ils se fichent de vos beaux discours sur le fait qu'ils vivent les meilleures années de leur vie, eux, tout ce qu'ils veulent, c'est être enfin adulte. Enfin, il y a ceux qui sont enfin devenus adultes après de longues années d'attentes et qui adorent ça. Qu'importe la vie qu'ils ont aujourd'hui, ils sont tout à fait heureux dans celle-ci et pour rien au monde ils ne reviendraient en arrière. Qu'ils aient réussit leur vie ou non, l'âge adulte leur sied bien. Comme Jenna, certains regretterons un jour d'avoir été si pressé de grandir, mais pour les autres, la vie adulte, c'est le pied, attention quand même aux rides qui commencent à apparaître.
            </div>
         </center>
      </div>
      <div id="contenu_onglet_who" class="contenu_onglet">
         <center>
            <div class="stinson">
               
               <div style="font-weight:normal;font-size:20px;letter-spacing:-1px;" class="pseudopréso">
                  like <f>matt</f>
               </div>
               Eux, ils prennent la vie comme elle vient. Qu'ils aient 10, 20, 30 ou 40 ans, pour eux c'est exactement la même chose. Ils vivent leurs vies sans trop penser à l'étape suivante, elle viendra quand elle viendra, ce n'est pas ce qui compte le plus pour eux. Eux, vous pouvez être sûr qu'ils ne brûlent pas les étapes, ils les laissent juste arriver quand elles arrivent. Loin d'être forcément des losers, ils ont une philosophie de la vie qui s'approche souvent du célèbre Carpe Diem. Ceux là, lorsqu'ils mourront, auront certainement assez peu de regrets. A l'image de Matt, ils ont parfois subit les moqueries des autres, mais ils ont réussit à s'en sortir, en se disant qu'un jour ça irait mieux, mais qu'en attendant, il fallait profiter du moindre moment de bonheur.
            </div>
         </center>
      </div>
      
   </div>
                 <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script> 
</div>

♒♒♒♒♒♒♒♒
Too many lies, too many barriers
Code by Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé


Hibou signé Contenu sponsorisé le
Revenir en haut Aller en bas

Codes PPComplex

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Codes en libre service ✖ aka J'ai que ça à faire [FERMÉ]
» Codes pour embellir vos RP
» Bonus : Les Codes HTML
» Codes pour les jeux français de Pokémon Donjon Mystère : Les Portes de l'Infini
» AIDE AUX CODES ✗ profil, embellir les rps, etc...

forum test :: APPARENCE & CODAGE-