Fiche de presentation

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fiche de presentation

Message par Sakur4 le Sam 24 Juil 2010 - 18:04

Bonjour, j'essai de faire une page de presentation personnaliser.

Je n'arrive pas du tout :s

Le genre de presentation avec l'avatar a gauche, etc. . . est-ce qu'il y a des presentations de ce genre en libre service quelque part ? Ou quelqu'un peut m'aider ?

Merci.


Dernière édition par Sakur4 le Lun 26 Juil 2010 - 22:22, édité 1 fois

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Sakur4 le Sam 24 Juil 2010 - 18:49

Donc j'ai essayer de faire quelque chose, voila ce qui en est sortie :

http://img10.hostingpics.net/pics/214951de1.png

Mais je n'arrive pas a mettre ce genre de cadre autour de l'avatar de la presentation :

Et j'ai des
Code:
<table border="0"><tr><td align="left">
qui apparaissent dans la fiche de personnage :s

Voici le code :

Code:
[list][table width="208px" weight:="" 320px="" align="left"][tr][td]
<table border="0"><tr><td align="left">
[img]http://img10.hostingpics.net/pics/987424Votre_avatar.jpg[/img]
[center][size=9]Une citation [facultatif][/size] [/center]
</td></tr></table>
 [/td][/tr][/table]
[/list]




[justify][table border="0"][tr][td]
[size=22][font=Georgia]NOM Prénom(s)[/font][/size]

[size=9][b]NOM :[/b]
[b]PRÉNOM :[/b]
[b]ÂGE :[/b]


[b]ORIENTATION SCOLAIRE:[/b]
[b]ORIENTATION SEXUEL:[/b]
[b]SI ELEVE, QUELLE CLASSE ?:[/b][/size]
[/td][/tr][/table]
[table width="550px" align="center"][tr][td]<table border="0"><tr><td align="left">

[size=18][font=Georgia]Description physique[/font][/size] ~
<table><tr><td align="left">[justify][size=10]« Blabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla »[/size][/justify]

</td></tr></table>

[size=18][font=Georgia]Description psychologique[/font][/size] ~
<table><tr><td align="left">[justify][size=10]« Blabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla »[/size][/justify]

</td></tr></table>

[size=18][font=Georgia]Histoire[/font][/size] ~
<table><tr><td align="left">[justify][size=10]« Blabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla lablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla blabla bla blablabla bla bla bla blablablabla »[/size][/justify]

</td></tr></table>

</td></tr></table>[/td][/tr][/table][/justify]

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Sakur4 le Dim 25 Juil 2010 - 17:48

Je n'ai toujours pas trouver Sad

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Ketsu le Lun 26 Juil 2010 - 14:08

    Je vais t'aider, c'est très simple comme présentation.
    Pour avoir un effet, tu dois rajouter un code dans ta Fiche de Style CSS.
    .fiche
    {border: 5px dotted #89725B;
    -moz-border-radius:8px;}
    Modifications:
    #89725B: Couleurs de la Bordure
    8px: Puissance de l'arrondit, augmente le chiffre pour l'avoir + arrondis.
    fiche: Mots clef pour fait appel au propriété, tu peux le changer par un autre mots

    Tu vas donc l'utilisé ainsi dans un code

Code:
<img class="fiche" src="URL IMAGE"/>
    Ensuite, pour le tableau, tu veux quoi exactement.
    L'avatar sur la gauche avec une présentation rapide sur la droite +
    une description en dessous ?
    Je peux te donner ça :

Code:
[table border="0"][tr][td]
<img class="fiche" src="URL IMAGE"/>[/td][td] 
Présentation sur la droite
âge...
Blablaaa[/td][/tr][tr][td colspan="2"]C'est l'histoire d'une méchante neko...blablaa[/td][/tr][/table]

Ketsu
***

Féminin
Messages : 153
Inscrit(e) le : 16/01/2010

http://sapientia.forumgratuit.org/
Ketsu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Sakur4 le Lun 26 Juil 2010 - 17:49

Ah, c'est parfait, sa m'aide beaucoup, et j'ai compris un peu le système du css.

La présentation marche bien, mais il manque l'encadrement de l'avatar dedans.

Merci pour ton aide, c'est déjà le plus gros de fait =D

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Ketsu le Lun 26 Juil 2010 - 18:00

    Comment il manque d'encadrement du l'avatar ?
    A oui, attends je vais te retrouver le code CSS xD
    ( Je l'ai perdu quelques part )

    Édité:
    .postdetails.poster-profile a img {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    border: 5px solid #000000;}

    solid : C'est pour que la bordure soit d'un trait, tu peux mettre "dotted" pour avoir des pointillés
    #000000: Couleurs de la bordure
    5px: Taille de la bordure
    bottomleft: Bottom comme en bas et Left comme gauche. C'est l'arrondis de l'angle en bas à gauche
    radius-topright Top comme en haut et Right comme droit. C'est l'arrondit de l'angle en haut à droite. Plus le chiffre est haut, plus le coins est arrondit. Tu as compris le système?

    J'ai oublier que les coins arrondis sont bon que sur Firefox.

    J'espère t'avoir aider!



Ketsu
***

Féminin
Messages : 153
Inscrit(e) le : 16/01/2010

http://sapientia.forumgratuit.org/
Ketsu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Sakur4 le Lun 26 Juil 2010 - 18:24

Oui sa marche, uniquement sur mon avatar profil, mais je voudrais que ce soit autour de l'avatar de la presentation =) donc dans la fiche.

Merci pour ton aide !

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Ketsu le Lun 26 Juil 2010 - 18:27

@Ketsu a écrit:
    Je vais t'aider, c'est très simple comme présentation.
    Pour avoir un effet, tu dois rajouter un code dans ta Fiche de Style CSS.
    .fiche
    {border: 5px dotted #89725B;
    -moz-border-radius:8px;}
    Modifications:
    #89725B: Couleurs de la Bordure
    8px: Puissance de l'arrondit, augmente le chiffre pour l'avoir + arrondis.
    fiche: Mots clef pour fait appel au propriété, tu peux le changer par un autre mots

    Tu vas donc l'utilisé ainsi dans un code

Code:
<img class="fiche" src="URL IMAGE"/>
Ce n'est pas vraiment un avatar vu que c'est dans un poste, mais plus une image.
Il faut appliqué les propriétés du ".fiche" et en faire appel quand tu fais l'affichage de l'image.
Sinon, il y a un autre code.
Code:
<div class="fiche"><img src="URL IMAGE"/></div>

Ketsu
***

Féminin
Messages : 153
Inscrit(e) le : 16/01/2010

http://sapientia.forumgratuit.org/
Ketsu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Sakur4 le Lun 26 Juil 2010 - 18:41

J'ai mis le code .fiche dans la feuille CSS, et dans le code que tu m'a donner pour la fiche de presentation, j'ai mis ce code :
Code:
<img class="fiche" src="URL IMAGE"/>

En mettant bien sur l'image souhaiter. Mais cela ne fonctionne pas, je dois faire surement une erreur quelque part.


Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Ketsu le Lun 26 Juil 2010 - 18:52

    Chez moi, cela marche :
    Spoiler:
    Je pense que tu n'as pas Activé le HTML.
    En dessous de "Envoyé" tu décoche la case "Désactiver le HTML"
    Si le HTML est désactivé de base sur ton forum, pour l'activé tu fais
    Panneau d'Administration > Générale > Messages > Configuration
    Autoriser le HTML : (•)Oui ( )Non

Ketsu
***

Féminin
Messages : 153
Inscrit(e) le : 16/01/2010

http://sapientia.forumgratuit.org/
Ketsu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Sakur4 le Lun 26 Juil 2010 - 20:14

Effectivement, mon HTML désactivé de base et dans le message, j'ai réactivé les deux cas, mais cela ne résous pas le problème.

Si sa peut t'aider, voila mon code que je met :

Dans la fiche CSS :

Code:
.fiche
{border: 5px dotted #89725B;
-moz-border-radius:8px;}

Dans la fiche de presentation :

Code:
[table border="0"][tr][td]
<img class="fiche" src="http://img10.hostingpics.net/pics/970847Votre_avatar.jpg"/>[/td][td] 
Présentation sur la droite
âge...
Blablaaa[/td][/tr][tr][td colspan="2"]C'est l'histoire d'une méchante neko...blablaa[/td][/tr][/table]

Mais quand j'edite le message avec la fiche de presentation, j'obtiens cela :

Code:
[table border="0"][tr][td]
[img]http://img10.hostingpics.net/pics/970847Votre_avatar.jpg[/img][/td][td] 
Présentation sur la droite
âge...
Blablaaa[/td][/tr][tr][td colspan="2"]C'est l'histoire d'une méchante neko...blablaa[/td][/tr][/table]

Est-ce normal la disparition du "fiche" dans le dernier code ?

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Ketsu le Lun 26 Juil 2010 - 21:18

    En faite, j'ai essayer sur un forum qui n'avait pas le HTML Autorisé.
    Je pense avoir trouver la solution, tu dois modifier tes préférences pour Toujours autoriser le HTML : (•)Oui ( ) Non
    Si tu édite et que tu n'as concrètement pas le droit d'utiliser du HTML, bah il le transforme en BBCode.

Ketsu
***

Féminin
Messages : 153
Inscrit(e) le : 16/01/2010

http://sapientia.forumgratuit.org/
Ketsu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de presentation

Message par Sakur4 le Lun 26 Juil 2010 - 22:21

Je te remercie, sa marche impeccable =)

Le probleme etait qu'a chaque fois que j'editer, meme quand je decocher la case ne "Désactiver le HTML dans ce message", lorsque j'editer, il se recocher seul. Alors que je decocher a chaque fois.

Probleme resolue, et pas qu'un seul Wink

Merci pour le temps que tu m'a accorder =D

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum