Han!!! Désolée de m'être trompée de lieu de postage uhuh

Bonjour!

Avant tout, merci de partager tout ce boulot, c'est magnifique! J'admire le travail des codeurs.

J'ai une demande pour la fiche de présentation noire et jaune: serait-il possible, s'il vous plaît, de modifier l'ordre des parties, en laissant les étoiles et les petits trucs dorés tout mimis et également, agrandir un peu l'image de l'avatar? J'ai essayé avec mon neurone de la modifier comme j'aimerais mais bon, suis une brêle et j'ai un véritable coup de coeur.
*Le crédit Epsilon, je préfèrerais qu'il soit en bas, au milieu de fiche. Mais cela, comme vous voulez car respect du travail!
* Si possible, mettre à gauche " 'cause  you were born" ??

Dois-je vous indiquer pour quel forum je l'utiliserai??
D'avance, merci énormément!
Sincèrement,
Félicité

Pour vous donner une idée:

Spoiler:

Et re xD ! Pas de souci pour l'endroit où poster !
Alors pour la fiche j'ai du faire quelques petits changements au niveau de la structure du code mais dans l'idée, c'est toujours la même chose.
Voici le code, j'espère qu'il fonctionnera !

Code:

<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css?family=Marvel&display=swap" rel="stylesheet"/><div class="insomnia_fond_fiche"><div class="insomnia_fiche_image"><img src="https://imgur.com/UaQiKYz.gif"/></div><div class="presentation_personnage"><img src="http://placehold.it/100x160/"/><div class="text_presentation"><b>Nom de votre personnage</b><span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Date d'arrivée <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Métier<span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Riche/Moyen//Pauvre <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Pouvoir<span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Avatar</div></div><div class="ligne_separation"></div><div class="section_histoire"><div class="title_histoire">'cause you were born</div><div class="sous_titre_histoire">to make this right</div>L'histoire de votre personnage en 400 mots minimum.</div><div class="icon_separate"><span class="th th-stars-o"></span></div><div class="icon_separate2"><span class="th th-stars"></span></div><div class="section_caractere"><div class="title_caractere">walking into a dream</div><div class="sous_titre_caractere"> 'cause we've been waiting for you</div><div class="text_carac">Adjectif <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Adjectif <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Adjectif <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Adjectif <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Adjectif<span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Adjectif <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Adjectif <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Adjectif <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span> Adjectif <span style="color: #a07d3c;font-weight: bold;font-size: 8px;">+</span></div>Le physique de votre personne en 200 mots minimum.</div><div class="icon_separate2"><span class="th th-stars"></span></div><div class="insomnia_perso"><div class="title_perso">tell them where do you come from</div>Dites nous tout (tout) sur vous.<b>• Comment avez-vous connu le forum ?</b> : (écrire ici)<b>• Votre âge ?</b> : (écrire ici)<b>• Aller, vous avez bien un pseudo ?</b> : (écrire ici)<b>• Un petit quelque chose à rajouter ? Un amour particulier pour les fraises ?</b> : (écrire ici)</div></div><div class="fwaha"><a href="http://epsilon-ls.forumactif.com/">epsilon</a></div><style>.insomnia_fond_fiche{background-color:rgba(200, 200, 200, 0.9); margin:0 auto; width:500px; padding:10px; border: solid 1px #ccc; outline: 1px solid #fff; box-shadow: 0px 0px 3px rgba(169, 135, 62, 0.9); outline-offset: -2px;}.presentation_personnage{width: 350px; height: 150px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: center;}.presentation_personnage img{width: 100px; margin: 25px 35px; border-bottom: 4px solid #a07d3c; padding: 0 0 3px 0; outline: 1px solid #d0d0d0; outline-offset: 3px; box-shadow: 0px 0px 3px rgba(169, 135, 62, 0.9);}.text_presentation{color: #121212; text-align: justify; font: 11px calibri; transform: translateY(45px); text-transform: uppercase; letter-spacing: 1px; width: 178px; height: 145px; overflow: auto;}.text_presentation b{background: -webkit-linear-gradient(#797979, #2d2d2d);-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style:italic;}.ligne_separation{width: 400px; height: 1px; background: #f3d94f; margin: 55px auto 0px auto;}.section_histoire{margin:0 auto; text-align:justify; width:400px; font:11px 'source sans pro'; color: #000;}.title_histoire{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font: 30px Marvel; line-height: 34px; text-transform: lowercase; letter-spacing: 3px; font-style: italic; text-align: left; padding-top: 10px;}.sous_titre_histoire{text-align:left; padding-bottom:20px; color:#212121; font-family: calibri; font-size: 7px; line-height: 8px; margin-top: -5px; text-transform: uppercase; letter-spacing: 1px;}.icon_separate{text-align:center; padding:10px;}.icon_separate span{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:50px;}.icon_separate2{text-align:center; padding:10px;}.icon_separate2 span{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:20px;}.section_caractere{margin:0 auto; text-align:justify; width:400px; font:11px 'source sans pro'; color: #454545;}.title_caractere{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font: 30px Marvel; line-height: 34px; color: #f3d94f; text-transform: lowercase; letter-spacing: 3px; font-style: italic; text-align: right;}.sous_titre_caractere{text-align:right; padding-bottom:20px; color:#212121; font-family: calibri; font-size: 7px; line-height: 8px; margin-top: -5px; text-transform: uppercase; letter-spacing: 1px;}.insomnia_perso{margin:0 auto; text-align:justify; width:400px; font: normal 400 10px/13px 'source sans pro'; color: #000;}.title_perso{background: -webkit-linear-gradient(#f3d94f, #7c5535);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font: 22px Marvel;line-height:34px; color: #f3d94f; text-transform: lowercase; letter-spacing: 3px; font-style: italic; text-align: center; padding-top:10px;}.text_carac{color:#121212; text-align:center; font:11px calibri; text-transform:uppercase; letter-spacing:1px; padding-bottom:10px;}.fwaha{text-align:center;}.fwaha a{font-family:calibri; text-decoration:none; color:#222; font-size:9px; letter-spacing:6px; text-transform:uppercase;}</style>

Le crédit a toujours été en bas du coup j'espère que ça n'est pas un beug ! Ca peut arriver ...
Pour le forum où tu utilises cette fiche c'est comme tu le souhaites ! Tu peux où non communiquer le lien, le garder secret ou le mettre entre balise hide, c'est vraiment ton choix totalement :huhu:

EDIT : Je me suis permis de mettre entre balise spoiler ton exemple de code, comme il n'était pas tout à fait complet il faisait un peu beuguer l'interne de ce forum mais point de souci

MERCI! Je trouve cette fiche sublime^^
Le code fonctionne parfaitement! Et pas de secret entre nous (^^), c'est pour ce forum-ci:
http://www.letempsdunrp.com/#
Il est fort possible que je revienne chez vous pour des fiches rp. Franchement, c'est vraiment trop bien, suis toute gaite de vous avoir trouvé ^^.

Et encore merci, en plus, votre réponse est à la vitesse supersonique, que demande le peuple!

Oserais-je? Allez, ouep, un gros bec qui claque sur la joue du chouette gentil codeur!

Maaaw un bisou c'est trop adorable !

Ravi de voir que tout fonctionne ! Et omg je suis déjà tombé sur votre forum et y'a du Marvel et Bucky sur votre bann', j'suis déjà fan /PORTE

N'hésitez pas à repasser dans le coin (je viendrais sûrement demander un partenariat dans les jours qui suivent) ou à poser des questions si il y a un souci sur le code

Ah les fans de Marvel...Tout un poème lol. Avec grand plaisir pour le partenariat!

Je repasse et trépasse ...Argh, je galère et suis honteuse de vous solliciter de nouveau: je ne sais pas où ni comment du coup, insérer l'avatar 100X160 en haut. Je fais "héberger une image", j'ai essayé partout où je pensais la caser, mais ce n'est pas ça. Pouvez-vous m'indiquer où et comment il faut faire? Je ne trouve pas de réponse sur le net non plus. Bref, c'est la louse et la honte ^^.

MERCI!!!

Une question: pour s'inscrire sur votre forum, il faut être codeur ou pas? Car je suis nulle en la matière, vous l'avez bien compris^^.

Edit C'est boooon! On m'a aidée, j'ai réussiiiii!!!

Bonne journée!

Yep en fait, tous mes codes tu as souvent des liens "plateholder", qui est un site qui permet d'insérer une image à la taille voulue ! Il te suffit de chercher avec une contrôler+f le mot "placeholder" pour tomber rapidement dessus et pouvoir modifier l'image !

Pour ta question : Malheureusement il n'est pas possible de s'inscrire ici ! Tous les codes et le graphisme sont visibles et tout le monde peut les prendre sans être inscrit donc nous préférons garder notre petit havre de paix à nous seulement ~

Rebonjour et bonne année !^^

Je vais utiliser une de vos superbes fiches rps,  celle nommée " shiny stars". Comme je change d'image de fond, serait il possible de modifier la couleur de l'encadré en bas? Au lieu du rose , j'aimerais,  si possible , la mettre en transparent ?
Merci bcp d'avance et comme d'hab, un gros bec à Maître codeur :D .

Bonjour à toi et bonne année également !
Il y a présentement deux cadres roses sur la fiche, celui autour du texte et celui autour de toute la fiche, c'est lequel que tu souhaiterais modifier ? ;)

Le carré (plein) de fond du texte rp. (pas le cadre, me suis mal exprimée). Ci-après l'image choisie pour info. Merci!

Spoiler:

L'image ne se lit pas mais normalement j'ai bien compris !
Dans le code, dans le CSS, tu as cette valeur :

Code:

.txtrp {
    outline: 1px solid #f1a39b;
    outline-offset: 2px;
    margin: 30px auto;
    overflow: auto;
    padding: 15px;
    height: 210px;
    width: 350px;
    background: rgba(226, 149, 155, 0.75);
    text-align: justify;
    font: 11px arial;
    color: black;
}

Il te suffit de changer le "background" ainsi que le "outline" (pas le 'offset') pour changer la couleur !

Merci beaucoup! Merci pour ta réponse super rapide.
Merci de partager tout ça, c'est top.
A une prochaine fois sans doute^^

Aucun souci, n'hésite pas si jamais ! Et n'hésite pas à ouvrir un nouveau sujet plutôt que continuer ici pour que ce soit mieux lisible !
Bonne soire à toi