L'intégralité de ce guide a été écrit par et pour Never-Utopia. Merci de respecter ce long travail en ne copiant rien de ce qui s'y trouve !
Vous souhaitez apprendre le codage ? Vous ne savez pas par où commencer ? Ce guide a été crée pour vous !
Sans nous octroyer la prétention de pouvoir vous apporter un niveau précis qui puisse être reconnu officiellement, ce petit guide vous permettra d'acquérir quelques bases et réflexes pour pouvoir être autonome et modéler vous-même vos messages ou votre forum.
Cliquez sur le titre de l'étape dans laquelle vous souhaitez vous rendre. Dans un tout premier temps, nous vous conseillons de lire l'introduction pour vous informer sur la finalité de ce guide.
• Partie 1 : mise en forme simple dans les messages •
1) Mise en forme d'éléments de message (titre, liens, bordure d'image...)
2) Mise en forme de paragraphes
3) Les Images ou motifs de fond
4) Création d'un cadre informatif, de modération, avertissement, etc...
5) Limiter les tailles (redéfinir une taille d'image, limiter la taille d'un cadre texte, utilisation de l'overflow...)
6) Disposer ses éléments (tableau, float, pour avatar et feuille de perso...) [étape en ligne prochainement]
7) Un peu de CSS3 et ses exigences (css3 lisible par presque tout les navigateurs, de base donc arrondis, opacité)
• Partie 2 : utilisation de la feuille CSS •
8) Fonctionnement de la feuille de style CSS
9) Utilisation de la feuille CSS pour des modifications faciles (dans l'apparence des messages)
10) Modifier des éléments simples du forum avec le CSS
11) Modifications d'éléments précis
12) Identitication du nom des éléments à modifier (utilisation du css de base et des templates)
13) Changement de la nature, taille ou limites d'un élément (display, overflow)
• Partie 3 : modifications des templates et CSS •
14) Comprendre le fonctionnement d'un template
15) Définir un élément pour le modifier
16) Suppression d'éléments
17) Redisposition d'élément
18) Ajout d'éléments
• Partie 4 : création d'une page web complète •
19) Finalités d'une page & début de création de la page
20) Remplissage simple en html
21) Elaboration avec du css et prévisualisation
22) Création des blocs, schéma simple
23) Mise en forme des blocs du schéma simple
24) Mise en forme des blocs schéma élaboré
25) Mise en forme des blocs du schéma élaboré
26) Ajouter la page sur FA, le problème du CSS
27) Afficher la page : mise en place du lien
28) Conseils d'utilisation de ces pages et limites de FA
• Partie 5 : initiation aux effets CSS3 •
29) Les différences de navigateurs
30) Les différentes mises en forme du CSS3
31) Les animations en CSS
Voici la section des tutoriels graphiques qui pourront probablement vous aider à acquérir ou à approfondir vos connaissances. Le classement par logiciel vous permet une recherche rapide, et l'affichage vous facilitera la tâche avec sa notation par étoile : plus un tuto' possède d'étoile, plus sa qualité a été reconnue par nos responsables. Certains des tutoriels sont visibles directement sur le site, mais pas tous, loin de là. Par conséquent nous vous invitons à vous inscrire pour pouvoir profiter pleinement de ces quelques leçons, en espérant qu'elles puissent vous aider !
Le codage est désormais nécessaire, même sur les fora, si vous espérez être à la pointe. On a beau dire, c'est quand même très pratique et le css nous évite beaucoup de désagrément, de répétition de code et de place sur nos pages d'accueil, par exemple. Mais au fait, le codage, c'est quoi exactement ? Et le CSS ? Vous le savez mais vos connaissances sont faibles ? Moyennes ? Pour être franc, la technologie avance et l'on n'en saura jamais assez... Venez découvrir ici des cours pour débutants et confirmés, ainsi que de nombreuses astuces pour améliorer vos pages de site ou de forum.
Parce qu'il est nécessaire d'avoir de bons outils pour faire du graphisme, venez chercher des images dans cette partie du site. A votre disposition des renders faits par nos membres, mais également des adresses pour trouver de bons brushes ainsi qu'une bibliothèque d'avatar pour vos jeux de rôles. En ce qui concerne l'utilisation des images, n'oubliez pas qu'un copyright ne peut être appliqué à votre création que si vous en êtes entièrement l'auteur...
Un petit journal bourré d'article en tout genre : interviews, sujets d'actualité... un peu de lecture mis à votre disposition. N'oubliez pas que cette section est aussi la vôtre, vous êtes libres de nous proposer vos propres articles sur le sujet de votre choix : créations graphiques, société, actualité... Votre pseudo sera bien évidemment indiqué sur votre article. Bonne lecture, ou bonne rédaction !
