Aide pour fiche de presentaion

[Fleurfanée]

Bonjour j'aimerai faire une fiche de presentation pour mon forum test mais je ne sais pas du tout comment m'y prendre , si quelqu'un peut m'aider a m'expliquer comment faire une fiche simple mais qui fasse pro quand même Merci beaucoup

[Invité]

Bonjour,

Pourriez-vous faire un croquis de ce que vous désirez comme fiche de présentation, avec ce qu'elle doit contenir?

Cordialement.

[Fleurfanée]

Donc j'ai fait un truc , je sais pas si sa sera faisable de faire ou non

Spoiler:

Donc voila , j'ai fait ca vite fait , j'aimerai bien un truc de ce genre si possible ..

[Invité]

Bonjour,

Voici un premier essai, il y aura certainement des choses à changer :
Le code pour le message:

Code:

<table align="center" style="width:80%; border:1px solid black;padding: 5px;"><tr><td><div class="titre">Présentation de:</div><div class="identite">Nom & Prénom</div><br>
<div class="vava"><img src="url de l'avatar" /></div>
<div class="ecrits"><u>~Nom</u>:
<u>~Prénom(s)</u>:
<u>~Age</u>:
<u>~Date de naissance</u>:

<u>~Amis</u>:
<u>~En couple? Si oui avec qui?</u>

<div class="soustitre">~histoire~</div>
<div class="ecrits">votre histoire</div>

<div class="soustitre">~caractère~</div>
<div class="ecrits">votre caractère</div>

<div class="soustitre">~vous~</div>
<div class="ecrits">[list]~Nom:
~Prénom:
~Age:
~Depuis combien de temps faites-vous du RPG?
~Comment avez-vous connu le forum?
[/list]</div></td></tr></table>

La partie CSS (à placer dans Panneau d'admin' > affichage > couleurs > feuille de style CSS):

Code:

.titre{
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;}

.identite{
text-align: center;
text-decoration: underline;
text-transform: uppercase;
font-size: 16px;
color: blue;}

.vava{
border: 1px solid black;A
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
padding: 4px;
float:right;
margin-right: 100px;}

.soustitre{
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
border-top: 5px solid blue;}

.ecrits{
text-align: justify;
font-size: 12px;
}


Ce code fonctionnera si le Html est activé sur votre forum.
> https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle

J'ai fait un tableau, d'une seul case dans lequel j'ai mis plusieurs div permettant de positionner les éléments. J'ai ajouté des class à ces div pour leur donner une apparence à l'aide de la feuille CSS. Donc vous pourrez modifier l'apparence de votre fiche en passant par la feuille CSS.

Cordialement.

[Fleurfanée]

Bonjour , merci de votre réponse .

Les premiers code que vous m'avais donné faut que je mette sa dans le sujet " fiche de présentation " que je veut creer ? Ou dans généralité ?

[Invité]

Le premier code va dans le sujet "fiche de présentation". Vous pouvez le placer 2 fois, une fois tel quel et une fois entre les balises code pour que vos membres fassent un copier/coller.

Cordialement.

[Fleurfanée]

Je viens de voir ce que vous avez fait et j'adore , merci beaucoup
A la place du rond pour l'avatar on peu pas mettre un rectangle de 100*150 ? Pour montrer qu'il faut mettre un avatar à cette endroit .

Bon je vais continuer ici je vais pas faire trop de sujet .
Je trouve qu'il manque quelque chose sur le fo test pour que sa fasse plus jolie , je sais pas quoi .. peut être changeais le style de police pour les catégories que sa ressortent plus non ? J'aimerais bien que vous me dites qu'est ce que vous changerais de plus vous ? Ou aors l'apparence du fo ..

Ah aussi tant que j'y pense . Comment faut faire pour mettre un phrases déroulantes en haut de la page ( enfin entre la bannières et mon tableau ) ?

[Invité]

Voilà beaucoup de questions pour un seul sujet! Afin de faciliter les recherches, il est préférable de n'en poser qu'une seule par sujet.

Pour l'avatar, remplacez cette partie dans votre feuille CSS:

Code:

.vava{
border: 1px solid black;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
padding: 4px;
float:right;
margin-right: 100px;}

par:

Code:

.vava{
border: 1px solid black;
min-width: 100px;
min-height: 150px;
padding: 4px;
float:right;
margin-right: 100px;}

Pour l'apparence de votre forum, c'est à vous de trouver le petit plus dont vous avez envie, je ne peux vous apporter qu'une aide "technique" .

Pour votre dernière question, il s'agit des annonces défilantes: Panneau d'admin' > Général > Annonces.

Cordialement.

[Fleurfanée]

Merci , sa y est j'ai compris pour l'annonce et merci de m'avoir aidé pour tout le reste :thanks: