Fiche de presentation
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Fiche de presentation
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.
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
Re: Fiche de presentation
Donc j'ai essayer de faire quelque chose, voila ce qui en est sortie :
https://2img.net/r/hpimg10/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
Voici le code :
https://2img.net/r/hpimg10/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">
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]
Re: Fiche de presentation
Je n'ai toujours pas trouver
Re: Fiche de presentation
- 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]
Re: Fiche de presentation
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
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
Re: Fiche de presentation
- 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!
Re: Fiche de presentation
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 !
Merci pour ton aide !
Re: Fiche de presentation
Ce n'est pas vraiment un avatar vu que c'est dans un poste, mais plus une image.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"/>
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>
Re: Fiche de presentation
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 :
En mettant bien sur l'image souhaiter. Mais cela ne fonctionne pas, je dois faire surement une erreur quelque part.
- 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.
Re: Fiche de presentation
- Chez moi, cela marche :
- Spoiler:
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
Re: Fiche de presentation
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 :
Dans la fiche de presentation :
Mais quand j'edite le message avec la fiche de presentation, j'obtiens cela :
Est-ce normal la disparition du "fiche" dans le dernier code ?
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 ?
Re: Fiche de presentation
- 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.
Re: Fiche de presentation
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
Merci pour le temps que tu m'a accorder =D
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
Merci pour le temps que tu m'a accorder =D
Sujets similaires
» Fiche de présentation HTML et codes
» Ajout de CSS dans fiche de présentation
» Aide sur un code de fiche de présentation
» Fiche présentation décalage - center
» Systhème d'onglets dans fiche de présentation.
» Ajout de CSS dans fiche de présentation
» Aide sur un code de fiche de présentation
» Fiche présentation décalage - center
» Systhème d'onglets dans fiche de présentation.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum