Notre fiche de partenariat
Page 1 sur 1
Rosaleen Bishop- Admin
- Messages : 109
Points : 224
Date d'inscription : 14/01/2024
Feuille de personnage
Espèce: Sorcier
Profession / Occupation: Princesse d'Ezedalar
Royaume d'Habitation: Ezedalar
Points de vie:
(100/100)
Or: 600
Re: Notre fiche de partenariat
Pour installer notre fiche de partenariat sur votre forum, il vous suffit de copier/coller ce code dans une nouvelle page HTML sur votre panneau d'administration :
Et ce petit code dans le topic dans lequel vous souhaitez mettre notre page, en remplaçant le "VOTREURL" par le lien de votre page HTML, citée ci-dessus :
- Code:
<style>
/* Fiche de partenariat */
:root{
--bg-fiche:#F0F0F0;
--bg-fond2: #E1E1E1;
--bg-fond3:#C7C7C7;
--color-main: rgba(151, 144, 103, 1);
--color-main-opacity:rgba(151, 144, 103, 0.5);
--color-second:#4C5200;
--color-white:#fff;
--font-title:'Metamorphous', serif;
--font-text:'Nanum Gothic', sans-serif;
}
.fichepartatd, .fichepartatd *{ box-sizing:border-box; }
.fichepartatd{ margin:0 auto; width:650px; }
.fichepartatd br{ display:none; }
.fichepartatd img{ object-fit:cover; }
.fichepartatd a{ text-decoration:none; }
.contexteatd span br{
content: " ";
display: inline-block;
line-height:11px !important; }
.fichepartatd{ background:var(--bg-fiche); border-radius:20px; padding:15px; font-family:var(--font-text); }
.atdfirstflex{ display:flex; justify-content:space-between; margin-bottom:20px;}
.atdfirstflex a{ width:45%; }
.atdfirstflex a img{ width:100%; height:100%; }
.fichepartatd .titleatd{ font-family:var(--font-title); color:var(--color-main); }
.atdfirstflex .atdfirst2{ width:52%; }
.atdfirstflex .titleatd{ font-family:var(--font-title);
font-size:35px; color:var(--color-main); }
.contexteatd span{ display:block; max-height:300px; overflow:auto;
font-size:13px; line-height:18px; text-align:justify; padding-right:10px; margin-bottom:15px; }
.contexteatd a{ border:1px solid var(--color-main); padding:5px; margin:10px 0; border-radius:10px;
color:var(--color-main); font-size:13px; font-family:var(--font-title); transition:500ms; }
.contexteatd a:hover{ background:var(--color-main); color:var(--color-white); letter-spacing:1px; transition:500ms; }
.liensatd{ display:flex; justify-content:space-between; background:var(--bg-fond2); padding:5px; border-radius:5px;}
.liensatd a{ font-family:var(--font-title); transition:500ms; color:var(--color-main); padding:5px; border-radius:5px; }
.liensatd a:hover{ background:var(--bg-fond3); color:var(--color-second); transition:500ms;}
.scenarioatd{ margin-top:20px; margin-bottom:50px;}
.scenarioatd .titleatd{ margin-bottom:10px; }
.rejoindreatd{ background:var(--bg-fond2); padding:10px; border-radius:10px; text-align:justify;
font-size:14px; line-height:18px; }
.titleatd.right{ text-align:right; }
.btnatd{ display:flex; justify-content:center; border:1px solid var(--color-main); padding:5px; margin:10px 0; border-radius:10px;
color:var(--color-main); font-size:19px; font-family:var(--font-title); transition:500ms; margin-top:20px; }
.btnatd:hover{ background:var(--color-main); color:var(--color-white); letter-spacing:1px; transition:500ms; }
.gallery {
margin-bottom:36px;
}
.gallery-cell {
width: 26%;
height: 100px;
margin-right: 10px;
background: #8C8;
counter-increment: gallery-cell;
}
.gallery-cell img{ width:100%; height:120px; object-fit:cover;}
.flickity-prev-next-button{
width:20px !important; height:20px !important;
}
.flickity-page-dots .dot{
background:var(--color-second) !important;
}
.flickity-page-dots .dot.is-selected{
background:var(--color-main);
}
.gallery-cell a{ position:relative; height:100px; display:block; overflow:hidden;}
.gallery-cell a:hover span{ left:0; transition:500ms;}
.gallery-cell a span{ position:absolute; transition:500ms;
top:0; left:-100%; background:var(--color-main-opacity); width:100%; height:100%; display:flex;
align-items:center; justify-content:center; color:#fff;
}</style>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.0.0/flickity.css"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.0.0/flickity.pkgd.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Metamorphous&family=Nanum+Gothic&display=swap" rel="stylesheet">
</head>
<div class="fichepartatd">
<!-- Header et contexte -->
<div class="atdfirstflex">
<a href="#" target="_blank"><img src="https://i.servimg.com/u/f14/20/54/31/62/shadow11.png" class="atdHead"/></a>
<div class="atdfirst2">
<div class="titleatd title1">Shadows of Lorthona</div>
<div class="contexteatd">
<span> Plongez dans un univers légendaire, où magie et mystères s'entremêlent. Dans un monde peuplé de différentes espèces, la paix semble perdurer depuis plusieurs siècles maintenant. Mais des rumeurs inquiétantes circulent, et il ne serait pas impossible que le Mal parvienne finalement à s'extirper de sa prison. L'ensemble des Royaumes du Lorthona est désormais en danger, et nul ne sait quand la guerre éclatera finalement. En incarnant un humain, un sorcier ou une autre créature surnaturelle, explorez, combattez et résolvez des énigmes pour découvrir la vérité.
<br><br>
Parviendrez-vous à contenir le Mal ? Ou participerez-vous à son avènement ? C'est à vous que revient la lourde tâche d'écrire la suite de notre histoire. Et c'est entre vos mains que repose la destinée de tout un peuple.</span>
<a target="_blank" href="https://shadowsoflorthonarpg.forumactif.com/t1-contexte-du-jeu#1">Venir découvrir la suite</a>
</div></div>
<!-- Fin header et contexte -->
</div>
<!-- Liens utiles -->
<div class="liensatd">
<a href="https://shadowsoflorthonarpg.forumactif.com/t2-reglement-general-du-jeu#2" target="_blank">Règlement</a>
<a href="https://shadowsoflorthonarpg.forumactif.com/t3-annexe-les-differentes-especes-jouables#3" target="_blank">Espèces jouables</a>
<a href="https://shadowsoflorthonarpg.forumactif.com/f31-bienvenue-au-lorthona" target="_blank">Présentations</a>
<a href="https://shadowsoflorthonarpg.forumactif.com/f2-avis-de-recherche" target="_blank">Avis de recherche</a>
<a href="https://shadowsoflorthonarpg.forumactif.com/f24-espace-invites" target="_blank">Invités</a>
<a href="https://shadowsoflorthonarpg.forumactif.com/f18-partenariats-et-pubs" target="_blank">Partenariats</a>
</div>
<!-- On les attends -->
<div class="scenarioatd">
<div class="titleatd title2">On les attends !</div>
<!-- Flickity HTML init --><div class="gallery js-flickity"
data-flickity-options='{ "wrapAround": true }'>
<div class="gallery-cell"> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f14/20/54/31/62/dcbzci10.jpg"/><span>Nom du scénario</a></div>
<div class="gallery-cell"> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f14/20/54/31/62/dcbzci10.jpg"/><span>Nom du scénario</a></div>
<div class="gallery-cell"> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f14/20/54/31/62/dcbzci10.jpg"/><span>Nom du scénario</a></div>
<div class="gallery-cell"> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f14/20/54/31/62/dcbzci10.jpg"/><span>Nom du scénario</a></div>
<div class="gallery-cell"> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f14/20/54/31/62/dcbzci10.jpg"/><span>Nom du scénario</a></div>
<div class="gallery-cell"> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f14/20/54/31/62/dcbzci10.jpg"/><span>Nom du scénario</a></div>
<div class="gallery-cell"> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f14/20/54/31/62/dcbzci10.jpg"/><span>Nom du scénario</a></div>
<div class="gallery-cell"> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f14/20/54/31/62/dcbzci10.jpg"/><span>Nom du scénario</a></div>
</div><!-- Fin Flickity -->
<!-- Fin On les attends -->
</div>
<!-- Pourquoi nous rejoindre --><div class="titleatd title2 right">Pourquoi nous rejoindre ?</div><div class="rejoindreatd">Parce que notre univers vous promet des aventures à couper le souffle, que nos membres sont bienveillants et notre staff à l'écoute, parce que nous avons des personnages hauts en couleur et qui vous promettent un milliard d'émotions différentes et parce qu'une fois que vous aurez commencé à écrire votre histoire avec nous, vous ne pourrez plus vous passer du monde de Lorthona.</div>
<!-- Bouton -->
<a href="https://shadowsoflorthonarpg.forumactif.com/" class="btnatd" target="_blank">Viens t'amuser sur Shadows of Lorthona !</a>
<!-- Fin fiche pub -->
</div>
Et ce petit code dans le topic dans lequel vous souhaitez mettre notre page, en remplaçant le "VOTREURL" par le lien de votre page HTML, citée ci-dessus :
- Code:
<center><iframe src="VOTREURL" style="width: 670px; height: 1000px;" marginheight="0" frameborder="0" scrolling="no"></iframe></center>
Rosaleen Bishop- Admin
- Messages : 109
Points : 224
Date d'inscription : 14/01/2024
Feuille de personnage
Espèce: Sorcier
Profession / Occupation: Princesse d'Ezedalar
Royaume d'Habitation: Ezedalar
Points de vie:
(100/100)
Or: 600
Sujets similaires
» Modèle de fiche de prédéfini
» Modèle de fiche de présentation
» Modèle de fiche de recherche de liens
» Modèle de fiche de présentation
» Modèle de fiche de recherche de liens
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|