Ils sont sortis des ténèbres telles des êtres fantasmagoriques. Les vampires ainsi que les métamorphes sont venus interférer avec les affaires des humains pour sauver la planète. Il fallut encore quelques années pour que les puissances mondiales se calment et acceptent la suprématie des créatures surnaturelles. Alliées contre la folie humaine, ils se sont installés en haut de l’échelle sociale. Personne ne peut les en déloger désormais ! Nous, les Hommes, sommes devenus leurs esclaves. Les vampires nous prennent pour des poches de nourriture sur pattes alors que les autres nous torturent, nous rendent dépendants d’eux. Nous sommes des objets pour eux… Heureusement il existe des humains qui se regroupent pour nous protéger de ses êtres malsains. Ils les chassent !
Les nouveautés
▬ 00/04/20 : MAJ n°4
▬ 08/01/20 : MAJ n°3
▬ 29/10/19 : MAJ n°2
▬ 17/08/19 : MAJ n°1
▬ 00/03/19 : ouverture officielle
▬ 24/10/19 : création de SOM
Crédit
Thème réalité par Myrddin.
Le staff
Votez pour

Voir le sujet précédent Voir le sujet suivant Aller en bas
Ancien codage catégo
Tanaka Ryosuke
Code:
<div class="liens_header_categories">
   <!-- BEGIN switch_user_logged_in -->
 <a id="nouveaux_messages" href="{U_SEARCH_NEW}">
                   {L_SEARCH_NEW}
   </a>
 
   <a id="mes_messages" href="{U_SEARCH_SELF}">
                   {L_SEARCH_SELF}
   </a>
   <!-- END switch_user_logged_in -->
 
 <a id="sans_reponse" href="{U_SEARCH_UNANSWERED}">
           {L_SEARCH_UNANSWERED}
   </a>
</div>

<script type="text/javascript">document.getElementById('nouveaux_messages').innerHTML=document.getElementById('nouveaux_messages').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Nouveaux messages");</script>
<script type="text/javascript">document.getElementById('mes_messages').innerHTML=document.getElementById('mes_messages').innerHTML.replace(/Voir ses messages/,"Mes messages");</script>
<script type="text/javascript">document.getElementById('sans_reponse').innerHTML=document.getElementById('sans_reponse').innerHTML.replace(/Voir les messages sans réponses/,"Messages sans réponse");</script>



<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="categories">
 <div class="header_categories">
                   {catrow.tablehead.L_FORUM}
           </div>
 <!-- END tablehead -->
          
 <!-- BEGIN cathead -->
 <!-- END cathead -->
          
 <!-- BEGIN forumrow -->
 <div class="forum">

                   <div class="STB"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                           {catrow.forumrow.FORUM_NAME}
                          </a>                           <span class="forum_stats">
                          <fp>{catrow.forumrow.POSTS}</fp> Messages - <ft>{catrow.forumrow.TOPICS}</ft> Sujets
                                          <img class="forum_statut" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></div>
                  
           <div class="forum_gauche"><div class="forum_description">
                           {catrow.forumrow.FORUM_DESC}
                   </div>
           </div>
          
           <div class="forum_milieu">
                   <!-- BEGIN avatar -->
             <div class="forum_avatar">
                                   {catrow.forumrow.avatar.LAST_POST_AVATAR}
                   </div>
                   <!-- END avatar -->
                  
                   <div class="forum_dernier">                <div class="sous_forum" id="subforums">
                   {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </div>
                                <div class="forum_dernier_mess">
                                   <span id="last">
                                         {catrow.forumrow.LAST_POST}
                                 </span>
                           </div>
                   </div>
     <script type="text/javascript">jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 2px;">-</span>')).removeAttr('id');</script>
            
                        <div class="clear">
                        </div>
           </div>
                <div class="clear">
                </div>
                
                <script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');</script>
        </div>
 <!-- END forumrow -->
 <!-- BEGIN catfoot -->
 
 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
</div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Tanaka Ryosuke
Tanaka Ryosuke
Metamorphe
https://volubilis-rpg.kanak.fr
Mer 8 Jan - 7:18
Revenir en haut Aller en bas
Tanaka Ryosuke
Code:
/**************************************************** CATEGORIES ****************************************************/
/* SCROLLBAR */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: transparent;}
::-webkit-scrollbar {  width: 8px;height: 8px;background: #11110f!important;}
::-webkit-scrollbar-button {  width: 8px;height: 8px;}
::-webkit-scrollbar-thumb {background: #290e0a;border: 3px solid #000000; border-radius: 46px;}
::-webkit-scrollbar-thumb:active {  background: #000000;}
::-webkit-scrollbar-track {background: #000000;border: 15px solid #000000;border-radius: 10px;}
::-webkit-scrollbar-track:active {  background: #333333;}
::-webkit-scrollbar-corner {background: black;}


/* LIENS HEADER */
.liens_header_categories a {color: #482d1e;font-size: 10px;letter-spacing: 5px;margin: 0 2%;text-transform: uppercase;display: inline-block;}
.liens_header_categories a:hover {color:#cbbdb5;text-shadow: 0 0 1px #cbbdb5;}
.liens_header_categories { text-align: center;margin: 2% 0;}
.categories {color: #1a1a1a;font-family: 'Maven Pro', Arial;padding: 0 0 2% 0;width: 900px;border-radius: 10px;-webkit-box-shadow: inset 0 0 7px 2px rgb(20, 20, 17);
    background-color: #10100e;border: 1px solid #0d0d0c;box-shadow: inset 0 0 7px 2px rgb(20, 20, 17);}

/* TITRE CATEGORIES */
.header_categories {margin:5px;}
.header_categories h2 {background-image: url(https://nsa40.casimages.com/img/2019/09/14/190914075812523871.png);color: #cbbdb5;font-family: 'Old Standard TT', serif;font-size: 10px;letter-spacing: 1px;
line-height: 3.5em;text-shadow: 0px 0px 10px #1E3A48;font-weight: 400;padding: 2% 0;text-align: center;text-transform: uppercase;height: 38px;width: 883px;background-size: contain;margin: auto;}

.forum {padding: 1% 2% 0% 2%;}
.forum_gauche {width: 50%;float: left;}
.forum_milieu {float: left;width: 372px; height: 78px;}

/* NOM FORUM */
a.forumlink {font-weight: 400;height: auto;padding: 5px;color: #34616C!important;
    width: 100%;font-size: 17px;font-family: 'Euphoria Script', cursive;transition: all 1.00s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
a.forumlink::before {content: "ಊ ";}
a.forumlink:hover {transition: all .95s cubic-bezier(0.18, 0.89, 0.32, 1.28);margin-left: 15px;text-shadow: 0 0 1px #1E3A48;}

/* DESCRIPTION */
.forum_description {width: 100%;height: 75px;box-sizing: border-box;font-size: 11px;text-align: justify;
  margin: 1% 0 0 0;color:#887e6d;font-family: 'Old Standard TT', serif;
}
.forum_description lines { height: 38px;overflow: auto;display: block;}
.IDF {background-size: cover;box-shadow: 0 0 5px 5px rgba(13, 11, 9, 0.79) inset;
border-radius: 5px;transition: background-position .95s cubic-bezier(0, 0, 0.2, 1);background-position: inherit;height: 38px; border: 1px solid #0d0908;}
.IDF:hover {background-position: bottom;transition: background-position 1.95s cubic-bezier(0, 0, 0.2, 1);}
/* AVATAR */
.forum_avatar img {
float: left;height: 70px;margin: 1% 2% 0;object-fit: cover;padding: 1%;transition: .5s all;width: 70px;box-shadow: inset 0 0 7px 2px rgba(190, 172, 162, 0.14);}

/* DERNIER MESSAGE */
.forum_dernier_mess {    min-height: 13px;background-color: #1E3A48;border: 1px solid #271911;text-align: center;top: -45px; width: 320px;font-size: 10px;
box-shadow: 0 0 5px 5px #1E3A48 inset;color: #271911; font-family: 'Old Standard TT', serif;padding: 10px;position: relative;}
.forum_dernier_mess a { color: #676F92;}
.forum_dernier {float: left; margin: 60px 92px 0;width: 272px;position: absolute;}

/* STATISTIQUES */
span.forum_stats {  display: inline;font-size: 11px;padding: 6px;text-align: center;float: right;color: #887e6d;    font-family: 'Old Standard TT', serif;}
span.forum_stats ft, span.forum_stats fp {color: #1E3A48;font-family: 'Euphoria Script', cursive;font-size: 18px;}
span.forum_stats img {width: 15px;margin: auto 10px;top: 5px;position: relative;}

/* SOUS FORUM */
.sous_forum a {margin: 2% 0 0;padding: 1%; color: #676F92;line-height: 19px;transition: all .65s cubic-bezier(0.6,-0.28,0.74,0.05);}
.sous_forum a::before {content: "◈ ";}
.sous_forum a:hover {color: #1E3A48;transition: all .3s cubic-bezier(0.6,-0.28,0.74,0.05);}

.header_categories h2 span, .secondarytitle h2 span, .table-title h2 span, .maintitle h2 span, .page-title h2 span { display: none; }
.header_categories h2 .nomcat {margin-top: -15px;width: 382px;}
.STB {width:99%;height:auto;padding:5px;background-color:#0d0908;border: 1px solid #271911;-webkit-box-shadow: inset 0 0 7px 2px #1E3A48;
-moz-box-shadow: inset 0 0 7px 2px rgba(43, 31, 27, 0.61);box-shadow: inset 0 0 7px 2px rgba(43, 31, 27, 0.61);}
.sous_forum{background-color: #1d1913;border: 1px solid #271911;overflow:auto;box-shadow: 0 0 5px 5px rgba(13,11,9,0.51) inset;
color: #887e6d;font-family: 'Old Standard TT', serif;font-size: 10px;padding: 10px;position: relative;text-align: center;top: -55px;height: 10px;width: 320px;}
Tanaka Ryosuke
Tanaka Ryosuke
Metamorphe
https://volubilis-rpg.kanak.fr
Mer 8 Jan - 7:27
Revenir en haut Aller en bas
Sauter vers: