Bonjour, bonjour !
Je suis actuellement en pleine création d'un forum, et je butte sérieusement sur la fiche de présentation des personnages. J'ai été voir dans le libre service, sans réellement trouver celle qui ferait battre mon petit cœur, du coup je viens voir si quelqu'un accepterait de perdre un moment pour m'aider à mettre en code mon idée ?
A savoir que mon super schéma n'est qu'une base pour illustrer un peu ce que j'aimerai en fonction des informations que je demanderai.
Merci d'avance à celle ou celui qui s'occupera de moi. ^^

Avec un schéma un peu mieux fait c'est mieux et c'est plus attrayant pour les codeurs.
Je pourrais m'en occuper .

J'étais persuadée d'avoir répondu en passant tout à l'heure, mea culpa.
Bonsoir donc. ^^
Bah je peux retenter d'en faire un, mais je suis vraiment pas persuadée d' arriver à mieux en fait. ^^"
Après, si tu veux essayer de faire quelque chose, ca serait avec grand plaisir.
Bonne soirée !

Coucou ^^

Pardon, je ne suis pas super réactive, je suis en pleine période de partiels. ><"

Je pensais que Praecursator s'en occupait, mais vu que je n'ai pas de nouvelles je ne sais plus trop.
Et du coup je sais pas si j'ai le droit de te dire que tu peux si tu as envie. Mais si j'ai le droit, oui je veux bien. ^^

Salut!

C'est toujours d'actualité ici? Merci de donner des nouvelles d'ici 10 jours pour que le sujet ne soit pas archivé Et Prea a dit qu'il pourrait peut-être prendre la demande sans dire qu'il la prenait alors je suis d'avis qu'à moins qu'il ne vienne dire le contraire, la demande est toujours libre ^^

Coucou ^^
Oui, oui ma demande est toujours valable. Les partiels ont eu raison de mon temps passé sur les forum, désolée. =/

Et oki, merci. ^^

Bonjour Vani !

Alors j'ai d'abord été prise de vitesse par Praecursator, puis par Goldblast, mais comme aucun de donne de nouvelles, je me permets de te faire une proposition.

Est-ce que quelque chose dans ce goût-là te conviendrait ? Clique ici, prends un curly.

Ce n'est qu'un dessin pour l'instant, mais ça devrait être assez facile à coder donc si ça te tente, je m'y attellerais avec plaisir. Ne panique pas pour les textes, ils s'affichent mal mais c'est une vraie plaie pour moi à dessiner. Par contre, je suis à l'écoute de tes remarques et suggestions, notamment s'agissant des polices. Je suis restée dans le thème bleuté de ton forum.

Sinon, j'aimerais savoir quelles sont les fameuses informations que tu demanderas dans la fiche, pour pouvoir estimer la taille de l'image. Actuellement c'est du 200x400 comme un avatar, mais c'est grand à remplir avec du texte, crois-moi. Donc il faudra peut-être la réduire.

Coucou ^^
Ouh, c'est tout à fait quelque chose de ce genre que je voudrais. *-* Merci à toi de te proposer.

Si c'est possible, utiliser pour les titres la même police que celle sur la bannière ? Je demanderai son nom à la personne qui l'a faite quand elle rentrera du boulot. ^^

Alors, en infos j'avais :

Nom, Prénom, Surnom, Age, Archipel d'origine du personnage, Profession, Groupe.

Ce sont des informations type "carte d'identité" en fait.

Voilà, voilà.

Parfait, je te fais ça ce weekend alors !

Par contre, je veux bien la police XD

Merci beaucoup !

Tu auras ça dès que j'arrive à avoir un contact avec la personne qui m'a fait la bannière. xD

Edit : Il semblerait que ce soit "candelscript" l'écriture.

Coucou !

Ce rendu te convient-il ?

La bordure que tu vois est celle de mon forum-test.
L'image fait finalement 200x320 car sinon, l'encadré paraissait vide.

Je n'ai pas pu utiliser la même police, disponible sur Dafont mais pas sur Google font. Du coup, j'ai opté pour cet Italianno qui s'en rapproche quand même beaucoup. J'espère que ça t'ira. Sinon, je pourrais toujours utiliser Dafont, mais les titres seront des images dont on ne pourra les modifier d'un tour de main.

Dis-moi s'il y a des modifications à effectuer avant que je ne te donne la version codée définitive (d'ailleurs, veux-tu que je te transmette aussi le code "brut" ou juste la version simplifiée avec le codage à intégrer directement dans le CSS de ton forum ?) :

Spoiler:

Coucou ^^
Déjà, merci beaucoup ! ♥
Ensuite, pour moi c'est parfait. Ca reste "simple" et dans des tons qui ne font pas mal aux yeux, donc j'adhère carrément. ^^

Et pour répondre à ta question, "code brut" ou "version simplifiée" ça ne me parle pas. ^^"

Coucou

Voici les code de ta fiche de présentation.

Pour que la police soit prise en compte, il faudra que tu ailles dans PA > Affichage > Template > Overall_body et que tu copies le code suivant en haut du template juste après la balise < head >, par exemple :

Code:

<link href="https://fonts.googleapis.com/css?family=Italianno" rel="stylesheet">

Ensuite, n'oublie pas de valider ton Template où la police ne s'affichera pas.

Le Code Brut

Ce que j'appelle le "Code Brut" c'est le code tel que tu peux directement le copier/coller dans un message.

Code:

<div style="background-image:url(http://img11.hostingpics.net/pics/522854fondimage.png); width: 600px; margin: auto; padding: 20px;"  /><div style="font-family: 'Italianno', cursive; text-align: center; font-size: 80px; margin-top: 60px; color: #FFFFFF;">Prénom Nom</div>
<center><img src="http://img11.hostingpics.net/pics/928930soulign.png" /></center><table style="margin: 40px 20px 0 20px;"><tr><td><div style="background-color: #F3F7F8; width: 260px; height: 270px; padding: 25px; color: #6F91A8;"><b>IDENTITE</b>

<b>Nom :</b> Indiquez
<b>Prénom :</b> Indiquez
<b>Surnom :</b> Indiquez
<b>Âge :</b> Indiquez

<b>Archipel d'origine :</b> Indiquez

<b>Profession :</b> Indiquez
<b>Groupe :</b> Indiquez

<b>Autre :</b> Indiquez</div></td><td><img src="url de l'image" style="margin-left: 40px; width: 200px; height: 320px; border: 1px #E6EEF0;"></td></tr></table>

<div style="font-family: 'Italianno', cursive; text-align: center; font-size: 80px; margin-top: 60px; color: #FFFFFF;">Descriptions</div>
<center><img src="http://img11.hostingpics.net/pics/928930soulign.png" /></center><div style="margin: 40px 20px 0 20px; background-color: #F3F7F8; width: 510px; height: 100px; padding: 25px; overflow: auto; color: #6F91A8;"><b>DESCRIPTION DU DRAGON</b>

Commencez la description</div><table style="margin: 40px 20px 0 20px;"><tr><td><div style="background-color: #F3F7F8; width: 206px; height: 263px; padding: 25px; color: #6F91A8; overflow: auto;"><b>DESCRIPTION PHYSIQUE</b>

Décrivez votre personnage</div></td><td><div style="background-color: #F3F7F8; width: 206px; height: 263px; padding: 25px; margin-left: 40px; color: #6F91A8; overflow: auto;"><b>DESCRIPTION MENTALE</b>

Décrivez votre personnage</div></td></tr></table>

<div style="font-family: 'Italianno', cursive; text-align: center; font-size: 80px; margin-top: 60px; color: #FFFFFF;">Histoire</div>
<center><img src="http://img11.hostingpics.net/pics/928930soulign.png" /></center>

<div style="background-color: #F3F7F8; margin: 0 20px 0 20px; width: 510px; height: 270px; padding: 25px; color: #6F91A8; overflow: auto;"><b>VOTRE PASSE</b>

Histoire de votre personnage</div>
<div style="font-family: 'Italianno', cursive; text-align: center; font-size: 80px; margin-top: 60px; color: #FFFFFF;">Et vous ?</div>
<center><img src="http://img11.hostingpics.net/pics/928930soulign.png" /></center>

<div style="background-color: #F3F7F8; margin: 0 20px 0 20px; width: 510px; height: 150px; padding: 25px; color: #6F91A8; overflow: auto;"><b>Derrière l'écran</b>

<b>Prénom :</b> Indiquez
<b>Pseudo :</b> Indiquez
<b>Âge :</b> Indiquez

<b>Comment avez-vous connu le forum ?</b> Indiquez
<b>Quelque chose à ajouter ?</b> Indiquez</div>

<div style="text-align: center; margin: -30px 20px -30px 0; font-size: 10px; line-height: 12px;"><a style="color: #F3F7F8;" href="http://www.never-utopia.com"> Never-Utopia</a><br /><span style="color: #C6D3DD;">Kanae</span></div>
</div>

Toutefois, tu vois qu'il y a beaucoup de ligne de code et que ce n'est pas forcément évident de s'y retrouver. C'est pour ça que généralement, on insère une partie des codes dans la feuille CSS du forum afin de rendre le code simplifié et plus facile à lire grâce à l'intégration de class.

Le Code simplifié

Le code se décompose donc en deux parties. L'une est à copier directement dans le message (c'est ce que vont poster les membres avec leurs informations), l'autre est à copier dans le CSS de ton forum.

Dans un message :

Code:

<div class="fond_presa"><div class="titre_presa">Prénom Nom</div>
<center><img src="http://img11.hostingpics.net/pics/928930soulign.png" /></center><table style="margin: 40px 20px 0 20px;"><tr><td><div class="text_info_1"><b>IDENTITE</b>

<b>Nom :</b> Indiquez
<b>Prénom :</b> Indiquez
<b>Surnom :</b> Indiquez
<b>Âge :</b> Indiquez

<b>Archipel d'origine :</b> Indiquez

<b>Profession :</b> Indiquez
<b>Groupe :</b> Indiquez

<b>Autre :</b> Indiquez</div></td><td><img src="url de l'image" class="image_presa"></td></tr></table>

<div class="titre_presa">Descriptions</div>
<center><img src="http://img11.hostingpics.net/pics/928930soulign.png" /></center><div class="text_info_2"><b>DESCRIPTION DU DRAGON</b>

Commencez la description</div><table style="margin: 40px 20px 0 20px;"><tr><td><div class="text_info_3"><b>DESCRIPTION PHYSIQUE</b>

Décrivez votre personnage</div></td><td><div class="text_info_4"><b>DESCRIPTION MENTALE</b>

Décrivez votre personnage</div></td></tr></table>

<div class="titre_presa">Histoire</div>
<center><img src="http://img11.hostingpics.net/pics/928930soulign.png" /></center>

<div class="text_info_5"><b>VOTRE PASSE</b>

Histoire de votre personnage</div>
<div class="titre_presa">Et vous ?</div>
<center><img src="http://img11.hostingpics.net/pics/928930soulign.png" /></center>

<div class="text_info_6"><b>Derrière l'écran</b>

<b>Prénom :</b> Indiquez
<b>Pseudo :</b> Indiquez
<b>Âge :</b> Indiquez

<b>Comment avez-vous connu le forum ?</b> Indiquez
<b>Quelque chose à ajouter ?</b> Indiquez</div>

<div class="credit"> <a style="color: #F3F7F8;" href="http://www.never-utopia.com"> Never-Utopia</a><br /><span style="color: #C6D3DD;">Kanae</span></div>
</div>

Dans ton CSS :

Code:

/******* FICHE DE PRESENTATION *******/
.fond_presa {
  background-image:url(http://img11.hostingpics.net/pics/522854fondimage.png);
  width: 600px;
  margin: auto;
  padding: 20px;
  }
.titre_presa {
  font-family: 'Italianno', cursive;
  text-align: center;
  font-size: 80px;
  margin-top: 60px;
  color: #FFFFFF;
  }
.text_info_1 {
  background-color: #F3F7F8;
  width: 260px;
  height: 270px;
  padding: 25px;
  color: #6F91A8;
  }
.text_info_2 {
  margin: 40px 20px 0 20px;
  background-color: #F3F7F8;
  width: 510px;
  height: 100px;
  padding: 25px;
  overflow: auto;
  color: #6F91A8;
  }
.text_info_3 {
  background-color: #F3F7F8;
  width: 206px;
  height: 263px;
  padding: 25px;
  color: #6F91A8;
  overflow: auto;
  }
.text_info_4 {
  background-color: #F3F7F8;
  width: 206px;
  height: 263px;
  padding: 25px;
  margin-left: 40px;
  color: #6F91A8;
  overflow: auto
  }
.text_info_5 {
  background-color: #F3F7F8;
  margin: 0 20px 0 20px;
  width: 510px;
  height: 270px;
  padding: 25px;
  color: #6F91A8;
  overflow: auto;
  }
.text_info_6 {
  background-color: #F3F7F8;
  margin: 0 20px 0 20px;
  width: 510px;
  height: 150px;
  padding: 25px;
  color: #6F91A8;
  overflow: auto;
  }
.image_presa {
  margin-left: 40px;
  width: 200px;
  height: 320px;
  border: 1px #E6EEF0;
  }
.credit {
  text-align: center;
  margin: -30px 20px -30px 0;
  font-size: 10px;
  line-height: 12px;
  }
/******* FIN FICHE DE PRESENTATION *******/

Voilà, j'espère que tout est clair ! Laisse moi savoir si tu rencontres des difficultés dans l'installation ou si tu constates que quelque chose bugue.

Re-coucou !

Alors, tu viens de répondre sans le savoir à une des grandes questions que je me posais ces derniers temps : "pourquoi y a une partie du code de message qui va dans le CSS, avant y avait pas ça..." xD

Du coup je vais effectivement prendre le code simplifié, merci beaucoup. :3

Alors par contre, la boulette que je suis à un petit souci. '-' Je ne trouve pas le template dont tu me parles. En "overall" quelque chose, j'ai juste footer et header.

Excuse-moi, j'aurais du préciser Overall_header (ça sera valide sur tout ton forum si jamais tu veux réutiliser la police)/

Dis-moi si ça s'installe nickel et c'est bon pour moi ^^

J'ai réussi \o/
Merci beaucoup *-* J'ai une jolie fiche maintenant !

Contente que ça te plaise ^^

Je le mettrais en LS du coup.

Ca me plait clairement oui. ^^
Encore merci !
*va caser la tite balise terminée du coup.*