Hogwarts Online - Forum du jeu de rôle


 
AccueilS'enregistrerConnexion
Le Deal du moment : -14%
Apple MacBook Air (2020) 13,3″ Puce Apple M1 ...
Voir le deal
799 €

 

 Astuces pour coder sa fiche personnage

Aller en bas 
+10
Professeure A. Nott
Alicia Wells
Lorenzo Sertus
Reika Yukama
Gabrielle Kalovisky
Professeur Lynch
Sophie Loveley
Mémé
Marguerite de Clairière
Magicobus Retraité
14 participants
AuteurMessage
Magicobus Retraité
Maître du jeu à la retraite
Magicobus Retraité


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyMar 6 Fév 2018 - 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 2018 - 10:37, édité 3 fois
Revenir en haut Aller en bas
Marguerite de Clairière

Marguerite de Clairière


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 18 Mar 2018 - 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é
Codeur.se/Webmaster
Mémé


Nombre de messages : 2726
Age : 88
Nom de jeu : Vieille McGo
Profession IG : Codeuse retraitée
Date d'inscription : 26/04/2016

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 18 Mar 2018 - 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

Marguerite de Clairière


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 18 Mar 2018 - 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
Adulte majeur.e et vacciné.e
Sophie Loveley


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 17 Juin 2018 - 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
Maître du jeu à la retraite
Professeur Lynch


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 17 Juin 2018 - 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
Adulte majeur.e et vacciné.e
Sophie Loveley


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 17 Juin 2018 - 15:11

Je ne sais pas du tout. Mais les adresses sont aussi très longues
Revenir en haut Aller en bas
Professeur Lynch
Maître du jeu à la retraite
Professeur Lynch


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 17 Juin 2018 - 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
Adulte majeur.e et vacciné.e
Sophie Loveley


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 17 Juin 2018 - 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
Maître du jeu à la retraite
Professeur Lynch


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 17 Juin 2018 - 16:04

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

Gabrielle Kalovisky


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptySam 4 Aoû 2018 - 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

Reika Yukama


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptySam 4 Aoû 2018 - 18:35

Ce n'est pas une obligation, tu le fais seulement si tu veux avoir une belle fiche. C'est juste un choix.
Revenir en haut Aller en bas
Lorenzo Sertus
Adulte majeur.e et vacciné.e
Lorenzo Sertus


Masculin Nombre de messages : 117
Nom de jeu : Lorenzo Sertus
Profession IG : Chômeur à plein temps
Date d'inscription : 22/10/2016

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyMer 22 Aoû 2018 - 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
Adulte majeur.e et vacciné.e
Alicia Wells


Féminin Nombre de messages : 344
Age : 24
Nom de jeu : Alicia Wells
Profession IG : Département de Justice
Date d'inscription : 03/08/2018

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyJeu 23 Aoû 2018 - 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
Maître du jeu à la retraite
Professeure A. Nott


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyJeu 23 Aoû 2018 - 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
Invité
Invité




Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyJeu 23 Aoû 2018 - 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
Adulte majeur.e et vacciné.e
Lorenzo Sertus


Masculin Nombre de messages : 117
Nom de jeu : Lorenzo Sertus
Profession IG : Chômeur à plein temps
Date d'inscription : 22/10/2016

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyJeu 23 Aoû 2018 - 21:05

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

Revenir en haut Aller en bas
Gabriel Greylark

Gabriel Greylark


Masculin Nombre de messages : 891
Age : 26
Nom de jeu : Gabriel Greylark
Profession IG : Le chômage, c'est la base.
Date d'inscription : 01/11/2016

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 28 Oct 2018 - 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
Revenir en haut Aller en bas
Erika Green
Préfet.e de Poufsouffle
Préfet.e de Poufsouffle
Erika Green


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

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 28 Oct 2018 - 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
Gabriel Greylark

Gabriel Greylark


Masculin Nombre de messages : 891
Age : 26
Nom de jeu : Gabriel Greylark
Profession IG : Le chômage, c'est la base.
Date d'inscription : 01/11/2016

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyDim 28 Oct 2018 - 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
Revenir en haut Aller en bas
Fana Silva

Fana Silva


Nombre de messages : 112
Nom de jeu : Fana Silva
Profession IG : Toujours 5ème année
Date d'inscription : 18/01/2022

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyJeu 6 Juil 2023 - 21:22

Hellooo !

Je suis en plein re-re-recodage de ma fiche pj et j'ai un petit hic concernant les polices, j'en essaye plein mais soit elle ne passe pas, soit c'est absolument illisible, soit ça ne me convient pas.
Vous savez ou je peux trouver les polices qui sont susceptibles de passer / quelles polices peuvent être mises sur le jeu ?

Merciii ! saute
Revenir en haut Aller en bas
Rized
Codeur.se/Webmaster
Rized


Féminin Nombre de messages : 2630
Nom de jeu : Monsieur Abbott
Profession IG : Ministre de la magie
Date d'inscription : 28/09/2019

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyJeu 6 Juil 2023 - 22:33

Bonsoir, bonsoir !

Je dois t'avouer ne m'être jamais penché sur la question.
Aussi je n'ai aucune réponse à t'apporter.

La seule que j'ai vient de la petit voix dans mon oreille qui m'explique que si tu ne vois pas les polices, c'est qu'elles ne sont pas installées sur ton ordinateur.
Ce qui signifie que si la personne qui consulte ta fiche ne l'a pas non plus, le site mettra automatiquement la police de caractère par défaut.
Revenir en haut Aller en bas
Fana Silva

Fana Silva


Nombre de messages : 112
Nom de jeu : Fana Silva
Profession IG : Toujours 5ème année
Date d'inscription : 18/01/2022

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyVen 7 Juil 2023 - 1:02

Donc si je me base par exemple sur les polices par défaut de word notamment, ça me donne les polices utilisable par tous sur le site également ?
Revenir en haut Aller en bas
Rized
Codeur.se/Webmaster
Rized


Féminin Nombre de messages : 2630
Nom de jeu : Monsieur Abbott
Profession IG : Ministre de la magie
Date d'inscription : 28/09/2019

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyVen 7 Juil 2023 - 10:10

Si ça fonctionne comme je le penses, oui et non.
certaines personnes n'ont pas Word, chaque ordinateur est configuré avec des polices de caractère différentes, selon la marque, l'année, le système d'exploitation.
Mais pour ton ordinateur personnel, oui, c'est un bon indicatif de ce que tu devrais pouvoir utiliser.
Revenir en haut Aller en bas
Fana Silva

Fana Silva


Nombre de messages : 112
Nom de jeu : Fana Silva
Profession IG : Toujours 5ème année
Date d'inscription : 18/01/2022

Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage EmptyVen 7 Juil 2023 - 10:31

J’en ai tenter pas mal venant de word ( sans en avoir rajouter moi même ) et ça a l’air de plutôt bien fonctionner comme indicatif !
Revenir en haut Aller en bas
Contenu sponsorisé





Astuces pour coder sa fiche personnage Empty
MessageSujet: Re: Astuces pour coder sa fiche personnage   Astuces pour coder sa fiche personnage Empty

Revenir en haut Aller en bas
 
Astuces pour coder sa fiche personnage
Revenir en haut 
Page 1 sur 1

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, Questions, Problèmes-
Sauter vers: