Votez !
Aller en haut Aller en bas
Bienvenue sur LGDC RPG
-39%
Le deal à ne pas rater :
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
399 € 649 €
Voir le deal

Toutes les fiches

Forum test :: Votre 1ère catégorie :: Votre 1er forum
Sun&Kayl
Admin
Messages Messages : 29
Date d'inscription Date d'inscription : 17/06/2019

Le personnage
Sexe du chat: Autre
Âge du chat: 112
Mentor/Apprenti: Non
 https://machaon-emeraude.forumactif.comhttps://machaon-emeraude.forumactif.comhttps://machaon-emeraude.forumactif.com
Sun&Kayl
 13.02.20 20:39
FICHE DE PARTOS
(à modif dans la page HTML des Modules)

Code:
<style type='text/css'>
.partos {
    background: var(--color2);
    width: 500px;
    margin: 0 auto 5px;
    border: var(--color3) 1.5px solid;
}

.partos_entete {
    margin-bottom: 10px;
}

.partos_entete img {
    height: 100px;
    width: 100px;
    padding: 5px;
    margin: 5px 5px 3px 15px;
    border: 1px solid var(--color3);
    border-radius: 100%;
}

.partos_titre {
    display: inline-block;
    height: 100px;
    overflow: hidden;
    width: 324px;
    padding: 5px;
    margin: 5px;
}

.partos_entete h1 {
    font-family: var(--police-titre);
    text-align: center;
    font-size: 29px;
    margin: 25px 0px 0px 0px;
    color: var(--color3);
    text-shadow: 1px 1px 0px var(--color5);
}
.partos_entete hr {
    font-weight: normal;
    margin: 5px auto;
    border: 0.5px solid var(--color3);
    width: 50%;
    box-shadow: 1px 1px 0 var(--color5);
}
.partos_entete h2 {
    text-transform: uppercase;
    font: 13px var(--police-text);
    margin-top: 10px;
    height: 65px;
    overflow: auto;
    text-align: center;
    color: var(--color3);
}
.partos_entete:after {
    content: "";
    width: 460px;
    height: 1px;
    background: var(--color4);
    display: block;
    margin: 0 auto 15px;
    box-shadow: 1px 1px 0 var(--color5);
}
.partos_liens {
    display: inline-block;
    overflow: hidden;
    height: 268px;
    padding: 0px 10px;
    width: 155px;
}
.partos_liens a {
    width: 140px;
    background: var(--color3);
    margin-bottom: 10px;
    padding: 4px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: var(--color2);
    text-transform: uppercase;
    font: 13px var(--subtitle);
    transition: all 0.6s;
}
.partos_liens a:hover {
    width: 130px;
    background: var(--color6);
    transition: all 0.6s;
}
.partos_contexte {
    background: url(https://zupimages.net/up/20/07/9ja5.png);
    background-size: cover;
    width: 325px;
    height: 268px;
    margin-left: 5px;
    overflow: hidden;
    display: inline-block;
}
.partos_contexte span {
    background: var(--color3);
    border-bottom: 2px var(--color4) solid;
    text-align: center;
    padding: 1px;
    display: block;
    text-transform: uppercase;
    color: var(--color2);
    font: italic 20px var(--subtitle);
    text-shadow: 1px 1px 0 var(--color6);
}
.partos_contexte div {
    background: rgba(167, 174, 200, 0.7);
    height: 200px;
    width: 300px;
    margin: 19px auto 0px auto;
    padding: 5px;
    overflow: auto;
    font: 14px var(--police-text);
    text-align: justify;
    outline-offset: 5px;
    outline: 1px solid var(--color3);
    color: var(--color5);
    border: 1px solid var(--color3);
}
.partos_infos {
    display: inline-block;
    width: 340px;
    margin: 0px 7px 6px 16px;
    height: 200px;
    overflow: auto;
    background: var(--color4);
    text-align: justify;
    padding: 5px;
    line-height: 17px;
    border: 1px solid var(--color3);
    font: 14px var(--police-text);
    color: var(--color5);
    outline: 1px solid var(--color3);
    outline-offset: 5px;
}
.partos_img {
    overflow: hidden;
    height: 212px;
    width: 115px;
    margin-left: 7px;
}
.partos_credit {
    text-align: center;
    color: var(--color3);
    font: 10px var(--subtitle);
    position: relative;
    top: 15px;
}
.partos_credit > a {
    text-decoration: none;
    color: var(--color4);
}
</style>

<div class="partos"><div class="partos_entete"><img src="https://www.zupimages.net/up/20/07/t94s.png"><div class="partos_titre"><h1>La Guerre des Clans RPG</h1><hr><h2>Forum RPG LGDC ~ 250 mots minimum</h2></div></div><div class="partos_liens"><a href="http://laguerredesclans-rpg.forumsactifs.com/t1-r">Règlement</a><a href="http://laguerredesclans-rpg.forumsactifs.com/t125-l">Effectifs</a><a href="http://laguerredesclans-rpg.forumsactifs.com/f175-a">Annexes</a><a href="http://laguerredesclans-rpg.forumsactifs.com/f9-p">Prédéfinis</a><a href="http://laguerredesclans-rpg.forumsactifs.com/f22-questions">Questions</a><a href="http://laguerredesclans-rpg.forumsactifs.com/f84-p">Partenariats</a><a href="http://laguerredesclans-rpg.forumsactifs.com/t3851-r">Le staff</a><a href="http://laguerredesclans-rpg.forumsactifs.com/f10-g">La gazette</a></div><div class="partos_contexte"><span>Contexte</span><div>Oh, pauvre minou ! Tu es né, mon pauvre, dans une forêt bien dangereuse ! En échange de la liberté contenant plusieurs plaisirs, tu te retrouves en contrepartie confronté aux guerres, aux maladies et face à de multiples dangers ! Tu es très sûrement né dans l'un des quatre Clans, celui du Tonnerre, de la Rivière, du Vent ou bien encore de l'Ombre, chacun ayant ses propres particularités. Mais ce qu'ils ont en commun, c'est la rivalité entre Clans, l'entraide entre amis, le plaisir et le goût de la chasse. Alors, petit chaton, que vas-tu faire ? Seras-tu un digne membre servant son Clan et combattant les autres en cas de besoin, ou seras-tu un traître ne voulant que le pouvoir ? À toi de voir... Ou alors es-tu un jeune solitaire, ne se retrouvant dans aucun Clan et vagabondant dans la forêt ? Cher chaton, quoiqu'il se passe et que tu fasses, plein de choses doivent t'arriver, c'est ton destin. Hors, si tu es né dans une maison bien confortable, avec nourriture à volonté et douceur, restes-y si tu veux, mais dis-toi que là-dehors, plein d'aventures t'attendent ! Quoiqu'il en soit, fais confiance au digne Clan des Étoiles, qui veille sur tous les chats valeureux. Ah ! Mais que se passe-t-il ? Tout s'embrouille, tout change ! Comment ça, Cerfblanc n'est pas forcément ta maison ? En effet, au delà, et bien au delà, du Clan de l'Ombre, à des kilomètres se trouvent la brume et les marais. Naîtras-tu plutôt ici, là où le Clan des Étoiles n'a aucun pouvoir, là où la Terre et l'Eau sont nos seuls vrais ancêtres ? Tellement de chemins s'offrent à toi, tout dépend d'où se trouve le ventre de ta mère. Mais encore une fois, tout va sûrement changer... </div></div><br><br><div class="partos_infos">→ Forum fondé le 26 mars 2010<br>→ 4 Clans mythiques : Tonnerre, Ombre, Rivière, Vent<br>→ Nouveauté : 2 Troupes (Embrumée et Inondée) et les Escogriffes, avec leurs propres traditions et coutumes pour plus de possibilités encore<br>→ Plusieurs guides pour vous aider et vous inspirer<br>→ Des membres actifs et toujours prêts à proposer de nombreux liens<br>→ Un staff présent et motivé<br>→ <strong>493</strong> membres inscrits<br>→ <strong>100847</strong> messages postés<br>→ Des rps à profusion et une bonne ambiance ! </div><img class="partos_img" src="https://zupimages.net/up/20/07/3xtk.png"><div class="partos_credit">(c) codage par Neph pour <a href="http://laguerredesclans-rpg.forumsactifs.com/">LGDC RPG</a></div></div>
Sun&Kayl
Admin
Messages Messages : 29
Date d'inscription Date d'inscription : 17/06/2019

Le personnage
Sexe du chat: Autre
Âge du chat: 112
Mentor/Apprenti: Non
 https://machaon-emeraude.forumactif.comhttps://machaon-emeraude.forumactif.comhttps://machaon-emeraude.forumactif.com
Sun&Kayl
 17.02.20 8:34
RÉPERTOIRE DE LIENS

Joli nom ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta nulla, eu commodo ex imperdiet vel. Nam a efficitur mi. Nullam consectetur, nisi nec consectetur semper, sapien urna posuere risus, ac facilisis nisl ante quis purus. Integer vehicula augue nec placerat molestie. Aenean commodo mi lacus, et dapibus magna facilisis nec. Cras auctor tristique erat, in mollis diam mollis eu. Vestibulum condimentum non nisl eu accumsan. Aenean nec dictum nunc, quis pretium est. Aenean tristique elementum purus, at dignissim arcu iaculis in. Quisque molestie porta felis, dictum tincidunt turpis facilisis in. Phasellus nec elementum elit. Etiam quis sapien et mi egestas egestas. Phasellus ut cursus ligula.

Fusce eu porttitor odio. Maecenas vel ex et purus feugiat sagittis suscipit sit amet ligula. Vestibulum nec felis aliquet, sodales augue quis, sodales enim. Maecenas eget euismod sem. Morbi lacus sem, ultrices eget ante vitae, dignissim molestie sapien. Pellentesque accumsan, massa sed fermentum placerat, tellus massa finibus nibh, sed congue quam arcu vel elit. Praesent ullamcorper sagittis tincidunt. Nunc a porttitor libero. Proin ut diam ut ex pharetra placerat eu et massa. Integer cursus placerat urna sed placerat. Vivamus in erat diam. Suspendisse tempus scelerisque congue. Aenean sagittis non quam vitae rhoncus. Proin imperdiet lacus neque, ut euismod dui aliquet a. Donec in sem eget massa varius fringilla vitae nec nisi.

13 lunes
Mâle
Clan de la Rivière
Guerrier

Répertoire des liens


Nom Perso

Je t'aime tu me fuis, tu m'aimes je te fuis


Âge : 13 lunes
Sexe : Mâle
Clan : Rivière

Description ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta nulla, eu commodo ex imperdiet vel. Nam a efficitur mi. Nullam consectetur, nisi nec consectetur semper, sapien urna posuere risus, ac facilisis nisl ante quis purus. Integer vehicula augue nec placerat molestie.

Nom Perso

Je t'aime tu me fuis, tu m'aimes je te fuis


Âge : 13 lunes
Sexe : Mâle
Clan : Rivière

Description ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta nulla, eu commodo ex imperdiet vel. Nam a efficitur mi. Nullam consectetur, nisi nec consectetur semper, sapien urna posuere risus, ac facilisis nisl ante quis purus. Integer vehicula augue nec placerat molestie.

Nom Perso

Je t'aime tu me fuis, tu m'aimes je te fuis


Âge : 13 lunes
Sexe : Mâle
Clan : Rivière

Description ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta nulla, eu commodo ex imperdiet vel. Nam a efficitur mi. Nullam consectetur, nisi nec consectetur semper, sapien urna posuere risus, ac facilisis nisl ante quis purus. Integer vehicula augue nec placerat molestie.




Aperçu :
Code:
<div class="tcardperso"><h1>Joli nom ici</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta nulla, eu commodo ex imperdiet vel. Nam a efficitur mi. Nullam consectetur, nisi nec consectetur semper, sapien urna posuere risus, ac facilisis nisl ante quis purus. Integer vehicula augue nec placerat molestie. Aenean commodo mi lacus, et dapibus magna facilisis nec. Cras auctor tristique erat, in mollis diam mollis eu. Vestibulum condimentum non nisl eu accumsan. Aenean nec dictum nunc, quis pretium est. Aenean tristique elementum purus, at dignissim arcu iaculis in. Quisque molestie porta felis, dictum tincidunt turpis facilisis in. Phasellus nec elementum elit. Etiam quis sapien et mi egestas egestas. Phasellus ut cursus ligula.

Fusce eu porttitor odio. Maecenas vel ex et purus feugiat sagittis suscipit sit amet ligula. Vestibulum nec felis aliquet, sodales augue quis, sodales enim. Maecenas eget euismod sem. Morbi lacus sem, ultrices eget ante vitae, dignissim molestie sapien. Pellentesque accumsan, massa sed fermentum placerat, tellus massa finibus nibh, sed congue quam arcu vel elit. Praesent ullamcorper sagittis tincidunt. Nunc a porttitor libero. Proin ut diam ut ex pharetra placerat eu et massa. Integer cursus placerat urna sed placerat. Vivamus in erat diam. Suspendisse tempus scelerisque congue. Aenean sagittis non quam vitae rhoncus. Proin imperdiet lacus neque, ut euismod dui aliquet a. Donec in sem eget massa varius fringilla vitae nec nisi.</p><div class="tcard_infos"><div class="vava"><img src="https://www.zupimages.net/up/20/07/t94s.png"/></div></div><div class="info"><img src="https://zupimages.net/up/19/30/h3xn.png"/><span>13 lunes</span></div><div class="info"><img src="https://zupimages.net/up/19/30/fgj8.png"/><span>Mâle</span></div><div class="info"><img src="https://zupimages.net/up/19/30/7rvo.png"/><span>Clan de la Rivière</span></div><div class="info"><img src="https://zupimages.net/up/19/30/ogru.png"/><span>Guerrier</span></div><br><h1>Répertoire des liens</h1>
<!--DÉBUT LIEN--><div class='bloclien'><img src='https://www.zupimages.net/up/20/07/t94s.png'/> <h2>Nom Perso</h2><h3>Je t'aime tu me fuis, tu m'aimes je te fuis</h3><br><span>Âge : 13 lunes</span><br><span>Sexe : Mâle</span><br><span>Clan : Rivière</span><p>Description ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta nulla, eu commodo ex imperdiet vel. Nam a efficitur mi. Nullam consectetur, nisi nec consectetur semper, sapien urna posuere risus, ac facilisis nisl ante quis purus. Integer vehicula augue nec placerat molestie. </p></div><!--FIN LIEN--><!--DÉBUT LIEN--><div class='bloclien'><img src='https://www.zupimages.net/up/20/07/t94s.png'/> <h2>Nom Perso</h2><h3>Je t'aime tu me fuis, tu m'aimes je te fuis</h3><br><span>Âge : 13 lunes</span><br><span>Sexe : Mâle</span><br><span>Clan : Rivière</span><p>Description ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta nulla, eu commodo ex imperdiet vel. Nam a efficitur mi. Nullam consectetur, nisi nec consectetur semper, sapien urna posuere risus, ac facilisis nisl ante quis purus. Integer vehicula augue nec placerat molestie. </p></div><!--FIN LIEN--><!--DÉBUT LIEN--><div class='bloclien'><img src='https://www.zupimages.net/up/20/07/t94s.png'/> <h2>Nom Perso</h2><h3>Je t'aime tu me fuis, tu m'aimes je te fuis</h3><br><span>Âge : 13 lunes</span><br><span>Sexe : Mâle</span><br><span>Clan : Rivière</span><p>Description ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta nulla, eu commodo ex imperdiet vel. Nam a efficitur mi. Nullam consectetur, nisi nec consectetur semper, sapien urna posuere risus, ac facilisis nisl ante quis purus. Integer vehicula augue nec placerat molestie. </p></div><!--FIN LIEN-->
</div>

Code à c/c :

Code:
<div class="tcardperso"><h1>NOM DE TON PERSO</h1><p>DESCRI DE TON PERSO</p><div class="tcard_infos"><div class="vava"><img src="https://www.zupimages.net/up/20/07/t94s.png"/></div></div><div class="info"><img src="https://zupimages.net/up/19/30/h3xn.png"/><span>ÂGE ICI</span></div><div class="info"><img src="https://zupimages.net/up/19/30/fgj8.png"/><span>SEXE ICI</span></div><div class="info"><img src="https://zupimages.net/up/19/30/7rvo.png"/><span>CLAN ICI</span></div><div class="info"><img src="https://zupimages.net/up/19/30/ogru.png"/><span>RANG ICI</span></div><br><h1>Répertoire des liens</h1>
<!--DÉBUT LIEN--><div class='bloclien'><img src='https://www.zupimages.net/up/20/07/t94s.png'/> <h2>NOM DU PERSO</h2><h3>NOM DU LIEN</h3><br><span>Âge : ICI</span><br><span>Sexe : ICI</span><br><span>Clan : ICI</span><p>DESCRI</p></div><!--FIN LIEN-->
</div>

Ajouter une case de lien, à coller après "FIN LIEN" :

Code:
<!--DÉBUT LIEN--><div class='bloclien'><img src='https://www.zupimages.net/up/20/07/t94s.png'/> <h2>NOM DU PERSO</h2><h3>NOM DU LIEN</h3><br><span>Âge : ICI</span><br><span>Sexe : ICI</span><br><span>Clan : ICI</span><p>DESCRI</p></div><!--FIN LIEN-->

Les images sont redimensionnées automatiquement. Elles sont carrées


Forum test :: Votre 1ère catégorie :: Votre 1er forum
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum