Codage catégorie mis en coin

Code:


.nephcat {
    background-color: var(--colorfond);
    margin-bottom: 50px;
    margin-left: -5px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 900px;
    margin: auto;
}
.inline{
  display:inline-block;
  vertical-align:top;
}

.catCentre{    margin-bottom: 20px;
}

.HOCtitrecateho{
      text-align: left;
    /* width: 100%; */
    margin-left: 20px;
}
.h222 {    background-color: #313a3a!important;
    border-radius: 0px;
    /* box-shadow: 0 1px 2px rgba(0,0,0,0.3); */
    color: #e9ebed;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 12px;
    margin-top: -10px;
    overflow: hidden;
    padding: 9px 18px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%!important;
    background-color: #313a3a;
    color: #c2ced0;
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 15px;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
}
h2 {
    color: #e9ebed;
    font-family: Roboto, sans-serif;
    font-size: 2em;
    font-weight: 400;
    margin: 0;
}
.sousForums{
 font-size: 0;
    height: 75px;
    margin-left: 20px;
    margin-top: -5px;
    overflow: auto;
    padding-top: 5px;
    position: relative;
    width: 200px;

}
.sousForums a{
  background-color: #356361;
    border-bottom: 1px solid var(--colorone);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);display: grid;
    color: #e9ebed;
    /* display: inline-block; */
    font-family: Roboto, sans-serif;
    font-size: 9px;
    font-weight: 500;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 190px!important;
    height: 15px;
}
.catTitreForum {
   border-bottom: 1px solid rgba(0,0,0,0.1);
    color: #726c53;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: -10px;
    padding: 3px;
    text-align: right;
    width: 95%;
}
.catDescrip{
background-color: var(--colorthree);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-sizing: border-box;
    color: var(--colorone);
    height: 65px;
    line-height: 14px;
    margin-left: 225px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    text-align: justify;
    width: 300px;
}
.nephsusu{ color: var(--colorone);
    height: auto;
    line-height: 20px;
    margin-left: 570px;
    margin-top: -85px;
    padding: 20px;
    position: absolute;
    width: 260px;
}
.Nephatar {      margin-left: 540px;
    margin-top: -70px;
    position: absolute;
}
.Nephatar img{    width: 41px;
}
.titre_cat {
        margin-bottom: -5px;
}
.cateHocimg img {
    border-bottom-right-radius: 15px;}

.Bout{margin-left: 750px;
    margin-top: -70px;
    position: absolute;
    z-index: 997;}

.Bout img {width:40px;}

.nephsusu strong {        background-color: #68a4a12b;
    display: inline-block;
    font-size: 9px;
    heigh: auto;
    letter-spacing: 1px;
    padding: 0 1% 1%;
    width: 200px;}


Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="nephcat">
  <div class="h222">{catrow.tablehead.L_FORUM}</div>
 <!-- END tablehead -->
 <!-- BEGIN forumrow -->
  <div class="catCentre"> <div class="catTitreForum"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>





    <div class="catcentre"></div>
 <div class="catDescrip">{catrow.forumrow.FORUM_DESC}</div>
    <div class="sousForums">{catrow.forumrow.LINKS}<br/></div>
<div class="Bout"><img class="newOldLock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
    <!-- BEGIN avatar -->
                <div class="Nephatar"> {catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
  <!-- END avatar -->
<div class="nephsusu"> {catrow.forumrow.LAST_POST}</div>




 
  </div>
 <!-- END forumrow -->
 <!-- BEGIN tablefoot -->

</div><!-- END tablefoot --><!-- END catrow -->

Bonjour, ou bonsoir

Tu es donc ici pour référencer ton univers, j'espère que tu as lu le fonctionnement ! Sinon, vas y jeter un oeil!

Peu importe la plateforme, tu peux référencer ici tout ce qui touche au RPG, univers comme autre site en rapport. Nous acceptons même les projets tant qu'il y a une plateforme en ligne ! Saches que nous te demanderons d'indiquer notre bouton, tout simplement, dans un coin de ton univers, histoire de...tu pourras le mettre où tu le souhaites par ailleurs, nous ne sommes pas exigeant

Tu n'es pas obligé d'être admin pour référencer l'univers, le repertoire est communautaire, donc à toi d'inscrire l'univers que tu souhaites


Voici nos boutons:

50*50

Code:

<a href="https://almanachdurpgiste.forumactif.com/forum"><img src="https://i.imgur.com/jJ8MMvD.jpg"/></a>


88*31

Code:

<a href="https://almanachdurpgiste.forumactif.com/forum"><img src="https://i.imgur.com/sUg4tc0.jpg"/></a>


100*35

Code:

<a href="https://almanachdurpgiste.forumactif.com/forum"><img src="https://i.imgur.com/IAIqAMT.jpg"/></a>


250*60

Code:

<a href="https://almanachdurpgiste.forumactif.com/forum"><img src="https://i.imgur.com/jIUEGnp.jpg"/></a>


Maintenant le formulaire pour référencer ton univers.

Code:

<div class="PTI">Nom du site</div>
<ADR> Plateforme</ADR>: [_]Forum [_]Facebook [_] Discord [_]Autre ( préciser la plateforme)
<ADR> Genre </ADR> : [_]Historique [_] Contemporain [_]Fantastique [_]Science-Fiction [_]Autres
<ADR> Sous genre</ADR>: Préciser ici le sous genre du forum
<ADR> Style avatar</ADR>: [_]Réaliste [_]Illustrés [_] Mangas [_]Mélangés
<ADR> Limite d'âge</ADR>: [_] Aucune [_] 16+ [_] 18+ [_] Autre (préciser)
<ADR> Taille des avatars</ADR> : [_] 200*320 [_]200*400 [_] Autre (préciser)
<ADR> Lieux du jeu </ADR> : [_]Amérique du Nord [_]Amérique du Sud [_] Europe [_]Asie [_] Autres (préciser [_]Iventés
<ADR> Nombre de mots demandés</adr>: [_] Aucun [_] 350 mots [_] 500 mots et plus [_]Autre (préciser)
<ADR> Activité demandée</ADR> : [_] Aucune [_] 1rp par mois [_] 2 rp par mois [_] Autre (préciser)
<ADR> Didi/CB </ADR> [_] Discord [_] CHatbox
<ADR>Créatures </ADR> [_] Humains[_] Vampires [_]Sorciers [_]Envahisseurs [_]Démons [_]Dieux [_]DemièDieux [_]Héros/vilain [_] Autres (précisez ce sera rajouté dans l'annuaire)
<ADR> La fiche de pub</ADR>

[code]Indiquer ici votre fiche de pub, le forum étant sécurisé, n'oubliez pas qu'une iframe provenant d'un univers non sécurisé ne passera pas ;)[/code]

<ADR> Le bouton 250*60</ADR>:

[code] <a href="URL"><img src="URL"/></a>[/code]

<adr> Pour le second topic </ADR>:

[code]<div class="PTI">Nom du site</div>
<div class="STI"><a href="#"> Laissez libre pour le staff de ADR qui mettra le lien de votre premier sujet news ;)</a></div>
 
Ici écrire un petit texte d'introduction pour ton topic invité ;)[/code]