Un forum de discussions pour parler de tout et de rien, de vos études,de vos vacances,de vos loisirs et faire plein de connaissances
 
Le Deal du moment : -20%
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q ...
Voir le deal
749 €

Partagez
 

 [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Neyka
Baleine de Nemo
Baleine de Nemo
Neyka
Messages : 1483
Date d'inscription : 17/08/2016
Age : 22

[DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH Empty
Message Sujet: [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH   [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH EmptyVen 25 Aoû - 2:24

Bonjour à tous !

Aujourd'hui, un tutoriel plutôt simple mais pas forcément connu de tous, qui vous permettra de comprendre comment coder sur son forum à l'aide des pages HTML, mais aussi comment les mettre sur un autre forum, en l'occurence, ici, Ocean Home.

Niveau : Débutant et +
Durée : Entre 5 et 10 minutes.


I — Comprendre l'utilité et ce qui est nécessaire pour réaliser le tuto.

A première vue, vous pouvez vous demander pourquoi coder sur son forum, et pas sur OH. Il y a une raison technique très simple : les hover (animations qui peuvent faire bouger une image, ou changer de couleur un texte au survol de la souris, ce genre de choses) nécessitent le CSS et ne fonctionnent pas lorsque l'on pose cela de manière " brute " sur un sujet du forum. Vous avez donc besoin de votre propre page HTML pour que cela fonctionne, et la manière la plus simple, c'est d'avoir son propre ForumActif ! De plus, cela vous assure que vos codages et sujets ne seront pas supprimés, car ils seront bien au chaud dans vos propres pages HTML. Pour cela, ce n'est pas compliqué : allez sur le site et créez votre forum. Une fois connecté, vous pouvez passer à l'étape suivante.

II — Accès aux fiches.

Une fois connecté en tant que Fondateur (ou Administrateur), descendez tout en bas du forum jusqu'à voir « Panneau d'Administration ». Accédez-y.

1:

Rendez-vous dans l'onglet « Modules ».

2:

Descendez tout en bas de la page jusqu'à voir « HTML & Javascript » à gauche, et cliquez sur « Gestion des pages HTML ».

3:

Voilà pour la première étape ! Comme vous voyez, c'est très facile d'accès, il faut juste savoir où c'est et ça passe tout seul. Sélectionnez « Création en mode avancé (HTML) » pour enfin pouvoir commencer à coder.

NOTE : Évitez de prendre le mode simple. S'il paraît plus attirant pour les débutants, il m'a déjà, personnellement, causé quelques problèmes dans mon code, je ne vous le conseille donc pas. De la même manière, n'éditez jamais en mode simple.

III — Commencer à coder / Mettre son code.

Maintenant que vous avez votre nouvelle page ouverte, vous pouvez commencer ! Mettez le CSS, et ensuite l'HTML.

-> Si vous avez simplement un code à copier/coller, vous avez tout simplement à sauvegarder une fois que c'est réalisé. Retournez sur l'onglet précédent et cliquez sur le petit œil, à côté de votre tout nouveau codage : une nouvelle page va s'ouvrir, et vous aurez l'aperçu ! Cette page vous servira pour la suite*, ce n'est pas encore fini, car il faut la placer sur le forum grâce à un code.


-> Si vous souhaitez réaliser votre propre code, n'oubliez jamais de mettre ce code au tout départ :
Code:
<!doctype html>
Il précise que c'est un document en HTML.

Code:
<meta charset="UTF-8">
Il indiquera à votre navigateur qu'il doit afficher les accents graves, aigus, et j'en passe pour éviter de se retrouver avec des caractères qui n'ont aucun sens.

Et, lorsque vous codez en CSS, n'oubliez pas de le mettre dans ces balises (puisque vous aviez précisé précédemment que c'était en HTML) :
Code:
<style type="text/css">CSS RÉDIGÉ ICI</style>


IV — Placer le code sur un forum extérieur.

Pour faire cela, vous allez utiliser un iframe.
Code:
<iframe src="LIEN DE LA PAGE*" style=" border: 0;"></iframe>
Si besoin, ajoutez une balise pour centrer, tout simplement
Code:
<center><iframe src="LIEN DE LA PAGE" style=" border: 0;"></iframe></center>
Pour finir, n'hésitez pas à adapter les dimensions selon votre rendu, avec ce codage :
Code:
<center><iframe src="LIEN DE LA PAGE" style=" border: 0; width: LARGEUR SOUHAITÉE; height: HAUTEUR SOUHAITÉE;"></iframe></center>


Voilà ! N'hésitez pas à vous adressez à moi si vous avez des questions :kokoro:
Revenir en haut Aller en bas
Arya
Léviathan des Nymphes
Léviathan des Nymphes
Arya
Messages : 4012
Date d'inscription : 14/07/2015
Age : 27

[DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH Empty
Message Sujet: Re: [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH   [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH EmptyVen 25 Aoû - 9:07

Merci pour le tuto @Neyka ! :neko9:
Revenir en haut Aller en bas
Neyka
Baleine de Nemo
Baleine de Nemo
Neyka
Messages : 1483
Date d'inscription : 17/08/2016
Age : 22

[DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH Empty
Message Sujet: Re: [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH   [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH EmptyVen 25 Aoû - 14:27

Avec plaisir @Arya ! :oniangel:
Revenir en haut Aller en bas
Contenu sponsorisé



[DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH Empty
Message Sujet: Re: [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH   [DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH Empty

Revenir en haut Aller en bas
 
[DÉBUTANT et +] Coder sur son forum et mettre le résultat sur OH
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Débutant] Coder proprement
» A toi de coder
» [Photoshop/Débutant] Aelia The Queen
»  « [GIMP] Fondu - Katy Perry - Débutant/Intermédiaire »
» [Résultat] Concours de graphisme n°11 !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Ocean Home :: Our Homes :: Vos talents artistiques :: Codage :: Tutoriaux-