Avada KedagraphConnexion

description[en pause, phase de conceptualisation du projet en cours] Myths of Shadows - MOS - Alpha Kombo²

more_horiz
Alpha Kombo

Le type du code : D'après les possibilités d'écrite dans les règles de la section.
- Fiche de contexte, fiche de groupes (qui peut être la même, juste voir comment l'adapter)
- Une fiche de réponse personnelle
- Une fiche de réponse event
- Une fiche pour les posts Flood (qui, comme les fiches de groupe, pourrait être la même, mais modifiable)
- Les fiches automatiques pour les validations / Bienvenues / refus.
- Une fiche de "supermarché" pour les achats en point (on verra ça ensemble, comme tout d'ailleurs)
- Et tout ce à quoi je n'aurais pas pensé.
Le schéma: obligatoire. Designé ou fait à la main/paint.

Validation :


Message perso :


Contexte (groupes idem sans le déroulant) :


Fiche supermarché :

Acceptez-vous que le code soit mis en LS sur AK ? Vous avez le droit de dire non, mais le partage c'est beau ! Je peux également le poster en LS à retardement, genre dans 1 ou 2 mois pour que vous gardiez l'exclusivité pour votre MAJ et ensuite, quand il n'est plus utilisé, le laisser à la disposition d'autres Smile Pour les fiches ça me pose pas de soucis ^^
Les éléments : Textes/url/couleur/images/police ... N'hésitez pas à écrire vos dimensions et tout ce qui m'aidera à intégrer. Je dirais 500 de large ? Une image, avec Titre, sous titre? Un cadre de texte extensible (pas de barre sur le côté). Un cadre englobant de tout, je sais pas trop comment non-plus.
Un lien vers votre forum/site/Autre: http://myths-of-shadows.forumactif.com/
Autre chose? On a toujours discord pour discuter des détails ^^

fiche réalisée par laxy

descriptionRe: [en pause, phase de conceptualisation du projet en cours] Myths of Shadows - MOS - Alpha Kombo²

more_horiz
Coucou,

Comme Jamy se charge de la partie structure de ton codage, c'est moi qui prend en charge les fiches.

As-tu fait un choix avec Jamy de police pour titre et sous-titre ?

Au niveau des couleurs vu que tu n'as rien préciser, je vais m'inspirer du header de Laxy si ça te va ?

descriptionRe: [en pause, phase de conceptualisation du projet en cours] Myths of Shadows - MOS - Alpha Kombo²

more_horiz

Voilà la palette de base ^^
J'ai également oublié la fiche de personnage, et les fiches de PV/Scénario.
Ainsi que les fiches de demande de nouvelle créature. Je joins les schémas.

Question Typo, on est sur du Josefin Slab pour les titres, time new roman pour les textes basiques, et Jim Nightshade pour les sous-titres. ( interchangeable pour les textes de bases et sous-titres?)

Fiche personnage :

Fiche PV/scéna :

Fiche demande race :
( plus un cadre en dessous, sur toute la longueur pour l'intégration à l'univers du forum )

descriptionRe: [en pause, phase de conceptualisation du projet en cours] Myths of Shadows - MOS - Alpha Kombo²

more_horiz
Et comme un oubli n'arrive jamais seul, j'ai oublié le bestiaire / listing des créatures , du coup ça fait une fiche en plus.

Plutôt que faire un schéma, je donne un lien d'un forum existant, et toujours actif, pour prendre exemple  (je demande pas de plagier x') )

descriptionRe: [en pause, phase de conceptualisation du projet en cours] Myths of Shadows - MOS - Alpha Kombo²

more_horiz
Voici les première fiche :

Fiche de contexte :

Code:

<div class="fondcontexte">
<div class="titrefiche">Mon contexte</div>
<div class="sousfondcontexte">
<img class="imgcontexte" src="https://i72.servimg.com/u/f72/18/19/38/87/fond_v11.png"/>
<div class="contexte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.

Etiam magna orci, maximus in lectus nec, egestas rhoncus augue. Donec commodo, nunc sit amet interdum euismod, velit dui bibendum purus, id maximus ante ligula a enim. Sed ut porttitor dui. Etiam eu ante et risus iaculis imperdiet id nec enim. Vestibulum tincidunt tellus nec iaculis congue. Curabitur fermentum ex ac quam facilisis, a rhoncus est blandit. Pellentesque lacinia nunc et orci vehicula ornare. Praesent efficitur orci ut lorem scelerisque, nec condimentum ipsum viverra. Nulla facilisi. Cras nulla ligula, placerat nec vulputate vel, malesuada lobortis nisl.

Proin eu ex vitae nulla varius consectetur aliquam vitae justo. Donec posuere scelerisque nisi ut gravida. Vivamus vitae suscipit ipsum. Integer facilisis commodo libero, quis laoreet tellus porta ut. In eu dui porttitor, ornare neque nec, imperdiet nisl. Nunc in laoreet elit, vitae lacinia velit. Aenean ut sodales metus. Sed eu molestie ipsum, in pharetra nibh.

Nulla et nunc sodales, pellentesque augue et, posuere nibh. Sed iaculis porttitor ipsum, eu consequat est sollicitudin ac. Nunc bibendum auctor tempor. Phasellus velit sapien, congue eu dui sit amet, molestie convallis sapien. Cras ipsum massa, gravida eu pretium sed, vestibulum eget tellus. Suspendisse pharetra massa lobortis nulla dictum pulvinar. Mauris hendrerit, metus sed dignissim pellentesque, dolor est cursus ex, a maximus neque elit sed libero. Quisque sed ex vel tortor consectetur condimentum. Integer id sapien arcu. Aliquam a euismod libero. Nulla facilisi. Morbi feugiat dignissim leo in molestie. Morbi ornare purus ac convallis ullamcorper. Nulla porttitor sed odio at sodales. Vivamus felis mi, bibendum id blandit in, lobortis a massa. Vestibulum tincidunt ac leo ultricies volutpat.

Morbi tempus ultrices velit, mollis bibendum ipsum porttitor ut. Praesent malesuada pharetra purus, eget tristique quam viverra a. Quisque imperdiet, quam vitae lacinia auctor, leo sapien vulputate nibh, vel aliquet metus purus et metus. Donec ac gravida eros. Integer dui magna, dapibus eu metus vel, condimentum consectetur lectus. Aenean fermentum mattis auctor. Nulla hendrerit facilisis tortor, in ultricies velit vestibulum semper. Ut semper ornare aliquet. Nunc sed lorem eu nibh malesuada aliquam. Nam pharetra placerat egestas. Donec fringilla, sapien eget bibendum laoreet, quam leo condimentum mauris, id faucibus odio turpis et nunc.</div>
</div>

<div class="crediteyo"><a href="http://avada-kedagraph.forumactif.com/">Eyota de Avada Kedegraph</a></div>
</div>



Fiche de Groupe :


Code:

<div class="fondcontexte">
<div class="titrefiche">Nos groupes</div>
<div class="sousfondcontexte">
<img class="imgcontexte" src="https://i72.servimg.com/u/f72/18/19/38/87/fond_v11.png"/>
<div class="contexte">
<p><span style="color: greene; font-weight: bold;">Groupe 1</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>

<p><span style="color: red; font-weight: bold;">Groupe 2</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>

<p><span style="color: yellow; font-weight: bold;">Groupe 3</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>

</div>
</div>

<div class="crediteyo"><a href="http://avada-kedagraph.forumactif.com/">Eyota de Avada Kedegraph</a></div>
</div>



Fiche de flood :


Code:

<div class="fondflood">
<div class="titrefiche">Flood 1</div>
<div class="sousfondflood">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.
</div>
</div><div class="crediteyo"><a href="http://avada-kedagraph.forumactif.com/">Eyota de Avada Kedegraph</a></div>



Fiche de réponse personnel et évent :

Code:

<div class="fondflood">
<div class="titrefiche">Ma réponse personnelle</div>
<div class="sousfondflood">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>
</div>
</div><div class="crediteyo"><a href="http://avada-kedagraph.forumactif.com/">Eyota de Avada Kedegraph</a></div>



Fiche validation, bienvenue, refus :

Code:

<div class="fondflood">
<div class="titrefiche">Ma réponse personnelle</div>
<div class="sousfondflood">
<p class="flotte"><img src="https://i72.servimg.com/u/f72/18/19/38/87/13986910.jpg"/></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>
</div>
</div><div class="crediteyo"><a href="http://avada-kedagraph.forumactif.com/">Eyota de Avada Kedegraph</a></div>



Code:

/* ---FICHE CONTEXTE MYTHS--- */

.fondcontexte {
  width: 500px;
  background-color: #505164;
  border: 2px solid #285daf;
  border-radius: 10px;
  height: 750px;
}

.titrefiche {
  font-family: 'Josefin Slab', serif;
  color: #285daf;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}

.sousfondcontexte {
  background-color: #8ea3a4;
  width : 460px;
  height: 580px;
  margin-left: 20px;
  margin-bottom : 20px;
  padding: 10px;
  text-align: justify;
}

.contexte {
  height: 310px;
  overflow: auto;
  font-family: Times New Roman;
  font-size: 12px;
}

.imgcontexte {
  width: 440px;
  height: auto;
  border-radius: 50% 20% / 10% 40%;
}

.crediteyo {
  color: #FFFFFF;
  font-style: 8px;
  text-decoration: none;
  text-align: center;
  width: 500px;
}

/* ---FICHE FLOOD--- */
.fondflood {
  width: 500px;
  background-color: #505164;
  border: 2px solid #285daf;
  border-radius: 10px;
  height: auto;
}

.sousfondflood {
  background-color: #8ea3a4;
  width : 460px;
  height: auto;
  margin-left: 20px;
  margin-bottom : 20px;
  padding: 10px;
  font-family: Times New Roman;
  font-size: 13px;
  text-align: justify;
}

/* ---FICHE REPONSE--- */
.sousfondrep {
  background-color: #8ea3a4;
  width : 460px;
  height: auto;
  margin-left: 20px;
  margin-bottom : 20px;
  padding: 10px;
  font-family: Times New Roman;
  font-size: 13px;
  text-align: justify;
}

.sousfondrep p::first-letter {
  font-family:'Josefin Slab';
  font-size:3.5em;
  padding-right:0.2em;
  float:left;
  color:#285daf;
}

/* ---FICHE VALIDATION BIENVENUE REFUS--- */
.flotte, .flotte img {
  float:left;
  width: 150px;
  height: 150px;
  margin-right: 5px;
}


/* latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Slab Regular'), local('JosefinSlab-Regular'), url(https://fonts.gstatic.com/s/josefinslab/v8/lW-5wjwOK3Ps5GSJlNNkMalnqg6v.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

descriptionRe: [en pause, phase de conceptualisation du projet en cours] Myths of Shadows - MOS - Alpha Kombo²

more_horiz
Coucou,

Voici une nouvelle fiche avec la totalité du css :

Fiche personnage :

Code:

<div class="fondflood">
<div class="titrefiche">Prénom Nom</div>
<table><tr><td><div style="background-image: url(https://i.imgur.com/s3Ehke0.png)" class="vavafiche"><center><p class="soustitrepresa" style="line-height:305px;">Pseudo</p></center></div></td><td><div class="identite"><p class="soustitrepresa">Mon identité</p><br/><strong>Prénom :</strong> écrire ici
<strong>Nom :</strong> écrire ici
<strong>Date et lieu de naissance :</strong> écrire ici
<strong>Race :</strong> écrire ici
<strong>Marque de sorcier (si sorcier) :</strong> écrire ici
<strong>Dons (si demi-dieux/créature) :</strong> écrire ici
<strong>Métier :</strong> écrire ici
<strong>Orientation sexuelle :</strong> écrire ici
<strong>Situation matrimoniale :</strong> écrire ici
<strong>Objet personnel :</strong> écrire ici </div></td></tr></table>
<div class="sousfondflood">
<p class="soustitrepresa">Anecdote</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>

<p class="soustitrepresa">Caractère</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>
</div>

<div class="sousfondflood">
<p><p class="soustitrepresa">Mon histoire</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>
</div>
<table><tr><td><img src="https://i.imgur.com/M2uUZUA.png" class="iconpresa1"/></td><td><div class="cadreirl"><p class="soustitrepresa">Derrière l'écran</p><b>Pseudo web</b> : écrire ici • <b>Surnom(s)</b> : écrire ici • <b>Âge</b> : écrire ici • <b>Ce que tu fais dans la vie </b> : écrire ici • <b>Comment avez vous connu le forum ?</b> : écrire ici • <b>Comment trouves tu le forum ?</b> : écrire ici • <b>Un petit mot</b> : écrire ici • <b>Souhaite tu être parrainé ?</b> : écrire ici</div></td></tr></table>
</div><div class="crediteyo"><a href="http://avada-kedagraph.forumactif.com/">Eyota de Avada Kedegraph</a></div>


Fiche PV :

Code:

<div class="fondflood">
<div class="titrefiche">Prénom Nom</div>
<table><tr><td><div style="background-image: url(https://i.imgur.com/s3Ehke0.png)" class="vavafiche"><center><p class="soustitrepresa" style="line-height:305px;">Pseudo</p></center></div></td><td><div class="identite"><p class="soustitrepresa">Mon identité</p><br/><strong>Prénom :</strong> écrire ici
<strong>Nom :</strong> écrire ici
<strong>Date et lieu de naissance :</strong> écrire ici
<strong>Race :</strong> écrire ici
<strong>Marque de sorcier (si sorcier) :</strong> écrire ici
<strong>Dons (si demi-dieux/créature) :</strong> écrire ici
<strong>Métier :</strong> écrire ici
<strong>Orientation sexuelle :</strong> écrire ici
<strong>Situation matrimoniale :</strong> écrire ici
<strong>Objet personnel :</strong> écrire ici </div></td></tr></table>
<div class="sousfondprez">
<p class="soustitrepresa">Anecdote</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orci.</p>

<p class="soustitrepresa">Caractère</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum aliquam cursus. Suspendisse malesuada nibh ac ullamcorper tempor. Curabitur finibus porttitor eros a auctor. Vestibulum eu pretium sapien. Nulla tincidunt turpis vel massa consectetur, et ultrices nisl ultrices. Duis feugiat nisl ac sem ultrices, id tincidunt metus consequat. Maecenas tristique auctor ante, et efficitur risus pulvinar vel. Vestibulum ac nunc in enim varius convallis et sed orc</p></div><table><tr><td><img src="https://i.imgur.com/M2uUZUA.png" class="iconpresa1"/></td><td><div class="cadreirl"><p class="soustitrepresa">Prénom Nom</p>Description du lien</div></td></tr>
<tr><td><img src="https://i.imgur.com/M2uUZUA.png" class="iconpresa1"/></td><td><div class="cadreirl"><p class="soustitrepresa">Prénom Nom</p>Description du lien</div></td></tr>
<tr><td><img src="https://i.imgur.com/M2uUZUA.png" class="iconpresa1"/></td><td><div class="cadreirl"><p class="soustitrepresa">Prénom Nom</p>Description du lien</div></td></tr></table>
</div><div class="crediteyo"><a href="http://avada-kedagraph.forumactif.com/">Eyota de Avada Kedegraph</a></div>


Code:

/* ---FICHE CONTEXTE MYTHS--- */

.fondcontexte {
  width: 500px;
  background-color: #505164;
  border: 2px solid #285daf;
  border-radius: 10px;
  height: 750px;
}

.titrefiche {
  font-family: 'Josefin Slab', serif;
  color: #285daf;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}

.sousfondcontexte {
  background-color: #8ea3a4;
  width : 460px;
  height: 580px;
  margin-left: 20px;
  margin-bottom : 20px;
  padding: 10px;
  text-align: justify;
}

.contexte {
  height: 310px;
  overflow: auto;
  font-family: Times New Roman;
  font-size: 12px;
}

.imgcontexte {
  width: 440px;
  height: auto;
  border-radius: 50% 20% / 10% 40%;
}

.crediteyo {
  color: #FFFFFF;
  font-style: 8px;
  text-decoration: none;
  text-align: center;
  width: 500px;
}

/* ---FICHE FLOOD--- */
.fondflood {
  width: 500px;
  background-color: #505164;
  border: 2px solid #285daf;
  border-radius: 10px;
  height: auto;
}

.sousfondflood {
  background-color: #8ea3a4;
  width : 460px;
  height: auto;
  margin-left: 20px;
  margin-bottom : 20px;
  padding: 10px;
  font-family: Times New Roman;
  font-size: 13px;
  text-align: justify;
}

/* ---FICHE REPONSE--- */
.sousfondrep {
  background-color: #8ea3a4;
  width : 460px;
  height: auto;
  margin-left: 20px;
  margin-bottom : 20px;
  padding: 10px;
  font-family: Times New Roman;
  font-size: 13px;
  text-align: justify;
}

.sousfondrep p::first-letter {
  font-family:'Josefin Slab';
  font-size:3.5em;
  padding-right:0.2em;
  float:left;
  color:#285daf;
}

/* ---FICHE VALIDATION BIENVENUE REFUS--- */
.flotte, .flotte img {
  float:left;
  width: 150px;
  height: 150px;
  margin-right: 5px;
}

/* ---FICHE PERSONNAGE--- */
.fondflood table {
  border: none;
}

.vavafiche {
  height: 305px;
    margin-bottom: 10px;
    margin-left: 20px;
    width: 185px;
}

.identite {
  background-color: #8ea3a4;
    box-shadow: 1px 2px 2px #585858;
    font-size: 12px;
    height: 290px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 20px;
    overflow: auto;
    padding: 5px;
    text-align: justify;
    width: auto;
}

.soustitrepresa {
    color: #285daf;
    font-family: 'Jim Nightshade', cursive;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px 1px #271219;
}

.cadreirl {
    background-color: #8ea3a4;
    font-size: 12px;
    height: 100px;
    margin-left: 10px;
    margin-right: 5px;
    overflow: auto;
    padding: 5px;
    text-align: justify;
    width: 340px;
}

.iconpresa1 {
    height: 100px;
    margin-right: 0px;
    width: 100px;
  margin-left: 10px;
}

.sousfondprez {
  background-color: #8ea3a4;
  width : 460px;
  height: auto;
  margin-left: 20px;
  margin-bottom : 5px;
  padding: 10px;
  font-family: Times New Roman;
  font-size: 13px;
  text-align: justify;
}

/* ---FICHE PV--- */
.lienpv{
width:280px;
height:auto;
margin-left: 0px;
}


/* latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Slab Regular'), local('JosefinSlab-Regular'), url(https://fonts.gstatic.com/s/josefinslab/v8/lW-5wjwOK3Ps5GSJlNNkMalnqg6v.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Jim Nightshade';
  font-style: normal;
  font-weight: 400;
  src: local('Jim Nightshade'), local('JimNightshade-Regular'), url(https://fonts.gstatic.com/s/jimnightshade/v5/PlIkFlu9Pb08Q8HLM1PxmB0g-NSxXXu6aA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jim Nightshade';
  font-style: normal;
  font-weight: 400;
  src: local('Jim Nightshade'), local('JimNightshade-Regular'), url(https://fonts.gstatic.com/s/jimnightshade/v5/PlIkFlu9Pb08Q8HLM1PxmB0g-NS_XXs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

descriptionRe: [en pause, phase de conceptualisation du projet en cours] Myths of Shadows - MOS - Alpha Kombo²

more_horiz
reply Répondre avec l'éditeur complet.
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum