T'en fais pas, j'adore expliquer ! Je trouve toujours gratifiant de voir les gens comprendre et trouver que finalement, c'est pas aussi obscur que des maths
Ma plus grande fierté est d'avoir converti un pur et dur littéraire persuadé que le codage c'était pas pour lui, en véritable accro qui n'arrêtait plus xD Bref, je m'égare, reprenons
Yamiko a écrit:Donc, a partir de là, je peux changer le nom de l'onglet ?"
Tout à fait ! Bon, dans le template, je te déconseille un peu de le faire puisque le système forumactif fait que le titre est dynamique suivant la page, mais admettons que tu aurais la lubie de mettre "Tutu -" devant tous les noms de page sur toutes tes pages, il suffirai de modifier le title comme ça :
- Code:
<title>Tutu - {SITENAME_TITLE}{PAGE_TITLE}</title>
Yamiko a écrit:Haaaannn ! C'est ça qui fait sauter tout mes accents sur un html quand j'essaie d'en faire une sans modèle !! Sur une page HTML (celle des modules du forum), c'est à ça que correspond ça :
- Code:
<meta charset="utf-8" />
C'est ça ? Tain, tout s'éclaire XD
Voilà voilààà
j'adore quand la lumière se fait ! Après y'a plusieurs encodages existant, et suivant la version HTML utilisée la ligne est pas exactement la même, mais oui c'est ça ^^ L'utf-8 est l'encodage le plus complet et souple, de mémoire il se veut universel
Yamiko a écrit:Ok, donc, si je comprend bien, c'est dans le head que je dois mettre mes nouvelles police que j'ai juste mis à l'arrache dans le template index_body. D'accord, mais comment je code une nouvelle police alors ? Les miennes sont Megrim et Audiowide.
C'est en effet ici qu'elles sont proprement ajoutés
Le principe est d'indiquer dans une balise link l'url du fichier police hébergé sur le web, et d'ensuite les utiliser en css. Cependant, dans la pratique c'est légèrement plus délicat du à la multitude des navigateurs et systèmes d'exploitation existants. De mémoire, dans les début où la fonctionnalité est sortie, il fallait un fichier spécial pour IE, un pour firefox, un pour chrome et opéra... Bref, si on couple ça a la complexité d'héberger des fichiers polices quand on a pas un hébergement de site à soi...
La technique la plus pratique et simple à mettre en place, c'est d'aller récupérer des polices pré-hébergés tel que sur Google font par exemple (je crois qu'il y en a d'autres mais j'utilise pas). Cependant, elle a l'inconvénient de ne pas toutes les avoir... a voir avec les tiennes ! Tu les as mis comment dans ton index_body ?
Yamiko a écrit:Quand tu parle de maintenance, c'est la maintenance du code, ou sa "lourdeur" ?
Un peu des deux. Mais surtout la maintenance du code, si tu veux modifier un truc dedans.
Notamment sur Forumactif. C'est plus simple d'avoir un module JS ou d'aller dans le css avec un simple compte admin que de devoir se co avec le compte fonda, fouiller dans le template adéquat pour trouver la portion à modifier et ensuite devoir sauvegarder et publier... Bref, dès que je peux mettre ailleurs que dans le template, je fais ! Bon, j'ai l'avantage de manipuler un peu le js, ça aide à faire des petits scripts d'insertion lol
Pour une page perso unique, ça peut se discuter cependant.
Yamiko a écrit:D'accord, donc là, pour modifier un élément via les template, il suffit de repérer la variable qui lui correspond ? Ok, mais concrètement, comment tu fais pour savoir quoi correspond à quoi ? Certaines sont assez explicite, mais pour d'autre, c'est assez difficile de deviner ><
Alors ! Déjà tu peux te repérer aux éléments l'entourant. La partie de la page où elle est censée se trouver... près de quoi elle est.
Et sinon une astuce que j'avais lue sur le forum des forumactifs si tu souhaites savoir à quoi correspond une variable est de l'entourer d'une div avec un name="" ou une class, et de voir sur ton forum ce qui se trouve dans ta div. Je la trouve assez intuitive comme astuce
Yamiko a écrit:Je comprend pas trop. Est-ce que c'est un code qui va se répéter, ou est-ce que c'est une façon de coder qui fera que justement, il ne sera pas nécessaire de réécrire 100 fois le même code.
Pour moi c'est la même chose, puisque le résultat est le même, une portion de code ne sera écrite qu'une fois dans le template mais pourra être répétée dans la page définitive du forum.
Concernant ton exemple... Alors oui et non. Tout dépend si on parle boucle ou affichage d'éléments visible qu'à certains groupes. Le probleme sur Forumactif, c'est que les deux choses pourtant différentes sont matérialisés de la même manière. Et c'est le système de compilation qui choisi le bon traitement ensuite surement.
Pour l'affichage d'élements à certains groupe, ton code est bon je pense, même si je n'ai jamais eu besoin de faire cela. Je pense pas que tu aurais pu faire plus optimisé.
Pour la boucle, dans le principe elle aurait pu t'être utile pour ne pas avoir à écrire tout le html entourant ta navigation (qui était surement identique d'un niveau à l'autre). C'est la fonction de base d'une boucle en programmation : tu remplis une variable avec tes données (souvent un tableau avec par exemple niveau 1, son url; niveau 2, son url...) et ensuite tu parcours ton tableau et a chaque niveau, tu insère dans une portion de code html le niveau et l'url qui lui est associé.
En pratique, c'est pas possible de le faire sur forumactif j'imagine (j'ai jamais essayé du moins)... parce que le traitement n'est pas défini du coté du système, il ne saura pas sur quoi il doit boucler. Bon, c'est que supposition, peut-être à vérifier.
Pour te donner une idée de ce qu'est une boucle, dans la plupart des langages ça ressemble à ça :
- Code:
for (X = 0; X < 5; X = X+1){
instructions à faire
}
C'est très schématique mais en gros ça permet de parcourir une plage de valeurs et à chaque de faire un lot d'instructions. Là dans mon exemple, on ferai les instructions 5 fois
(de 0 à 4)
Pour ta navigation, il pourrait peut-être être interessant d'essayer un script JS pour le faire avec des boucles
Mais je sais pas si on gagnerai vraiment...
Yamiko a écrit:Alors, en pratique, ouais. Je sais les repérer et les utiliser sur un code déjà fait.
Mais quand je créer, je n'utilise que des class... Je comprend pas la différence avec le id, on a tenté de m'expliquer qu'elles servaient à pas répéter 100 fois le même code dans le HTML, mais concrètement, j'arrive pas à voir la différence avec une class. Comme quoi, tu fais bien de demander >XD
Une intuition, comme ça fait partie de la base je préfère toujours demander
Dans l'utilisation d'une class ou d'un id en css, en superficie c'est à peu près la même chose je te l'accorde. Par contre je ne sais pas qui t'a expliqué ça comme ça, c'est un peu grossier comme explication. Le css en lui même permet de ne pas répéter 100 fois un style sur 100 éléments de ta page... donc m'etonne pas que tu comprenne pas la différence xD
La fonction première d'une class est de te permettre d'attribuer des propriété css ou des comportements javascript à plusieurs éléments de ta page que tu auras défini. Ce pourra être des éléments différents. Par exemple moi sur mes forums j'aime bien créer des class avec les noms de mes groupes, qui ne font que mettre l'élément de la couleur du groupe... Je peux du coup l'utiliser sur des balises titres, sur des div, sur des span, sur des strong suivant mes besoins. C'est l'effet d'ensemble en quelque sorte, comme une classe scolaire (pour moyen mémotechnique) où les éléments sont parfois différents mais traités à l'identique.
La différence avec un id, c'est que lui est un
identifiant unique d'un élément unique. Normalement, on ne devrait jamais trouver deux id identiques sur la même page html (mais comme certains ne savent pas la différence, ça arrive malheureusement xD). Et il est utile quand tu ne souhaite cibler qu'un seul élément de ta page.
Après il faut bien garder à l'esprit que class et id ne sont pas toujours obligatoires, puisqu'en css si tes éléments sont similaires, il est facile de cibler des éléments par rapport à leur hiérarchie et/ou leur type (div, p, img...). Mais ça reste bien pratique quand même.
Ensuite, il faut savoir (et là je m'étale un peu mais c'est utile à savoir), les sélecteurs css ont un "poids" suivant leur complexité. Je n'ai plus exactement les valeur en tête, mais j'ai l'échelle vaguement. Par exemple, une balise (div, a, p), sera toujours moins fort qu'une class. A quoi ça sert ? ça sert à surcharger un style sur un élément.
- Code:
a {color:red}
.bleu {color:blue}
Un lien avec la classe bleu deviendra automatiquement bleu, même si on interverti l'ordre des deux règles
Parce que le .bleu a plus de poids que le simple a.
Pourquoi je te dis ça ? Parce que de la même manière, l'autre différence entre class et id, c'est que l'id est le plus fort. Un élément qui aura une class et un id prendra normalement pour les styles en commun ceux de l'id si les règles sont simples.
C'est bon, je t'ai pas trop perdu pour le moment ?
Accueil
