un forum de teste
 
AccueilAccueil  PortailPortail  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -40%
-40% sur le Pack Gaming Mario PDP Manette filaire + ...
Voir le deal
29.99 €

 :: Nos amis :: Votre 1er forum Voir le sujet précédent Voir le sujet suivant Aller en bas

Le mannequin cosplayeuse.

Admin
Admin
admin
Messages : 64
Date d'inscription : 14/07/2013
Dim 20 Juin - 17:55
Admin
Code:
<div class="template-linus-9 tli-col-left rainbow7"><!-- ajouter un rainbow ici pour des couleurs alternatives
--><div class="tli-margin"><!--

/*** début du bloc entête ***/
--><div class="tli-header"><!--
--><div class="tli-avatar"><!--
--><img src="https://epicode.strandhogg.fr/placeholders/23.jpg" alt="avatar2"/><!-- vous pouvez ajouter plus d'une image avec un copié/collé de cette ligne
--></div><!--
--><h2>dit jean-patoche la pantoufle</h2><!--
--><div class="tli-fields"><!--
--><span>nom</span> Nagata.<br/><!--
--><span>prénom</span>Okazaki Hakuryū.<br/><!--
--><span>âge</span> 20 ans<br/><!--
--><span>feat</span>Kuwayama Chiyuki The iDOLM@STER: Shiny Colors<br/><!--
--><span>sexe</span> Féminin.<br/><!--
--><span>nationalité</span> Française. Il aime les baguettes et le saucisson.<br/><!--
--><span>métier</span> mannequin de cosplay.<br/><!--
--><span>groupe</span>Humaine<br/><!--
--></div><!--
--></div><!--
/*** fin du bloc entête ***/

/*** début du bloc corps de texte ***/
--><div class="tli-body"><!--

/*** début du bloc caractère ***/
--><span class="tli-onglet-marqueur" id="caractere"></span><!--
--><a href="#caractere" class="tli-onglet"><!--
--><img src="https://epicode.strandhogg.fr/placeholders/25.jpg" alt="avatar1"/><!-- illustration facultative (vous pouvez la supprimer)
-->caractère<!--
--></a><!--
--><div class="tli-rtl tli-onglet-hidden"><!--
-->Okazaki est une jeune femme pleine de finesse, on dirait une magnifique rose qui n'attend qu'à s'épanouir pour révéler ce qu'elle est vraiment, belle de nature généreuse, celle-ci a développer un amour inconditionnel des animaux.

Notre jeune femme est quelqu'un de gentil, d'attachante ayant un petit caractère, elle aime les bonnes choses comme par exemple le sexe, ou une bonne tarte aux pommes. Elle est du genre simple et n'aime pas quand il y a des chichis ou autres.

Elle adore dessiner et tout ce qui est technologie, comme des tablettes ou même des ordinateurs, elle préfère avoir un téléphone dernier cri pouvant s'amuser à envoyer des photos avec des dessins dessus, ayant toujours une tablette avec elle quand elle sort dehors, la demoiselle pourrait y passer la journée quand elle n'a rien d'autre à faire.

Son délire, c'est de se costumer de différentes manières infirmière ou en guerrier. Elle porte souvent des affaires sexy, étant son métier, elle adore pouvoir changer de tenue assez souvent, elle ne passe pas tout son temps à se maquiller, mais être belle pour son propre plaisir.

Elle aime séduire et s'amuser avec un homme prenant un max de plaisir tout en donnant aussi, sans non plus être quelqu'un qui couche à chaque fois. Elle respecte beaucoup ses aînés et les personnes avec qui elle travaille.

Juste et autoritaire, car il faut bien l'être quand on est dans le mannequinat. Elle ne passe pas quatre chemins quand elle veut vous dire un truc elle le dit cache. Elle aime aussi courir dans un parc avec de la musique dans les oreilles.<!--
--></div><!--
/*** fin du bloc caractère ***/

/*** début du bloc physique ***/
--><span class="tli-onglet-marqueur" id="physique"></span><!--
--><a href="#physique" class="tli-onglet"><!--
--><img src="https://epicode.strandhogg.fr/placeholders/26.jpg" alt="avatar1"/><!-- illustration facultative (vous pouvez la supprimer)
-->physique<!--
--></a><!--
--><div class="tli-rtl tli-onglet-hidden"><!--
-->La jeune femme est chatain aux yeux vert, il lui arrive de mettre des lentilles bleues ou d'une autre couleur. Ses cheveux sont longs et qu'elle attache souvent en couette, cela fait une cascade chatain aux pointes plus claires, qui descendent jusqu'au milieu du dos. Elle est grande et fine de taille normale ni trop grande ni trop petite. Sa poitrine est généreuse, attirant tous les regards avec son corps.

Elle a un visage doux avec des tains fins et bien dessinés. Elle peut s'habiller en kimono qui pourrait faire penser, qu'elle soit une prêtresse, mais cela n'est qu'une ruse, il y a du blanc, du violet et du rose pour sa cape, quand elle est chez elle toute seule, des fois elle se balade à moitié à poil dans son appartement.

Elle est quand même un peu pudique, mais sans avoir peur de se mettre nue devant un homme s'il lui plaît ou si elle a envie. Un peu muscler faisant un peu de sport. Portant n'importe quel vêtement, même des pantalons, shorts, jupe et robe.

Elle s'habille de temps en temps avec des oreilles et une queue-de-renard, ainsi que d'autres costume du même genre, elle adore être sexy quand elle sort pour faire la fête ou bien pour s'amuser à voir comment les gens la regardent, toujours avec un magnifique décolleté même pour les cours donnant des envies à certaines personnes.

Okazaki porte des lunettes pour lire, écrire ou même allée sur le Pc et autres instrument technologique, elle ne cache pas qu'elle a des yeux qui sont fragiles ainsi que myope donc cela peut lui arriver de mettre des lentilles pour ses shooting photo sinon elle ne verrait plus rien.<!--
--></div><!--
/*** fin du bloc physique ***/

/*** début du bloc histoire ***/
--><span class="tli-onglet-marqueur tli-default-opened" id="histoire"></span><!--
--><a href="#histoire" class="tli-onglet"><!--
--><img src="https://epicode.strandhogg.fr/placeholders/24.jpg" alt="avatar1"/><!-- illustration facultative (vous pouvez la supprimer)
-->histoire<!--
--></a><!--
--><div class="tli-rtl tli-onglet-hidden"><!--
-->Il est tombé dedans quand il était petit. Dedans quoi, vous allez me d'mander ? La musique, d'ailleurs lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim ...<!--
--></div><!--
/*** fin du bloc histoire ***/

/*** début du bloc citation ***/
--><div class="tli-quote"><!--
-->et je chante chanteuh chanteuh ce refrain qui me plaît, et je tape tape tape sur mon clavier. // jean-patoche bruelle.<!--
--></div><!--
/*** fin du bloc citation ***/
--></div><!--
/*** fin du bloc corps de texte ***/

--><div class="tli-credits">:copyright:linus pour <a href="http://epicode.variousforum.com/" target="_blank">Epicode</a></div><!--
--></div><!--
--></div><link type="text/css" rel="stylesheet" href="https://epicode.strandhogg.fr/css/9.css"/>
Revenir en haut Aller en bas
Admin
Admin
admin
Messages : 64
Date d'inscription : 14/07/2013
Lun 29 Nov - 20:20
Admin
Code:
{JAVASCRIPT}

<link href='https://fonts.googleapis.com/css?family=BenchNine|Voltaire' rel='stylesheet' type='text/css' />
<!-- 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">
 <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle" align="right">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->
</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></span>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
 <!-- END switch_delete_cookies -->
 </td>
 <td width="50%" align="right">
 <span class="gensmall">
 <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
 <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
 <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
 <!-- BEGIN switch_on_index -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{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">
 <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<div class="qeel">
<h1>Qui est en ligne ?</h1>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     <tr>
        <td>
   <h2>Nos statistiques</h2>
   <div class="bloc">
           <span class="gensmall">{TOTAL_POSTS}<br /><br />
 {TOTAL_USERS}<br /><br />
                {NEWEST_USER}<br /><br />
 {RECORD_USERS}</span>
   </div>
        </td>
        <td>
   <h2>Nos membres</h2>
 <div class="bloc">
           <span class="gensmall">{LOGGED_IN_USER_LIST}<br />
                {TOTAL_USERS_ONLINE}<br /><br /></span>
           <table class="membresco24">{L_CONNECTED_MEMBERS}</table>
   </div>
        </td>
        <td>
   <h2>Les anniversaires</h2>
   <div class="bloc">
          <table>{L_WHOSBIRTHDAY_TODAY}<br />
                 {L_WHOSBIRTHDAY_WEEK}</table>
   </div>
        </td></tr>
        <tr><td colspan="3">
           <h2>Légende des groupes</h2>
           <div class="legend"><span class="gensmall"> {GROUP_LEGEND}</span></div>
        </td></tr>
  </table>
  <div class="credit">Réalisé par Cheshire Cat sur <a href="http://epicode.bbactif.com">Epicode</a></div></div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<div class="staggered-partners">
    <a href="https://omegaverse-project.forumactif.com/" title="Omegaverse Project" class="partner-link" target="_blank"><img src="https://zupimages.net/up/21/35/8apr.png" alt="Omegaverse Project" /></a>
    <a href="https://feelingonline.forumactif.com/" title="Feeling online" class="partner-link" target="_blank"><img src="https://www.zupimages.net/up/17/47/s08p.png" alt="Feeling online" /></a>
   <a href="http://oso-version1-2.forumactif.org/" title="Other Side Online" class="partner-link" target="_blank"><img src="https://i.servimg.com/u/f31/13/98/50/36/oso-8810.jpg" alt="Other Side Online" /></a>
   <a href="http://yuriacademia.1fr1.net/" title="Yuri-Academia" class="partner-link" target="_blank"><img src="https://i.servimg.com/u/f11/19/55/60/79/88x3111.jpg" alt="Yuri-Academia" /></a>
   <a href="https://omegarebirth.forumactif.com/" title="Omega Rebirth" class="partner-link" target="_blank"><img src="https://i.imgur.com/CeazJQn.png" alt="Omega Rebirth" /></a>
   <a href="https://hybrideindustry.forumactif.com/" title="Hybride Industry" class="partner-link" target="_blank"><img src="https://zupimages.net/up/21/07/ente.png" alt="Hybride Industry" /></a>
  
  <div class="credits-partners"><a href="http://www.never-utopia.com/" title="Bloc partenaire venant de Never Utopia">Never Utopia ♥</a></div>
</div>
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td> &nbsp;</td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
 <iframe seamless="seamless" frameborder="0" style="display: block; margin: auto; width: 250px; height: 500px; position: fixed; top: 30px; right: 0; z-index: 999" src="https://nigatacity.forumsactifs.com/h4-widget"></iframe>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table border="0" cellspacing="0" cellpadding="0">
        <tr class="titre">
            <td>{SITENAME}</td>
        </tr>
                    <tr class="message">
                          <td>{LOGIN_POPUP_MSG}</td>
                        </tr>
        <tr class="boutons">
            <td>
              <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
              </form>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->
   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

Revenir en haut Aller en bas
Admin
Admin
admin
Messages : 64
Date d'inscription : 14/07/2013
Lun 29 Nov - 20:20
Admin
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <!-- END header_table -->
   <!-- BEGIN header_row -->
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr><td>
      <!-- BEGIN single_selection -->
      <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
      <!-- END single_selection -->
      <fieldset class="SBJ"><legend class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></legend><div class="tleSBJ">{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br/><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div><div class="boxSBJ"><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div></fieldset>
      <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></td></tr>
    <!-- BEGIN multi_selection -->
<tr><td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td></tr>
   <!-- END multi_selection -->
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td></tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->






/* page d'acceuil Hanyo Yurikin en Ls pour Epicode*/
/* ne pas toucher au crédit*/
.contenuPA{  
width:800px;
display:flex;
flex-wrap: wrap;  
justify-content: center;
background: #ffffff;
margin-top: -2px;
margin-bottom: 10px;
padding-top: 12px;
padding-bottom: 16px;
}

.contenuPA img{
width:766px;
height: 170px;
object-fit: cover;

}

.titre_pa_forum{
position:absolute;
color:#fff;
width:500px;  
border: 1px solid #fff;
padding:10px;
font-size:30px;
margin-top:50px;
text-shadow: 0 0 4px #111;
font-family: 'Arapey', serif;
text-transform:uppercase;  
display:block;}

.boxContexte{
background-color:#fff;
height: 230px;
margin: 10px 2px;
padding: 4px;
width: 324px;
}

.boxContexte p{
color:#333;
font-family: arial;
font-size: 11px;
line-height: 100%;
text-align: justify;
height: 100px;
overflow: auto;
box-sizing: border-box;
scrollbar-color:#0006 #0003;
scrollbar-width: thin;
padding: 4px;}

/* Pour Chrome*/
::-webkit-scrollbar {
width: 6px;
  }
 
::-webkit-scrollbar-track {
background: #444;
border-radius: 2px;  
}
 
::-webkit-scrollbar-thumb {
background: #888;
border-radius:2px;  
}


.boxContexte span{
display:block;  
text-align:center;
margin-bottom:10px;
font-size: 16px;
font-weight:bold;  
font-family: 'Be Vietnam', sans-serif;
font-style:italic;
text-transform:uppercase;
padding-bottom:5px;
color:#e5b1b3 !important;
border-bottom:1px #e5b1b3 solid;
line-height:100%;}

.boxContexte img{
width:60px;
height:60px;
border-radius:100%;  
object-fit:cover;
margin: 0px 13px 0px;
padding:5px;
box-shadow: 0 0 2px #888;
background: rgba(255, 255, 255, 0.1);
}

.boxContexte.pV{
background-color:#ffffff;
width:150px;}

.pV img{
margin: 5px 2px 2px;
padding:2px;
cursor: help;  
border: 1px solid #fff;
background: linear-gradient(45deg, #f1f1ef, #ccc);  
width:50px;
height:50px;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}

.pV img:hover{
opacity:0.5;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;}  

.boxContexte.liennav{
background-color:#ffffff;  
width:260px;}

.liennav a {
display:block;
font-size:11px;
font-family: 'Arapey', serif;
text-align:center;
margin-top:8px;
padding:2px;
letter-spacing:1px;
border:1px solid ;
color:#;
width:180px;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;}

.liennav a:hover {
border:1px solid #fff;
box-shadow:inset 500px 0 0 #fff;
color:;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;}

.fa-2x {
font-size: 1em;
}

.boxContexte.box_staff{
display: flex;
flex-wrap: wrap;
height: 150px;
width: 408px;
margin: -4px 2px auto;
}

#gt-staff {
margin: 0px 2px 2px;
background: #ffffff;
height: 65px;
width: 192px;
padding: 4px;}

#gt-staff img {
border: 1px solid #000000;  
float: left;
height: 50px;
width: 50px;
margin: 2px 0px 0px 2px;}

#staff-name {
z-index: 1;
text-transform:uppercase;  
font-family: 'Arapey', serif;
text-align: center;
color: #e51b1b3;
font-size: 12px;}

#staff-name > span1 {
color:#000000;
font-family: 'Arapey', serif;  
display: block;
font-size: 10px;
margin: 5px 0 0;
}

.boxContexte.box_topmembre{
width:90px;
background: linear-gradient(45deg, #000000, #ccc);  
height:150px;
overflow:hidden;
margin: -4px 2px auto;  
}

.boxContexte.box_news{
background-color:#fff;
height: 150px;
margin: -4px 2px auto;
width: 236px;
}

.box_news p{
color:#333;
font-family: calibri;
font-size: 11px;
height: 137px;
line-height: 100%;
margin-top: -1px;
overflow: auto;
padding: 4px;
text-align: justify;
}

.Inf_news {
position:relative;
background: linear-gradient(45deg, #f1f1ef, #ccc);
height:110px;
padding:10px;
color: #e5b1b3;
font-size:11px;
line-height:100%;
font-family: 'Arapey', serif;  
-moz-transform: translateX(100px);
-webkit-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: all .7s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.box_topmembre:hover .Inf_news {
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}

.Inf_news a {
color:#333;
display: block;
font-family: 'Arapey', serif;
font-size: 11px;
line-height:100%;  
margin-top:10px;
text-transform:uppercase;
}

.box_topmembre img{
margin: -132px -5px 0px;
border-radius:0 !important;
box-shadow: none!important;
padding:none !important;
width:90px;
height:145px;
object-fit:cover;
}







/** ------------------------------* BLOC PARTENAIRES AVEC DECALAGE* Libre service - Never Utopia* ------------------------------*/

/* Bloc contenant les partenaires */
.staggered-partners {
  font-size: 0; /* ne pas enlever */
  width: 791px;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

/* Affichage pour un lien partenaire */
.staggered-partners .partner-link {
  display: inline-block;
  width: 88px; /* largeur */
  height: 31px; /* hauteur */
  margin-right: 20px;
}

/* Style image du partenaire */
.staggered-partners .partner-link img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: transform 600ms;
  transition: transform 600ms;
}

/* Effet au survol sur image */
.staggered-partners .partner-link:hover img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  z-index: 1;
}

/* Decalage a gauche une ligne sur 2 */
.staggered-partners .partner-link:nth-child(14n+8) {
  margin-left: 55px;
}

/* Suppression de la marge à droite une ligne sur 2 */
.staggered-partners .partner-link:nth-child(14n) {
  margin-right: 0;
}

/* Style quand le lien n'a pas d'image */
.staggered-partners .partner-link:empty {
  display: none;
}

/* Crédit */
.credits-partners {
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    font-family: sans-serif;
    opacity: 0.3;
    transition: all 1s;
    -webkit-transition: all 1s;
}

/* Lien */
.credits-partners a {
    text-decoration: none;
    color: black;
}

/* Apparition du crédit au survol du bloc */
.staggered-partners:hover .credits-partners {
    opacity: 1;
}

/*------------------------------
 * FIN BLOC PARTENAIRES AVEC DECALAGE
 * ------------------------------ */





/*************************************/
/*PERSONNALISATION AFFICHAGE DU SUJET*/
/*************************************/
/*APPARENCE SPOILER, CODE ET CITATION*/
.spoiler,
.codebox .genmed {
    color: #BA1307;
    font-weight: 700;
}
.quote,
.spoiler_content {
    background-color: #FED7D0!important;
    border: solid 1px #8C0E05;
    padding: 5px;
    color: #FD99A6;
}
.spoiler_closed {
    background-color: #FED7D0!important;
    border: solid 1px #8C0E05;
}
/*TITRE DU SUJET*/
.titre-sujet {
    color: #BA1307;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Voltaire', sans-serif;
    letter-spacing: 1px;
}
/*trait au dessus du titre*/
.trait {
    height: 3px;
    background: #ffffff;
    margin-top: 5px;
}
/*BLOC ROSE*/
.mess-rose {
    background: #ebe8e8;
    min-height: 450px;
    margin-left: 30px;
    padding: 5px;
}
.postbody {
    font-family: arial, sans-serif;
    padding: 15px;
    color: #000000;
}
.mess-rose:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 35px 17.5px 0;
    border-color: transparent #ebe8e8 transparent transparent;
    margin-left: -40px;
    margin-top: -5px;
}
/*PROFIL*/
.mess-profil {
    position: relative;
    width: 200px;
    height: 400px;
    overflow: hidden;
}
.mess-avatar {
    position: absolute;
    z-index: 2;
    transform: translate(0, 0);
    transition: all 0.4s;
}
.mess-profil:hover .mess-avatar {
    transform: translate(0, 100%);
}
.mess-profil-content {
    position: absolute;
    background: #fff;
    height: 400px;
    width: 200px;
    overflow: auto;
    font-size: 11px;
    color: #BA1307;
}
.mess-profil-content div {
    padding: 10px;
    font-family: arial, sans-serif;
}
.mess-profil-content .label {
    font-weight: bold;
    color: #8C0E05
}
.mess-profil-content .label span {
    color: #8C0E05!important;
}
.mess-rang {
    position: absolute;
    margin-top: -16px;
    z-index: 2;
}
.i_icon_online {
    position: absolute;
    margin-left: -136px;
}
/*PSEUDO*/
.name {
    text-align: center;
}
.name a span {
    font-size: 20px;
    font-family: 'Voltaire', sans-serif;
    text-shadow: -1px 0 0 #fff;
    transition: all 0.3s
}
.name a span:hover {
    color: #8C0E05!important;
    text-decoration: none!important;
}
.name a:hover {
    color: #fff!important;
    text-decoration: none!important;
}
/*FIN PROFIL*/
/*DATE*/
.mess-date {
    text-align: right;
    font-size: 10px;
    color: #8C0E05;
    font-family: 'Voltaire', sans-serif;
}
/*FIN DE L'AFFICHAGE DU SUJET*/
/*************************************/



/**QEEL par Cheshire Cat**/
.qeel h1{
  margin-top:60px;
  margin-bottom:0px;
  background-color:#fbf8f8;
  text-align:center;
  font-family: 'BenchNine', sans-serif;
  font-size:35px;
  color:#BA1307;
  text-transform:uppercase;
  letter-spacing:5px;
}
.qeel h2{
  text-align:center;
  font-family: 'Voltaire', cursive;
  font-size:20px;
  color:#8C0E05;
}
.qeel .bloc{
  font-size:12px;
  color:#ffffff;
  font-family:Arial;
  display:block;
  overflow:auto;
  width:210px;
  height:250px;
  margin:auto;
  text-align:justify;
  border-left:2px solid #8C0E05;
  border-right:2px solid #8C0E05;
  background-color:#ffffff;
  padding-left:8px;
  padding-right:8px;
}
.qeel .membresco24{
  margin-left:-5px;
  color:#ffffff;
  font-size:12px;
  font-family:Arial
}
.qeel .legend{
  top:5px;
  margin-bottom:20px;
  margin-left:13px;
  margin-right:13px;
  padding-top:10px;
  padding-left:8px;
  padding-right:8px;
  border-top:2px solid #8C0E05;
  background-color:#fbf8f8;
  text-align:center;
}
.qeel .credit{
  font-size:11px;
  float:right;
}


.fiche_marge {
width: 586px;
margin: auto;
height: 10px;
background: #5B214F;
}

.fiche_fond {
width: 580px;
margin: auto;
border-left: 3px solid #5DC246;
border-right: 3px solid #5DC246;
background: whitesmoke;
}

.fiche_titre {
padding: 10px;
font-size: 40px;
color: #5B214F;
text-shadow: 2px 0px 0px Thistle;
font-family: 'Devonshire', cursive;
}

.fiche_sep {
width: 100%;
border-top: 40px #5DC246 dashed;
}

.fiche_titre2 {
font-size: 30px;
text-align: center;
color: #5B214F;
text-shadow: 2px 0px 0px Thistle;
font-family: 'Devonshire', cursive;
padding: 10px;
font-style: italic;
}

.fiche_sep2 {
width: 480px;
border-top: 3px #5B214F solid;
margin: auto;
}

.fiche_txt {
width: 420px;
padding: 10px;
text-align: justify;
color: #5DC246;
margin: auto;
}

.fiche_img {
width: 420px;
height: 150px;
overflow: hidden;
margin: auto;
border-top: 2px solid #5B214F;
border-bottom: 2px solid #5B214F;
}

a.fiche_credit {
text-decoration: none;
display: block;
color: #5B214F;
text-align: center;
padding: 3px;
}

/********************************************************************
                        BOTTIN D'AVATARS BY BATTY
********************************************************************/

.battybotin_corp{
width: 500px;
background-color: #f6faf9;
border: 5px solid #8f8bb0;
border-radius: 30px;
padding: 5px;
font-size: 12px;
margin-left:auto;
margin-right:auto;
color: #000;
}

.battybotin_lettre{
font-family: 'Dancing Script', cursive;
font-size:30px;
background-color: #8f8bb0;
color: #f6faf9;
padding:0px 5px;
}

.battybotin_titre{
display: block;
text-align: center;
font-family: 'Dancing Script', cursive;
font-size:30px;
color: #8f8bb0;
}

a.battybotin_image{
position:relative;
z-index:24;
color:#000;
text-decoration:none
    color: #000;
}

a.battybotin_image span {
position:absolute;
top:0px;
right:-170px;
transform:scale(0) rotate(-12deg);
transition:all .5s;
opacity:0;
}

a.battybotin_image:hover span {
display:block;
border:2px solid #8f8bb0;
border-radius: 10px;
overflow:hidden;
transform:scale(1) rotate(0);
opacity:1;
}

.battybotin_copyright{
  width:500px;
  text-align:center;
  font-size:11px;
  color: #000000;
    padding:2px;
  margin-left:auto;
margin-right:auto;
}

.battybotin_copyright a{
  text-decoration:none;
      font-variant:small-caps;
      color: #000000; !important;    
}

/********************************************************************
                    BOTTIN D'AVATARS BY BATTY - END
********************************************************************/
________________________________________________________________

/*codage du forum TKS COMPAGNY - by Daisuke Akira*/

u{border-bottom: 2px solid; /*--- taille du soulignement ---*/
border-color:#cdd7dc; /*--- couleur du soulignement ---*/
text-decoration: none;
}

/*A SAUVEGARDER*/

.descri {
font-family: Arial;
font-size: 11px;
color: #BAB0A5;
background-color: #F3F4F6;
border: #F3F4F6;
border-style: solid ;
border-left-width: 8px;
border-top-width: px;
border-right-width: 0px;
-moz-border-radius: 10px 10px 10px 10px
}


.postbody {
    display: block;
    text-align:justify;
}

.code{
font-family: Arial;
font-size: 11px;
color: #BAB0A5;
background-color: #cdd7dc;
border: #cdd7dc;
border-style: solid ;
border-left-width: 8px;
border-top-width: px;
border-right-width: 0px;
-moz-border-radius: 10px 10px 10px 10px
}

.spoiler{
font-family: Arial;
font-size: 11px;
color: #BAB0A5;
background-color: #cdd7dc;
border: #cdd7dc;
border-style: solid ;
border-left-width: 8px;
border-top-width: px;
border-right-width: 0px;
-moz-border-radius: 10px 10px 10px 10px
}

.quote{
font-family: Arial;
font-size: 11px;
color: #BAB0A5;
background-color: #cdd7dc;
border: #cdd7dc;
border-style: solid ;
border-left-width: 8px;
border-top-width: px;
border-right-width: 0px;
-moz-border-radius: 10px 10px 10px 10px
}

/* BORDURE FORUM */

.bodyline {
-moz-border-radius:0px;
margin-top : -50px ;
margin-bottom : -50px ;
border:4px solid C25B3C;}
/*SUPPRESSION DE LA MARGE EN HAUT/BAS*/
.bodyline{
border-top: none !important;
border-bottom: none !important;
}
body {
margin: 0 auto;
}
/*FIN*/
tr.post span.gensmall { display: none; }

.forumline{
border: 1px #CED6DB
dashed;
}

.fondavatar {
background-color : #DDE2E8 ;
border : 5px solid #DDE2E8 ;
-moz-border-radius: 7px 7px 7px 7px }

a
{text-decoration: none;}
.taclasse {border:1px solid #DDE2E8;
-moz-border-radius: 15px 15px 15px 15px}
.taclasse:hover {border:1px solid #d6f4a5;
-moz-border-radius: 15px 15px 15px 15px}

a
{text-decoration: none;}
.macaron {border:1px solid #DDE2E8;
-moz-border-radius: 20px 20px 20px 20px}
.taroom:hover {border:1px solid #C78465;
-moz-border-radius: 20px 20px 20px 20px}

a
{text-decoration: none;}
.taroom {border:1px solid #DDE2E8;
-moz-border-radius: 0px 0px 0px 0px}
.taroom:hover {border:1px solid #C78465;
-moz-border-radius: 0px 0px 0px 0px}


a
{
text-decoration: none;
}

a:hover { cursor:crosshair; }


/*catégorie*/


a.forumlink
{
text-align: Center;
font-size: 20px;
font-family: Time New Roman;
text-transform: uppercase;
display: block;
}

/*enlever soulignement des lien*/

a:link, a:visited, a:hover, a:active {text-decoration:none !important;}

/*couleur surlignement*/

*::-moz-selection {background:#E7E8EC none repeat scroll 0 0;}
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}
table.bodylinewidth
{
position: relative;
top: -9px;
}
/*--- Contours des Avatars ---*/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:100px;
-moz-border-radius-bottomright:100px;
-moz-border-radius-topleft:100px;
-moz-border-radius-topright:100px;
border: 5px solid #C0C0C0;
}

/*PSEUDO*/
.pseudo{
margin-top: -10px;
font-size: 25px;
font-family: arial;
font-style:italic; strong;
font-weight: bold;
letter-spacing: -2pt;
text-transform: lowercase;
text-shadow: 0px 0px 3px;
}
/*FIN*/

/********** Fiche de Présentation **********/


.presentation
{
  font-family: Georgia;
  font-size: 11px;
  width: 600px;
  border-radius: 40px;
  background-color: #BE787D;
  padding: 10px;
  color: #000000;
  padding-bottom: 30px;
}

.titrep
{
  text-align: center;
  font-size: 20px;
  padding-bottom: 7px;
  padding-top: 10px;
  border-bottom: 3px dashed #;
  text-shadow: 1px 1px 1px white;
  color: #000000;
}

.soustitrep
{
  font-style: italic;
  margin-left: 120px;
  font-size: 18px;
  text-shadow: 1px 1px 1px white;
  color: #000000;
  margin-bottom: -25px;
  font-family: Georgia;
}

.soustitrep2
{
  font-family: Georgia;
  font-style: italic;
  margin-left: 50px;
  font-size: 18px;
  text-shadow: 1px 1px 1px white;
  color: #000000;
  margin-bottom: -25px;
}

.questionsp
{
  font-size: 11px;
  text-shadow: 1px 1px 1px #;
  color: #000000;
  padding-left: 10px;
}

.questionsp2
{
  font-size: 11px;
  text-shadow: 1px 1px 1px #;
  color: #000000;
  padding-left: 10px;
}


.boite
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 40px;
  background-color: #E6E6E6;
}

.boite2
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #E6E6E6;
}

.boite3
{
  height: 140px;
  overflow: auto;
  width: 265px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #E6E6E6 ;
  margin-right: 5px;
  margin-left: 5px;
}

.boite4
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #E2C2C5;
}

.avatarp
{
  border: 3px solid #000000;
  border-radius: 5px;
  background-color: #ffffff;
  width: 100px;
  height: 100px;
}

  
 /* PA NIGATA */
.panc {
   width: 730px;
   margin: auto;
   height: 440px;
}

.left { float: left;}
.right { float: right;}

#cadnc {
   border: 2px solid #197C85;
   font-size: 12px;
   text-align: justify;
   font-family: Tahoma;
   margin-bottom: 2px;
}

.contnc {width: 330px; height: 170px; background: #fff;}
.stafnc {width: 390px; height: 166px; background: #fff; padding-top: 4px;}
.infonc {width: 716px; height:  60px; background: #fff;}
.prednc {width: 470px; height:  103px; background: #fff;}
.newsnc {width: 230px; height:  103px; background: #fff;}
.crednc {width: 181px; height:  78px; background: #fff;}
.partnc {width: 529px; height:  68px; background: #fff;}

.infonc, .newsnc { overflow: auto; }
.infonc, .liennc, .prednc, .newsnc, .partnc {padding: 5px;}

.textnc {
   height: 85px;
   padding: 5px;
   overflow: auto;
   width: 320px;
}

.staff {
   width: 100px;
   height: 50px;
}

.staff_cont {
   width: 96px;
   height: 46px;
   background: #bbb;
   opacity: 0;
   filter: alpha(opacity=0);
   font-size: 11px;
   padding: 2px;
   -webkit-transition: 1s;
          transition: 1s;
}

.staff_cont:hover {
   opacity: 1;
   filter: alpha(opacity=100);
    -webkit-transition: 1s;
            transition: 1s;
}

.predn { width: 50px; height: 50px; -webkit-transition: 1s; transition: 1s;}
.predn:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 1s;
        transition: 1s;
}

a.liu, .liu2 {
  color: #69878A;
  font-family: 'Maiden Orange', cursive;
  font-size: 19px;
  padding: 4px;
  text-shadow: 0 0 1px #69878A;
  -webkit-transition: 1s;
          transition: 1s;
}
  
  
a.liu:hover {
  text-transform: uppercase;
  -webkit-transition: 1s;
          transition: 1s;
  }
 
  
_______________________________________________________________________________________________________---

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#7d0213;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7d0213;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}

.forumline {-moz-border-radius:10px;}
.forumline{border: #8C0E05;
-moz-border-radius: 14px 14px 14px 14px;
border-bottom: 3px solid  ;
border-top: 3px solid;
border-right: 10px solid ;
border-left: 10px solid ;}


a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #000000;
color: #000000;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
color: #000000;
text-align: center;
display: block;
border-bottom: 5px solid #8C0E05;
-moz-border-radius:10px;
}


.quote{
font-family: Tahoma;
font-size: 12px;
color: #BA1307;
line-height: 125%;
background-image: url("");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #BA1307;
background-image: url("");
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:#B9BABF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}



.boxtitle{
font-family:  serif;
text-align: center;
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
font-size:15px;
border-bottom: 3px double #BA1307;
color: #8C0E05;
display: block;}

.box {
background-image: url("IMAGE A METTRE MAIS PAS SUR CE THEME");
color:#8C0E05;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #BA1307;
border-bottom: 2px solid #A6A4A4;
color: #cdd7dc;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #BA1307;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid 363642;
  border-left: 5px solid #363642;
  border-right: 3px solid #363642;
  border-top: 3px solid #363642;
  border-bottom: 5px solid #363642;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #ffffff;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid #8C0E05;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #363642;
}

tr.post span.gensmall { display: none; }


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}



_________________________________________________________

text-align: center ;}
__________________________________________________________________

::-webkit-scrollbar {
  height: 3px;
  width: 10px;
  background-color: #BA1307; /* couleur de fond */
}
 
html > ::-webkit-scrollbar {
  width: 5px; /* largeur de la barre */
}
 
::-webkit-scrollbar-thumb {
  background: #BA1307; /* couleur de la barre qui se déplace */
  border-radius: 50px;  /* Arrondis */
}
 
::-webkit-scrollbar-track-piece {
  background-color: #8C0E05; /* couleur de fond */
  
  
  
  
  .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
  
/* fin PA */
  
 /*COLLER LE HAUT ET LE BAS DU FORUM*/
.bodyline {border-width : 10px;
border-bottom: none;
border-top: none;
weight: 50px;
-moz-box-shadow: 0px 0px 20px #000000; /*OMBRE DU CADRE*/
box-shadow: 0px 0px 20px #000000; /*OMBRE DU CADRE*/
-webkit-box-shadow: 0px 0px 20px #000000; /*OMBRE DU CADRE*/
}

body{
margin-top: 0px;
margin-bottom: -9px;
}

/*COLLER LE HAUT ET LE BAS - END*/

/*COLLER LA BANIÈRE AU CADRE*/

#i_logo {
  margin-left:-10px;
  margin-right:-10px;
  margin-top: -10px;
}

/*COLLER LA BANiÈRE AU CADRE - END*/
  
  /********************************************************* FICHE PRESENTATION *********************************************************/
.credits {
    color: #d89d95 !important;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.fiche_wa {
    background: #fff;
    margin: auto;
    width: 500px;
    border: 1px solid #98aebc;
}

.fiche_wa .entete {
    background: url('https://i.imgur.com/KnaSp5u.jpg');
    width: 100%;
    height: 285px;
    color: #fff;
}

.contenu_fiche {
    padding: 10px 40px;
}

.fiche_wa h4 {
    background: #d4e5de;
    padding: 5%;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
}

.fiche_wa h5 {
    border-bottom: 2px solid #f7cca5;
    color: #f7cca5;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding-bottom: 2%;
}

dd.quote {
    border-left: 5px solid #eba48f !important;
    background: none;
    border: 0;
    padding: 0 5%;
    font-size: 13px;
    line-height: 1.5;
}

.conclusion {
    background: #e2efe1;
    padding: 4%;
}

.conclusion p {
    border: 1px solid #fff;
    padding: 5%;
    background: #fff;
}

.conclusion p::before {
    color: #eba48f;
    content: "▶";
    font-size: 20px;
    float: left;
    padding-right: 2%;
}

.fiche_wa .imp {
    color: #98aebc;
    font-weight: 700;
}

.contenu_fiche p {
    margin-top: -3%;
}

.conclusion p {
  margin: 0 !important;
}

.contenu_pres {
    width: 100%;
    height: 150px;
    overflow: auto;
}
Revenir en haut Aller en bas
Admin
Admin
admin
Messages : 64
Date d'inscription : 14/07/2013
Jeu 2 Déc - 19:24
Admin
code de Nigata.

Idenx box

:
Code:
{JAVASCRIPT}

<link href='https://fonts.googleapis.com/css?family=BenchNine|Voltaire' rel='stylesheet' type='text/css' />
<!-- 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">
 <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle" align="right">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->
</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></span>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
 <!-- END switch_delete_cookies -->
 </td>
 <td width="50%" align="right">
 <span class="gensmall">
 <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
 <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
 <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
 <!-- BEGIN switch_on_index -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{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">
 <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<div class="qeel">
<h1>Qui est en ligne ?</h1>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     <tr>
        <td>
   <h2>Nos statistiques</h2>
   <div class="bloc">
           <span class="gensmall">{TOTAL_POSTS}<br /><br />
 {TOTAL_USERS}<br /><br />
                {NEWEST_USER}<br /><br />
 {RECORD_USERS}</span>
   </div>
        </td>
        <td>
   <h2>Nos membres</h2>
 <div class="bloc">
           <span class="gensmall">{LOGGED_IN_USER_LIST}<br />
                {TOTAL_USERS_ONLINE}<br /><br /></span>
           <table class="membresco24">{L_CONNECTED_MEMBERS}</table>
   </div>
        </td>
        <td>
   <h2>Les anniversaires</h2>
   <div class="bloc">
          <table>{L_WHOSBIRTHDAY_TODAY}<br />
                 {L_WHOSBIRTHDAY_WEEK}</table>
   </div>
        </td></tr>
        <tr><td colspan="3">
           <h2>Légende des groupes</h2>
           <div class="legend"><span class="gensmall"> {GROUP_LEGEND}</span></div>
        </td></tr>
  </table>
  <div class="credit">Réalisé par Cheshire Cat sur <a href="http://epicode.bbactif.com">Epicode</a></div></div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<div class="staggered-partners">
    <a href="https://omegaverse-project.forumactif.com/" title="Omegaverse Project" class="partner-link" target="_blank"><img src="https://zupimages.net/up/21/35/8apr.png" alt="Omegaverse Project" /></a>
    <a href="https://feelingonline.forumactif.com/" title="Feeling online" class="partner-link" target="_blank"><img src="https://www.zupimages.net/up/17/47/s08p.png" alt="Feeling online" /></a>
   <a href="http://oso-version1-2.forumactif.org/" title="Other Side Online" class="partner-link" target="_blank"><img src="https://i.servimg.com/u/f31/13/98/50/36/oso-8810.jpg" alt="Other Side Online" /></a>
   <a href="http://yuriacademia.1fr1.net/" title="Yuri-Academia" class="partner-link" target="_blank"><img src="https://i.servimg.com/u/f11/19/55/60/79/88x3111.jpg" alt="Yuri-Academia" /></a>
   <a href="https://omegarebirth.forumactif.com/" title="Omega Rebirth" class="partner-link" target="_blank"><img src="https://i.imgur.com/CeazJQn.png" alt="Omega Rebirth" /></a>
   <a href="https://hybrideindustry.forumactif.com/" title="Hybride Industry" class="partner-link" target="_blank"><img src="https://zupimages.net/up/21/07/ente.png" alt="Hybride Industry" /></a>
  
  <div class="credits-partners"><a href="http://www.never-utopia.com/" title="Bloc partenaire venant de Never Utopia">Never Utopia ♥</a></div>
</div>
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td> &nbsp;</td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Revenir en haut Aller en bas
Admin
Admin
admin
Messages : 64
Date d'inscription : 14/07/2013
Jeu 2 Déc - 19:24
Admin
overall_header :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
 <iframe seamless="seamless" frameborder="0" style="display: block; margin: auto; width: 250px; height: 500px; position: fixed; top: 30px; right: 0; z-index: 999" src="https://nigatacity.forumsactifs.com/h4-widget"></iframe>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table border="0" cellspacing="0" cellpadding="0">
        <tr class="titre">
            <td>{SITENAME}</td>
        </tr>
                    <tr class="message">
                          <td>{LOGIN_POPUP_MSG}</td>
                        </tr>
        <tr class="boutons">
            <td>
              <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
              </form>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->
   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

viewtopic_body :

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();
      }
   });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
      
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
  
   return false;
};

//]]>
</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="https://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 hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <div class="profil_mess">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
                                  {postrow.displayed.RANK_IMAGE}</span>
                    <span class="avatar_mess">{postrow.displayed.POSTER_AVATAR}</span><br />
                  </div>
                  <div class="profil2_mess">
                    <center><img src="https://www.zupimages.net/up/14/26/pzdj.png" /></center>
                    <div class="profil2_content"><span class="postdetails poster-profile">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
        </span><br />
                      <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /></div>
                  </div>
      </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}" alt="" />

                                 <!-- 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>
                     <!-- BEGIN switch_signature -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                     <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <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 -->
   <!-- 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}" alt="" />
                  </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 -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <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}&nbsp;<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>
Revenir en haut Aller en bas
Admin
Admin
admin
Messages : 64
Date d'inscription : 14/07/2013
Jeu 2 Déc - 19:24
Admin
Code:
/* page d'acceuil Hanyo Yurikin en Ls pour Epicode*/
/* ne pas toucher au crédit*/
.contenuPA{ 
width:800px;
display:flex;
flex-wrap: wrap; 
justify-content: center;
background: #ffffff;
margin-top: -2px;
margin-bottom: 10px;
padding-top: 12px;
padding-bottom: 16px;
}

.contenuPA img{
width:766px;
height: 170px;
object-fit: cover;

}

.titre_pa_forum{
position:absolute;
color:#fff;
width:500px; 
border: 1px solid #fff;
padding:10px;
font-size:30px;
margin-top:50px;
text-shadow: 0 0 4px #111;
font-family: 'Arapey', serif;
text-transform:uppercase; 
display:block;}

.boxContexte{
background-color:#fff;
height: 230px;
margin: 10px 2px;
padding: 4px;
width: 324px;
}

.boxContexte p{
color:#333;
font-family: arial;
font-size: 11px;
line-height: 100%;
text-align: justify;
height: 100px;
overflow: auto;
box-sizing: border-box;
scrollbar-color:#0006 #0003;
scrollbar-width: thin;
padding: 4px;}

/* Pour Chrome*/
::-webkit-scrollbar {
width: 6px;
  }
 
::-webkit-scrollbar-track {
background: #444;
border-radius: 2px; 
}
 
::-webkit-scrollbar-thumb {
background: #888;
border-radius:2px; 
}


.boxContexte span{
display:block; 
text-align:center;
margin-bottom:10px;
font-size: 16px;
font-weight:bold; 
font-family: 'Be Vietnam', sans-serif;
font-style:italic;
text-transform:uppercase;
padding-bottom:5px;
color:#e5b1b3 !important;
border-bottom:1px #e5b1b3 solid;
line-height:100%;}

.boxContexte img{
width:60px;
height:60px;
border-radius:100%; 
object-fit:cover;
margin: 0px 13px 0px;
padding:5px;
box-shadow: 0 0 2px #888;
background: rgba(255, 255, 255, 0.1);
}

.boxContexte.pV{
background-color:#ffffff;
width:150px;}

.pV img{
margin: 5px 2px 2px;
padding:2px;
cursor: help; 
border: 1px solid #fff;
background: linear-gradient(45deg, #f1f1ef, #ccc); 
width:50px;
height:50px;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}

.pV img:hover{
opacity:0.5;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;} 

.boxContexte.liennav{
background-color:#ffffff; 
width:260px;}

.liennav a {
display:block;
font-size:11px;
font-family: 'Arapey', serif;
text-align:center;
margin-top:8px;
padding:2px;
letter-spacing:1px;
border:1px solid ;
color:#;
width:180px;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;}

.liennav a:hover {
border:1px solid #fff;
box-shadow:inset 500px 0 0 #fff;
color:;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;}

.fa-2x {
font-size: 1em;
}

.boxContexte.box_staff{
display: flex;
flex-wrap: wrap;
height: 150px;
width: 408px;
margin: -4px 2px auto;
}

#gt-staff {
margin: 0px 2px 2px;
background: #ffffff;
height: 65px;
width: 192px;
padding: 4px;}

#gt-staff img {
border: 1px solid #000000; 
float: left;
height: 50px;
width: 50px;
margin: 2px 0px 0px 2px;}

#staff-name {
z-index: 1;
text-transform:uppercase; 
font-family: 'Arapey', serif;
text-align: center;
color: #e51b1b3;
font-size: 12px;}

#staff-name > span1 {
color:#000000;
font-family: 'Arapey', serif; 
display: block;
font-size: 10px;
margin: 5px 0 0;
}

.boxContexte.box_topmembre{
width:90px;
background: linear-gradient(45deg, #000000, #ccc); 
height:150px;
overflow:hidden;
margin: -4px 2px auto; 
}

.boxContexte.box_news{
background-color:#fff;
height: 150px;
margin: -4px 2px auto;
width: 236px;
}

.box_news p{
color:#333;
font-family: calibri;
font-size: 11px;
height: 137px;
line-height: 100%;
margin-top: -1px;
overflow: auto;
padding: 4px;
text-align: justify;
}

.Inf_news {
position:relative;
background: linear-gradient(45deg, #f1f1ef, #ccc);
height:110px;
padding:10px;
color: #e5b1b3;
font-size:11px;
line-height:100%;
font-family: 'Arapey', serif; 
-moz-transform: translateX(100px);
-webkit-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: all .7s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.box_topmembre:hover .Inf_news {
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}

.Inf_news a {
color:#333;
display: block;
font-family: 'Arapey', serif;
font-size: 11px;
line-height:100%; 
margin-top:10px;
text-transform:uppercase;
}

.box_topmembre img{
margin: -132px -5px 0px;
border-radius:0 !important;
box-shadow: none!important;
padding:none !important;
width:90px;
height:145px;
object-fit:cover;
}







/** ------------------------------* BLOC PARTENAIRES AVEC DECALAGE* Libre service - Never Utopia* ------------------------------*/

/* Bloc contenant les partenaires */
.staggered-partners {
  font-size: 0; /* ne pas enlever */
  width: 791px;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

/* Affichage pour un lien partenaire */
.staggered-partners .partner-link {
  display: inline-block;
  width: 88px; /* largeur */
  height: 31px; /* hauteur */
  margin-right: 20px;
}

/* Style image du partenaire */
.staggered-partners .partner-link img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: transform 600ms;
  transition: transform 600ms;
}

/* Effet au survol sur image */
.staggered-partners .partner-link:hover img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  z-index: 1;
}

/* Decalage a gauche une ligne sur 2 */
.staggered-partners .partner-link:nth-child(14n+8) {
  margin-left: 55px;
}

/* Suppression de la marge à droite une ligne sur 2 */
.staggered-partners .partner-link:nth-child(14n) {
  margin-right: 0;
}

/* Style quand le lien n'a pas d'image */
.staggered-partners .partner-link:empty {
  display: none;
}

/* Crédit */
.credits-partners {
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    font-family: sans-serif;
    opacity: 0.3;
    transition: all 1s;
    -webkit-transition: all 1s;
}

/* Lien */
.credits-partners a {
    text-decoration: none;
    color: black;
}

/* Apparition du crédit au survol du bloc */
.staggered-partners:hover .credits-partners {
    opacity: 1;
}

/*------------------------------
 * FIN BLOC PARTENAIRES AVEC DECALAGE
 * ------------------------------ */





/*************************************/
/*PERSONNALISATION AFFICHAGE DU SUJET*/
/*************************************/
/*APPARENCE SPOILER, CODE ET CITATION*/
.spoiler,
.codebox .genmed {
    color: #BA1307;
    font-weight: 700;
}
.quote,
.spoiler_content {
    background-color: #FED7D0!important;
    border: solid 1px #8C0E05;
    padding: 5px;
    color: #FD99A6;
}
.spoiler_closed {
    background-color: #FED7D0!important;
    border: solid 1px #8C0E05;
}
/*TITRE DU SUJET*/
.titre-sujet {
    color: #BA1307;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Voltaire', sans-serif;
    letter-spacing: 1px;
}
/*trait au dessus du titre*/
.trait {
    height: 3px;
    background: #ffffff;
    margin-top: 5px;
}
/*BLOC ROSE*/
.mess-rose {
    background: #ebe8e8;
    min-height: 450px;
    margin-left: 30px;
    padding: 5px;
}
.postbody {
    font-family: arial, sans-serif;
    padding: 15px;
    color: #000000;
}
.mess-rose:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 35px 17.5px 0;
    border-color: transparent #ebe8e8 transparent transparent;
    margin-left: -40px;
    margin-top: -5px;
}
/*PROFIL*/
.mess-profil {
    position: relative;
    width: 200px;
    height: 400px;
    overflow: hidden;
}
.mess-avatar {
    position: absolute;
    z-index: 2;
    transform: translate(0, 0);
    transition: all 0.4s;
}
.mess-profil:hover .mess-avatar {
    transform: translate(0, 100%);
}
.mess-profil-content {
    position: absolute;
    background: #fff;
    height: 400px;
    width: 200px;
    overflow: auto;
    font-size: 11px;
    color: #BA1307;
}
.mess-profil-content div {
    padding: 10px;
    font-family: arial, sans-serif;
}
.mess-profil-content .label {
    font-weight: bold;
    color: #8C0E05
}
.mess-profil-content .label span {
    color: #8C0E05!important;
}
.mess-rang {
    position: absolute;
    margin-top: -16px;
    z-index: 2;
}
.i_icon_online {
    position: absolute;
    margin-left: -136px;
}
/*PSEUDO*/
.name {
    text-align: center;
}
.name a span {
    font-size: 20px;
    font-family: 'Voltaire', sans-serif;
    text-shadow: -1px 0 0 #fff;
    transition: all 0.3s
}
.name a span:hover {
    color: #8C0E05!important;
    text-decoration: none!important;
}
.name a:hover {
    color: #fff!important;
    text-decoration: none!important;
}
/*FIN PROFIL*/
/*DATE*/
.mess-date {
    text-align: right;
    font-size: 10px;
    color: #8C0E05;
    font-family: 'Voltaire', sans-serif;
}
/*FIN DE L'AFFICHAGE DU SUJET*/
/*************************************/



/**QEEL par Cheshire Cat**/
.qeel h1{
  margin-top:60px;
  margin-bottom:0px;
  background-color:#fbf8f8;
  text-align:center;
  font-family: 'BenchNine', sans-serif;
  font-size:35px;
  color:#BA1307;
  text-transform:uppercase;
  letter-spacing:5px;
}
.qeel h2{
  text-align:center;
  font-family: 'Voltaire', cursive;
  font-size:20px;
  color:#8C0E05;
}
.qeel .bloc{
  font-size:12px;
  color:#ffffff;
  font-family:Arial;
  display:block;
  overflow:auto;
  width:210px;
  height:250px;
  margin:auto;
  text-align:justify;
  border-left:2px solid #8C0E05;
  border-right:2px solid #8C0E05;
  background-color:#ffffff;
  padding-left:8px;
  padding-right:8px;
}
.qeel .membresco24{
  margin-left:-5px;
  color:#ffffff;
  font-size:12px;
  font-family:Arial
}
.qeel .legend{
  top:5px;
  margin-bottom:20px;
  margin-left:13px;
  margin-right:13px;
  padding-top:10px;
  padding-left:8px;
  padding-right:8px;
  border-top:2px solid #8C0E05;
  background-color:#fbf8f8;
  text-align:center;
}
.qeel .credit{
  font-size:11px;
  float:right;
}


.fiche_marge {
width: 586px;
margin: auto;
height: 10px;
background: #5B214F;
}

.fiche_fond {
width: 580px;
margin: auto;
border-left: 3px solid #5DC246;
border-right: 3px solid #5DC246;
background: whitesmoke;
}

.fiche_titre {
padding: 10px;
font-size: 40px;
color: #5B214F;
text-shadow: 2px 0px 0px Thistle;
font-family: 'Devonshire', cursive;
}

.fiche_sep {
width: 100%;
border-top: 40px #5DC246 dashed;
}

.fiche_titre2 {
font-size: 30px;
text-align: center;
color: #5B214F;
text-shadow: 2px 0px 0px Thistle;
font-family: 'Devonshire', cursive;
padding: 10px;
font-style: italic;
}

.fiche_sep2 {
width: 480px;
border-top: 3px #5B214F solid;
margin: auto;
}

.fiche_txt {
width: 420px;
padding: 10px;
text-align: justify;
color: #5DC246;
margin: auto;
}

.fiche_img {
width: 420px;
height: 150px;
overflow: hidden;
margin: auto;
border-top: 2px solid #5B214F;
border-bottom: 2px solid #5B214F;
}

a.fiche_credit {
text-decoration: none;
display: block;
color: #5B214F;
text-align: center;
padding: 3px;
}

/********************************************************************
                        BOTTIN D'AVATARS BY BATTY
********************************************************************/

.battybotin_corp{
width: 500px;
background-color: #f6faf9;
border: 5px solid #8f8bb0;
border-radius: 30px;
padding: 5px;
font-size: 12px;
margin-left:auto;
margin-right:auto;
color: #000;
}

.battybotin_lettre{
font-family: 'Dancing Script', cursive;
font-size:30px;
background-color: #8f8bb0;
color: #f6faf9;
padding:0px 5px;
}

.battybotin_titre{
display: block;
text-align: center;
font-family: 'Dancing Script', cursive;
font-size:30px;
color: #8f8bb0;
}

a.battybotin_image{
position:relative;
z-index:24;
color:#000;
text-decoration:none
    color: #000;
}

a.battybotin_image span {
position:absolute;
top:0px;
right:-170px;
transform:scale(0) rotate(-12deg);
transition:all .5s;
opacity:0;
}

a.battybotin_image:hover span {
display:block;
border:2px solid #8f8bb0;
border-radius: 10px;
overflow:hidden;
transform:scale(1) rotate(0);
opacity:1;
}

.battybotin_copyright{
  width:500px;
  text-align:center;
  font-size:11px;
  color: #000000;
    padding:2px;
  margin-left:auto;
margin-right:auto;
}

.battybotin_copyright a{
  text-decoration:none;
      font-variant:small-caps;
      color: #000000; !important;   
}

/********************************************************************
                    BOTTIN D'AVATARS BY BATTY - END
********************************************************************/
________________________________________________________________

/*codage du forum TKS COMPAGNY - by Daisuke Akira*/

u{border-bottom: 2px solid; /*--- taille du soulignement ---*/
border-color:#cdd7dc; /*--- couleur du soulignement ---*/
text-decoration: none;
}

/*A SAUVEGARDER*/

.descri {
font-family: Arial;
font-size: 11px;
color: #BAB0A5;
background-color: #F3F4F6;
border: #F3F4F6;
border-style: solid ;
border-left-width: 8px;
border-top-width: px;
border-right-width: 0px;
-moz-border-radius: 10px 10px 10px 10px
}


.postbody {
    display: block;
    text-align:justify;
}

.code{
font-family: Arial;
font-size: 11px;
color: #BAB0A5;
background-color: #cdd7dc;
border: #cdd7dc;
border-style: solid ;
border-left-width: 8px;
border-top-width: px;
border-right-width: 0px;
-moz-border-radius: 10px 10px 10px 10px
}

.spoiler{
font-family: Arial;
font-size: 11px;
color: #BAB0A5;
background-color: #cdd7dc;
border: #cdd7dc;
border-style: solid ;
border-left-width: 8px;
border-top-width: px;
border-right-width: 0px;
-moz-border-radius: 10px 10px 10px 10px
}

.quote{
font-family: Arial;
font-size: 11px;
color: #BAB0A5;
background-color: #cdd7dc;
border: #cdd7dc;
border-style: solid ;
border-left-width: 8px;
border-top-width: px;
border-right-width: 0px;
-moz-border-radius: 10px 10px 10px 10px
}

/* BORDURE FORUM */

.bodyline {
-moz-border-radius:0px;
margin-top : -50px ;
margin-bottom : -50px ;
border:4px solid C25B3C;}
/*SUPPRESSION DE LA MARGE EN HAUT/BAS*/
.bodyline{
border-top: none !important;
border-bottom: none !important;
}
body {
margin: 0 auto;
}
/*FIN*/
tr.post span.gensmall { display: none; }

.forumline{
border: 1px #CED6DB
dashed;
}

.fondavatar {
background-color : #DDE2E8 ;
border : 5px solid #DDE2E8 ;
-moz-border-radius: 7px 7px 7px 7px }

a
{text-decoration: none;}
.taclasse {border:1px solid #DDE2E8;
-moz-border-radius: 15px 15px 15px 15px}
.taclasse:hover {border:1px solid #d6f4a5;
-moz-border-radius: 15px 15px 15px 15px}

a
{text-decoration: none;}
.macaron {border:1px solid #DDE2E8;
-moz-border-radius: 20px 20px 20px 20px}
.taroom:hover {border:1px solid #C78465;
-moz-border-radius: 20px 20px 20px 20px}

a
{text-decoration: none;}
.taroom {border:1px solid #DDE2E8;
-moz-border-radius: 0px 0px 0px 0px}
.taroom:hover {border:1px solid #C78465;
-moz-border-radius: 0px 0px 0px 0px}


a
{
text-decoration: none;
}

a:hover { cursor:crosshair; }


/*catégorie*/


a.forumlink
{
text-align: Center;
font-size: 20px;
font-family: Time New Roman;
text-transform: uppercase;
display: block;
}

/*enlever soulignement des lien*/

a:link, a:visited, a:hover, a:active {text-decoration:none !important;}

/*couleur surlignement*/

*::-moz-selection {background:#E7E8EC none repeat scroll 0 0;}
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}
table.bodylinewidth
{
position: relative;
top: -9px;
}
/*--- Contours des Avatars ---*/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:100px;
-moz-border-radius-bottomright:100px;
-moz-border-radius-topleft:100px;
-moz-border-radius-topright:100px;
border: 5px solid #C0C0C0;
}

/*PSEUDO*/
.pseudo{
margin-top: -10px;
font-size: 25px;
font-family: arial;
font-style:italic; strong;
font-weight: bold;
letter-spacing: -2pt;
text-transform: lowercase;
text-shadow: 0px 0px 3px;
}
/*FIN*/

/********** Fiche de Présentation **********/


.presentation
{
  font-family: Georgia;
  font-size: 11px;
  width: 600px;
  border-radius: 40px;
  background-color: #BE787D;
  padding: 10px;
  color: #000000;
  padding-bottom: 30px;
}

.titrep
{
  text-align: center;
  font-size: 20px;
  padding-bottom: 7px;
  padding-top: 10px;
  border-bottom: 3px dashed #;
  text-shadow: 1px 1px 1px white;
  color: #000000;
}

.soustitrep
{
  font-style: italic;
  margin-left: 120px;
  font-size: 18px;
  text-shadow: 1px 1px 1px white;
  color: #000000;
  margin-bottom: -25px;
  font-family: Georgia;
}

.soustitrep2
{
  font-family: Georgia;
  font-style: italic;
  margin-left: 50px;
  font-size: 18px;
  text-shadow: 1px 1px 1px white;
  color: #000000;
  margin-bottom: -25px;
}

.questionsp
{
  font-size: 11px;
  text-shadow: 1px 1px 1px #;
  color: #000000;
  padding-left: 10px;
}

.questionsp2
{
  font-size: 11px;
  text-shadow: 1px 1px 1px #;
  color: #000000;
  padding-left: 10px;
}


.boite
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 40px;
  background-color: #E6E6E6;
}

.boite2
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #E6E6E6;
}

.boite3
{
  height: 140px;
  overflow: auto;
  width: 265px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #E6E6E6 ;
  margin-right: 5px;
  margin-left: 5px;
}

.boite4
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #E2C2C5;
}

.avatarp
{
  border: 3px solid #000000;
  border-radius: 5px;
  background-color: #ffffff;
  width: 100px;
  height: 100px;
}

 
 /* PA NIGATA */
.panc {
  width: 730px;
  margin: auto;
  height: 440px;
}

.left { float: left;}
.right { float: right;}

#cadnc {
  border: 2px solid #197C85;
  font-size: 12px;
  text-align: justify;
  font-family: Tahoma;
  margin-bottom: 2px;
}

.contnc {width: 330px; height: 170px; background: #fff;}
.stafnc {width: 390px; height: 166px; background: #fff; padding-top: 4px;}
.infonc {width: 716px; height:  60px; background: #fff;}
.prednc {width: 470px; height:  103px; background: #fff;}
.newsnc {width: 230px; height:  103px; background: #fff;}
.crednc {width: 181px; height:  78px; background: #fff;}
.partnc {width: 529px; height:  68px; background: #fff;}

.infonc, .newsnc { overflow: auto; }
.infonc, .liennc, .prednc, .newsnc, .partnc {padding: 5px;}

.textnc {
  height: 85px;
  padding: 5px;
  overflow: auto;
  width: 320px;
}

.staff {
  width: 100px;
  height: 50px;
}

.staff_cont {
  width: 96px;
  height: 46px;
  background: #bbb;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 11px;
  padding: 2px;
  -webkit-transition: 1s;
          transition: 1s;
}

.staff_cont:hover {
  opacity: 1;
  filter: alpha(opacity=100);
    -webkit-transition: 1s;
            transition: 1s;
}

.predn { width: 50px; height: 50px; -webkit-transition: 1s; transition: 1s;}
.predn:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 1s;
        transition: 1s;
}

a.liu, .liu2 {
  color: #69878A;
  font-family: 'Maiden Orange', cursive;
  font-size: 19px;
  padding: 4px;
  text-shadow: 0 0 1px #69878A;
  -webkit-transition: 1s;
          transition: 1s;
}
 
 
a.liu:hover {
  text-transform: uppercase;
  -webkit-transition: 1s;
          transition: 1s;
  }
 
 
_______________________________________________________________________________________________________---

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#7d0213;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7d0213;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}

.forumline {-moz-border-radius:10px;}
.forumline{border: #8C0E05;
-moz-border-radius: 14px 14px 14px 14px;
border-bottom: 3px solid  ;
border-top: 3px solid;
border-right: 10px solid ;
border-left: 10px solid ;}


a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #000000;
color: #000000;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
color: #000000;
text-align: center;
display: block;
border-bottom: 5px solid #8C0E05;
-moz-border-radius:10px;
}


.quote{
font-family: Tahoma;
font-size: 12px;
color: #BA1307;
line-height: 125%;
background-image: url("");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #BA1307;
background-image: url("");
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:#B9BABF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}



.boxtitle{
font-family:  serif;
text-align: center;
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
font-size:15px;
border-bottom: 3px double #BA1307;
color: #8C0E05;
display: block;}

.box {
background-image: url("IMAGE A METTRE MAIS PAS SUR CE THEME");
color:#8C0E05;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #BA1307;
border-bottom: 2px solid #A6A4A4;
color: #cdd7dc;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #BA1307;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid 363642;
  border-left: 5px solid #363642;
  border-right: 3px solid #363642;
  border-top: 3px solid #363642;
  border-bottom: 5px solid #363642;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #ffffff;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid #8C0E05;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #363642;
}

tr.post span.gensmall { display: none; }


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}



_________________________________________________________

text-align: center ;}
__________________________________________________________________

::-webkit-scrollbar {
  height: 3px;
  width: 10px;
  background-color: #BA1307; /* couleur de fond */
}
 
html > ::-webkit-scrollbar {
  width: 5px; /* largeur de la barre */
}
 
::-webkit-scrollbar-thumb {
  background: #BA1307; /* couleur de la barre qui se déplace */
  border-radius: 50px;  /* Arrondis */
}
 
::-webkit-scrollbar-track-piece {
  background-color: #8C0E05; /* couleur de fond */
 
 
 
 
  .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
 
/* fin PA */
 
 /*COLLER LE HAUT ET LE BAS DU FORUM*/
.bodyline {border-width : 10px;
border-bottom: none;
border-top: none;
weight: 50px;
-moz-box-shadow: 0px 0px 20px #000000; /*OMBRE DU CADRE*/
box-shadow: 0px 0px 20px #000000; /*OMBRE DU CADRE*/
-webkit-box-shadow: 0px 0px 20px #000000; /*OMBRE DU CADRE*/
}

body{
margin-top: 0px;
margin-bottom: -9px;
}

/*COLLER LE HAUT ET LE BAS - END*/

/*COLLER LA BANIÈRE AU CADRE*/

#i_logo {
  margin-left:-10px;
  margin-right:-10px;
  margin-top: -10px;
}

/*COLLER LA BANiÈRE AU CADRE - END*/
 
  /********************************************************* FICHE PRESENTATION *********************************************************/
.credits {
    color: #d89d95 !important;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.fiche_wa {
    background: #fff;
    margin: auto;
    width: 500px;
    border: 1px solid #98aebc;
}

.fiche_wa .entete {
    background: url('https://i.imgur.com/KnaSp5u.jpg');
    width: 100%;
    height: 285px;
    color: #fff;
}

.contenu_fiche {
    padding: 10px 40px;
}

.fiche_wa h4 {
    background: #d4e5de;
    padding: 5%;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
}

.fiche_wa h5 {
    border-bottom: 2px solid #f7cca5;
    color: #f7cca5;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding-bottom: 2%;
}

dd.quote {
    border-left: 5px solid #eba48f !important;
    background: none;
    border: 0;
    padding: 0 5%;
    font-size: 13px;
    line-height: 1.5;
}

.conclusion {
    background: #e2efe1;
    padding: 4%;
}

.conclusion p {
    border: 1px solid #fff;
    padding: 5%;
    background: #fff;
}

.conclusion p::before {
    color: #eba48f;
    content: "▶";
    font-size: 20px;
    float: left;
    padding-right: 2%;
}

.fiche_wa .imp {
    color: #98aebc;
    font-weight: 700;
}

.contenu_fiche p {
    margin-top: -3%;
}

.conclusion p {
  margin: 0 !important;
}

.contenu_pres {
    width: 100%;
    height: 150px;
    overflow: auto;
}


CSS du fofo
Revenir en haut Aller en bas
Admin
Admin
admin
Messages : 64
Date d'inscription : 14/07/2013
Jeu 20 Jan - 15:14
Admin
  • nom polo
  • prénom marco
  • âge 26 ans
  • race m
  • orientation sexuelle les roux
  • Situation maritale les roux
  • nationalité italienne
  • groupe les roux
  • Metier faire le beau

pouvoirs & malus

Mauris dapibus arcu nec diam egestas rutrum. In in erat tortor. Fusce dignissim, turpis ut elementum bibendum, nunc est finibus diam, vitae dignissim odio tellus ut nunc. Donec erat tortor, luctus a consequat a, vestibulum at eros. Donec tincidunt erat eget justo venenatis venenatis sit amet ut dui. Cras nec facilisis elit. Maecenas at nibh condimentum, laoreet sapien eu, porta erat. Integer a diam vel lectus auctor rhoncus sit amet non nunc. Mauris porttitor, massa et blandit pulvinar, erat purus pellentesque sapien, sed molestie turpis sem vitae ante. Aliquam erat volutpat. Sed rutrum cursus velit, vel cursus leo blandit sit amet. Suspendisse fringilla purus neque, et euismod magna placerat quis.

chapitre 1

Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna ut magna iaculis, ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus purus vel commodo volutpat. Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna ut magna iaculis, ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus...

physique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna...

mental

Ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus purus vel commodo volutpat. Ut commodo.

centres d'intérêts

Curabitur rutrum arcu eu mi dignissim faucibus. Pellentesque sed augue eu nisl congue faucibus. Duis pulvinar, orci gravida venenatis malesuada, diam quam egestas urna, facilisis rhoncus elit odio tincidunt arcu. Cras eros leo, tempus in euismod et, pharetra id risus. Vestibulum ipsum odio, rutrum sit amet pharetra non, convallis in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris dapibus arcu nec... dapibus arcu nec.
©linus pour Epicode
Revenir en haut Aller en bas
Contenu sponsorisé
Contenu sponsorisé
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
chez les amis Fofo teste :: Nos amis :: Votre 1er forum-
Sauter vers: