Liens#3

Il s'agit d'une fiche de liens, qui peut accueillir vos listings de RPGs à venir / en cours / terminés. Bref, comme vous voulez.
Si jamais vous voulez que cette fiche soit adaptée pour autre chose, n'hésitez pas à demander !

Le CSS est un CSS externe à la fiche, à intégrer dans votre fiche CSS. Je la propose personnellement à mes membres dans des "codes en vrac". Ainsi la fiche s'adapte automatiquement aux couleurs de mon forum lorsque je change de thème, ce qui permet aux membres d'avoir leur fiche qui s'harmonise automatiquement.
Si vous souhaitez que j'intègre le CSS directement dans la fiche, parce que vous n'êtes pas Administrateur sur le forum où vous souhaitez l'utiliser, vous pouvez demander aussi ! Je ne le propose pas pour le moment car je n'en ai pas l'utilité, mais ça ne me dérange pas de proposer le code avec le CSS intégré.

◈ Rendu du 1er message ◈


◈ Rendu du 2ème message ◈



◈ Le crédit ne doit évidemment pas être enlevé.
◈ La largeur est de 400px.
◈ Vous pouvez modifier : les couleurs, les images et le style d'écriture.
◈ Si vous avez un problème, n'hésitez pas à poster ici !


Le 1er message :

Code:

<center><link href="https://fonts.googleapis.com/css?family=Crete+Round|Yrsa" rel="stylesheet" /><div class="LBfond"><img src="https://media3.giphy.com/media/LTOnabhOZxpXa/source.gif" style="width:100%;" /><div class="LBtitre">Pseudo</div><br/>
<table width=90%><tr><td width=50%><div class="LBtitre2">Ce qu'il faut savoir de moi</div><p class="LBcontenu">Contenu</p></td><td width=50%><div class="LBtitre2">Ce que je recherche</div><p class="LBcontenu">Contenu</p></td></tr></table>
<div style="font-size:8px;">Loukoum sur <a href="https://tourmaline.forumactif.com/" target="_blank">Tourmaline</a></div></center>

Le 2ème message :

Code:

<center><div class="LBfond"><div class="LBtitre3">Titre</div><table><tr><td width=80px align=center><img src="https://2img.net/u/3214/32/18/76/avatars/21-33.jpg" style="height:100px;" /></td><td><p class="LBcontenu2"><span class="LBtitre2">Pseudo - Lien</span><br/>
Contenu</p></td></tr></table></div>
<div style="font-size:8px;">Loukoum sur <a href="https://tourmaline.forumactif.com/" target="_blank">Tourmaline</a></div></center>

Et dès que vous souhaitez rajouter une personne, voici le code de ligne du tableau à rajouter juste avant le /table.

Code:

<tr><td width=80px align=center><img src="https://2img.net/u/3214/32/18/76/avatars/21-33.jpg" style="height:100px;" /></td><td><p class="LBcontenu2"><span class="LBtitre2">Pseudo - Lien</span><br/>
Contenu</p></td></tr>

Le CSS :

Code:

/*---------------------------------------------------------------------*/
/*---------------------------Fiche de liens---------------------------*/
/*---------------------Loukoum sur Tourmaline---------------------*/
/*---------------------------------------------------------------------*/
.LBfond{
  width:90%;
  background-color:#532724;
  background-image: url("https://www.transparenttextures.com/patterns/xv.png");
  border:2px outset #f87001;
}

.LBtitre{
  width:95.5%;
  background-color:#fbefcd;
  color:#f87001;
  font-size:30px;
  border-top:2px solid #f87001;
  border-bottom:2px solid #f87001;
  padding:10px;
}

.LBtitre2{
  width:90%;
  color:#fbefcd;
  font-family:'Crete Round';
  font-size:15px;
  border-bottom:2px solid #f87001;
}

.LBcontenu{
  width:80%;
  padding-right:10px;
  height:200px;
  overflow:auto;
  text-align:justify;
  font-family:'Yrsa';
  font-size:12px;
  color:#fbefcd;
}

.LBtitre3{
  width:100%;
  background-color:#fbefcd;
  color:#f87001;
  font-family:'Crete Round';
  font-size:20px;
  border-bottom:2px solid #f87001;
}

.LBcontenu2{
  width:95%;
  padding-right:10px;
  height:100px;
  overflow:auto;
  text-align:justify;
  font-family:'Yrsa';
  font-size:12px;
  color:#fbefcd;
}