Hogwarts Online - Forum du jeu de rôle

Forum du jeu de rôle en PHP sur l'univers d'Harry Potter
http://hogwarts.online.free.fr/main/index.php
 
AccueilFAQRechercherS'enregistrerConnexion

Partagez | 
 

 Astuces pour Coder sa Fiche Personnage

Aller en bas 
AuteurMessage
Magicobus Retraité
Maître du jeu à la retraite
avatar

Nombre de messages : 381
Nom de jeu : Ex- Admin MJ
Profession IG : Inscriptions-Tutoriel
Date d'inscription : 05/09/2017

MessageSujet: Astuces pour Coder sa Fiche Personnage   Mar 6 Fév - 4:12

¤ CODAGE POUR LES FICHES DE PERSONNAGE ¤


Paragraphes:

Grande police de caractères
Code:
<BIG></BIG>
Petite police de caractères
Code:
<SMALL></SMALL>
Citation
Code:
<CITE></CITE>
Centré
Code:
<CENTER></CENTER>

Caractères:

Couleur de la police Codes des couleurs
Code:
<FONT COLOR="#code de la couleur"></FONT>
Sélection de fonte Article sur les Polices de Caractère pour un Forum
Code:
<FONT FACE="nom de la police de caractère"></FONT>
Grandeur de la police
Code:
<FONT SIZE=chiffre></FONT>
Gras
Code:
<B></B>
Italique
Code:
<I></I>

Images:

Afficher une image
Code:
<IMG SRC="adresse de l'image">
Dimensions (Width = largeur, Height = hauteur)
Code:
<IMG SRC="adresse de l'image" WIDTH="nombre" HEIGHT="nombre">
Bordure
Code:
<IMG SRC="adresse de l'image" BORDER=nombre>
Alignement
Code:
<IMG SRC="adresse de l'image"ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> (choisir l'alignement désiré)

Pour accoler une description qui s'affiche lorsqu'on passe la souris sur une image :
Code:
<IMG SRC="adresse de l'image" TITLE="texte à mettre derrière l'image">

Séparateurs:

Ligne horizontale
Code:
<HR>
Ligne pleine
Code:
<HR NOSHADE>
Largeur
Code:
<HR WIDTH=nombre>

Arrière plan:

Couleur d'arrière-plan Codes des couleurs
Code:
<BODY BGCOLOR="#code de la couleur">


Dernière édition par MJs Tutoriel / Psychisme le Lun 9 Avr - 10:37, édité 3 fois
Revenir en haut Aller en bas
Marguerite de Clairière

avatar

Féminin Nombre de messages : 5
Nom de jeu : Marguerite de Clairière
Profession IG : Elève de 1ère année
Date d'inscription : 07/07/2017

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 18 Mar - 9:53

Salut,

Je viens de débuter le code et du coup je m'entraîne sur ma fiche personnage. Mais dans ma formation et sur tous les sites où je vais on parle surtout de CSS... et mon problème c'est que je n'arrive pas à intégrer CSS dans ma fiche se demande .
je m'y prends comme cela :
head>
      style type="text/css">
      /style>
/head>
(J'ai enlevé les premiers crochets pour que ça soit visible)
Est-ce que quelqu'un pourrait m'aider please I love you
Revenir en haut Aller en bas
Mémé
Retraitée / Codeuse à la dérive
avatar

Nombre de messages : 2067
Age : 83
Nom de jeu : Vieille McGo
Profession IG : Dessous du jeu
Date d'inscription : 26/04/2016

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 18 Mar - 10:08

Alors euh ... je peux peut-être me tromper (je suis loin d'être une experte :p), mais tu ne peux pas inclure de feuille de CSS comme ça. Ta description n'est pas une page HTML indépendante, elle fait partie intégrante du code HTML du jeu, qui possède déjà son header et tout. Pour créer du style, tu n'as pas le choix que d'intégrer ça aux balises de ta desc.
Par exemple :
Code:
<font color="#ebf5f7"> Texte </font>
Code:
<div style="padding: 2px; overflow: auto; text-align: justify;"> Texte </div>
Code:
<table style="border: #ccc 1px solid; border-collapse: collapse; vertical-align: top;" width="100%" > <tr><td> Contenu d'une cellule de tableau</td></tr></table>

Pour faire simple, tout ce qui est déclaré par un style=" " est ce que tu aurais déclaré sur ta feuille de style CSS ;)
Revenir en haut Aller en bas
Marguerite de Clairière

avatar

Féminin Nombre de messages : 5
Nom de jeu : Marguerite de Clairière
Profession IG : Elève de 1ère année
Date d'inscription : 07/07/2017

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 18 Mar - 10:44

Merci beaucoup !
Je vais essayer ça on va voir ce que ça va donner haha Smile
Revenir en haut Aller en bas
Sophie Loveley

avatar

Féminin Nombre de messages : 60
Nom de jeu : Sophie Loveley
Profession IG : Secrétaire animalière
Date d'inscription : 10/11/2017

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 17 Juin - 14:26

Je voulais savoir... Je suis bien toute les étapes pour mettre une image dans ma description mais à chaque fois je n'ai qu un petit carré qui saffiche( J ai essayer de changer les dimension et ça ne marche toujours pas)
Revenir en haut Aller en bas
Professeur Lynch

avatar

Masculin Nombre de messages : 392
Nom de jeu : Léon Lynch
Profession IG : Professeur de Métamorphose
Date d'inscription : 14/10/2017

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 17 Juin - 14:58

T'es sous quel site de stockage ? Parce que j'utilise Casimage et j'ai galéré aussi pour faire des PNJs, parce qu'il donne une adresse trop longue, il y a une partie à supprimer (enfin j'ai réussi à avoir un truc normal comme ca xD)
Revenir en haut Aller en bas
Sophie Loveley

avatar

Féminin Nombre de messages : 60
Nom de jeu : Sophie Loveley
Profession IG : Secrétaire animalière
Date d'inscription : 10/11/2017

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 17 Juin - 15:11

Je ne sais pas du tout. Mais les adresses sont aussi très longues
Revenir en haut Aller en bas
Professeur Lynch

avatar

Masculin Nombre de messages : 392
Nom de jeu : Léon Lynch
Profession IG : Professeur de Métamorphose
Date d'inscription : 14/10/2017

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 17 Juin - 15:31

J'ai pas accès à ta fiche perso donc je sais pas vraiment...

Mais pour Casimage j'utilise que ça :

Code:
<img src='https://nsa39.casimages.com/img/2018/06/13/180613023327245672.png' border='0' alt='Mon image' /></a>
Revenir en haut Aller en bas
Sophie Loveley

avatar

Féminin Nombre de messages : 60
Nom de jeu : Sophie Loveley
Profession IG : Secrétaire animalière
Date d'inscription : 10/11/2017

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 17 Juin - 15:49

Ok merci. Je pense que mon adresse était fausse car Lorenzo ma dis qu'elle amenait sur un site et non pas sur la photo seule.
Revenir en haut Aller en bas
Professeur Lynch

avatar

Masculin Nombre de messages : 392
Nom de jeu : Léon Lynch
Profession IG : Professeur de Métamorphose
Date d'inscription : 14/10/2017

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 17 Juin - 16:04

Ah ok x)
Revenir en haut Aller en bas
Gabrielle Kalovisky

avatar

Féminin Nombre de messages : 51
Age : 12
Nom de jeu : Gabrielle Kalovisky
Profession IG : Future élève à Poudlard
Date d'inscription : 02/08/2018

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Sam 4 Aoû - 17:25

Oh non... Faut coder sérieux ?? Je déteste coder ... :( (Elle hais sa même !! mdr mdr )
Revenir en haut Aller en bas
Reika Yukama
Préfet.e de Serdaigle
Préfet.e de Serdaigle
avatar

Féminin Nombre de messages : 1283
Age : 20
Nom de jeu : Reika Yukama
Profession IG : Râleuse officielle certifiée millésime 1998
Date d'inscription : 27/07/2014

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Sam 4 Aoû - 18:35

Ce n'est pas une obligation, tu le fais seulement si tu veux avoir une belle fiche. C'est juste un choix.

_________________
"C'est pas un simple balai Harry, c'est un Nimbus 2000 !" -Ron Weasley
"Oh dear we are in trouble. " -Rusard
"After all this time ?
Always." - Severus Rogue.

Spoiler:
 
Revenir en haut Aller en bas
Lorenzo Sertus

avatar

Masculin Nombre de messages : 35
Nom de jeu : Lorenzo Sertus
Profession IG : Département des créatures magiques
Date d'inscription : 22/10/2016

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Mer 22 Aoû - 23:57

Bonjour, Bonsoir !

Après bientôt 2 ans de jeu, je me suis dit que ce serait peut-être bien de vraiment essayer de coder un peu ma description afin qu'elle soit plus attrayante.  saute
Contrairement à mes dernières tentatives, j'y arrive et suis très fière de moi ! Smile happy

J'ai donc voulu changer la couleur du fond de ma desc, sauf que c'est tout le fond de la page qui est devenu gris. C'est un bug ? Ou est-ce moi qui ai fait une erreur ? se demande

De même, j'aimerai justifier et centrer mon texte, mais je n'y arrive pas... Est-ce possible de faire cela ? se demande

Merci d'avance  I love you
Revenir en haut Aller en bas
Alicia Wells

avatar

Féminin Nombre de messages : 78
Age : 19
Nom de jeu : Alicia Wells
Profession IG : Vagabonde.
Date d'inscription : 03/08/2018

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Jeu 23 Aoû - 10:06

Justifier : < justify > < / justify > (sans les espaces).
Centrer : < center > < / center > (sans les espaces).

Pour le fond de la description, j'ai eu le même problème.
Revenir en haut Aller en bas
Professeure A. Nott

avatar

Féminin Nombre de messages : 131
Nom de jeu : Professeure A. Nott
Profession IG : Professeure d'Enchantement
Date d'inscription : 24/05/2018

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Jeu 23 Aoû - 10:24

Pour le fond, c'est sans doute l'une de tes baslises qui est mal/pas fermée ^^
Revenir en haut Aller en bas
Pearl McLane

avatar

Féminin Nombre de messages : 1118
Nom de jeu : Pearl Mc Lane
Profession IG : en cavale
Date d'inscription : 10/08/2014

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Jeu 23 Aoû - 17:50

Je n'ai jamais réussi à faire fonctionner les balises de couleur de fond. J'ai tourné la difficulté par :

<"background-image:url(gnagnagna.jpg)">

Il s'agit alors d'héberger une image de texture, une petite chose de la couleur que tu veux. Elle se répercutera en mosaïque et tu auras l'effet voulu.
Revenir en haut Aller en bas
Lorenzo Sertus

avatar

Masculin Nombre de messages : 35
Nom de jeu : Lorenzo Sertus
Profession IG : Département des créatures magiques
Date d'inscription : 22/10/2016

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Jeu 23 Aoû - 21:05

Merci tout le monde, je vais essayer tout ça !!! Smile saute

Revenir en haut Aller en bas
Josh Menson

avatar

Masculin Nombre de messages : 628
Age : 21
Nom de jeu : Josh Menson
Profession IG : Elève - 3ème année - Futur Prince de Poufsouffle - Floodeur invétéré - P'tit morveux à ses heures perdues :p
Date d'inscription : 01/11/2016

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 28 Oct - 9:52

Hello les gens !!!

J'ai une petite question concernant le codage de ma fiche perso !

En effet, j'aimerais l'améliorer vite-fait et surtout y inclure un lecteur Youtube (qui n'affiche pas toute la vidéo en grand mais juste le lecteur avec le titre, le "play/pause" etc... Je sais pas si j'explique bien mon souhait...^^).

Mais je suis un gland au niveau du codage et j'suis archi perdu sur tout ce que je peut trouver comme code pour y inclure un lecteur de ce genre...

Quelqu'un dans les parages pourrait-il m'aider ?

Comme ça je pourrais enfin inclure LA musique que je vois bien illustrer Josh !

Thanks !

I love you

_________________
Thibaut 2003 - Hustepuff (Harry Potter Freestyle):
 
Revenir en haut Aller en bas
Erika Green

avatar

Féminin Nombre de messages : 88
Nom de jeu : Erika Green
Profession IG : élève de première année
Date d'inscription : 01/08/2018

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 28 Oct - 22:01

Je viens de tester donc ça fonctionne. Voici la marche à suivre

1) Tu vas sur la vidéo que tu souhaite
2) tu choisis l'option partager en dessous de ta vidéo
3) Dans la fenêtre, tu clique sur "Intégrer" dans la partie "Partager lien"
4)

Il va te proposer un code comme ceci

Code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/oop_xxBSxmc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

5) Tu recopie le code en changeant la hauteur. Généralement 40 c'est bien. Donc ça donne ceci :

Code:
<iframe width="560" height="40" src="https://www.youtube.com/embed/oop_xxBSxmc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Tu places la ligne de code où tu veux l'afficher dans ta fiche Smile Et si c'est trop large, tu réduis l'option "widht"
Revenir en haut Aller en bas
Josh Menson

avatar

Masculin Nombre de messages : 628
Age : 21
Nom de jeu : Josh Menson
Profession IG : Elève - 3ème année - Futur Prince de Poufsouffle - Floodeur invétéré - P'tit morveux à ses heures perdues :p
Date d'inscription : 01/11/2016

MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   Dim 28 Oct - 22:59

*Roulement de tambours.... Josh arrivera-t-il à appliquer des consignes qui ne peuvent être plus claires ? .....*

Ca marche !!! Merciiii M'dam !! I love you

L'entraide entre blaireau... c'est pas beau ça ?

pouffy pouffy pouffy

_________________
Thibaut 2003 - Hustepuff (Harry Potter Freestyle):
 
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Astuces pour Coder sa Fiche Personnage   

Revenir en haut Aller en bas
 
Astuces pour Coder sa Fiche Personnage
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Formulaire pour la fiche personnage
» Trucs et astuces pour gagner de l'argent facilement
» Fiche personnage de Tarkandil
» Trucs et astuces pour écrire dans un français correct !
» Bolt Uzumaki [Fiche Personnage]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Hogwarts Online - Forum du jeu de rôle :: Hors Jeu :: Aides & Problèmes-
Sauter vers: