Créer ses propres balises HTML avec CSS personnalisé
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Créer ses propres balises HTML avec CSS personnalisé
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour,mon niveau de connaissance en html étant assez limité, merci d'avance pour votre patience.
Pour améliorer la mise en page des messages sur mon forum, j'ai déjà créé du CSS personnalisé. Je créais une "balise" (?) dans ma feuille de style, que j'appelais "info", par exemple.
- Code:
.info{
font-family: Courier New;
font-size:11px;
color: #D9AF8D;
text-transform:uppercase;}
}
- Code:
<span class="info">Blabla</span>
J'ai découvert sur plusieurs forums que les administrateurs avaient réussi à créer leurs propres balises (<info></info> par exemple) et j'aurais aimé en faire de même, puisque c'est plus élégant, lisible et facile à utiliser.
Merci d'avance pour votre réponse!
Re: Créer ses propres balises HTML avec CSS personnalisé
Bonsoir,
Sur des pages html indépendantes, il n'y a rien à faire de particulier avant d'utiliser ses propres styles (sauf bien sûr les définir entre les balises <head></head> en tant que
Dans quel contexte exactement avez-vous vu ces styles sur le forum ? Ici, chaque zone a déjà son style prédéfini :
https://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3
Dans la feuille de styles par défaut vous les trouverez tous, ou en cliquant droit "inspecter l'élément" sur la page pour une zone en particulier.
Il faut donc jongler avec les styles déjà implantés, mettre des priorités sur des attributs déjà définis...
Que voulez-vous faire exactement ?
Sur des pages html indépendantes, il n'y a rien à faire de particulier avant d'utiliser ses propres styles (sauf bien sûr les définir entre les balises <head></head> en tant que
- Code:
<style type="text/css">
Dans quel contexte exactement avez-vous vu ces styles sur le forum ? Ici, chaque zone a déjà son style prédéfini :
https://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3
Dans la feuille de styles par défaut vous les trouverez tous, ou en cliquant droit "inspecter l'élément" sur la page pour une zone en particulier.
Il faut donc jongler avec les styles déjà implantés, mettre des priorités sur des attributs déjà définis...
Que voulez-vous faire exactement ?
Re: Créer ses propres balises HTML avec CSS personnalisé
Bonjour ^^
Si votre niveau est limité, vous ne devez savoir qu'une seule chose.
Ces balises exotiques sont à proscrire de vos codages.
Lisible et facile certainement pas !
Chaque balise prédéfinie a un rôle particulier et ses propres capacités. Par exemple une balise en ligne ne peut pas contenir d'élément de type bloc ? Mais savez-vous au moins ce qu'est un contenu de type bloc ?
Les balises exotiques ne répondant à aucun standard, il est impossible de connaître leur destination simplement en lisant le code. Difficile de faire plus illisible et plus compliqué hein ?
Mieux vaut appeler un chat un chat et appeler un chien, un chien.
Prenons un exemple pour la démonstration !
Alors que le code suivant est clair et lisible de tous ! Nul besoin d'une boule de cristal pour deviner ce que l'auteur du code fait avec cette balise.
Et surtout on a affaire à un <span> dont les caractéristiques sont accessibles à quiconque se donne la peine de chercher. On sait ce qu'on peut y mettre, mais on sait surtout ce que l'on ne doit pas y mettre précisément parce que les règles sont clairement établies.
Patchulea a écrit:mon niveau de connaissance en html étant assez limité
Si votre niveau est limité, vous ne devez savoir qu'une seule chose.
Ces balises exotiques sont à proscrire de vos codages.
J'ai découvert sur plusieurs forums que les administrateurs avaient réussi à créer leurs propres balises (<info></info> par exemple) et j'aurais aimé en faire de même, puisque c'est plus élégant, lisible et facile à utiliser.
Lisible et facile certainement pas !
Chaque balise prédéfinie a un rôle particulier et ses propres capacités. Par exemple une balise en ligne ne peut pas contenir d'élément de type bloc ? Mais savez-vous au moins ce qu'est un contenu de type bloc ?
Les balises exotiques ne répondant à aucun standard, il est impossible de connaître leur destination simplement en lisant le code. Difficile de faire plus illisible et plus compliqué hein ?
Mieux vaut appeler un chat un chat et appeler un chien, un chien.
Prenons un exemple pour la démonstration !
- Code:
<yorkshire> Contenu </yorkshire>
Alors que le code suivant est clair et lisible de tous ! Nul besoin d'une boule de cristal pour deviner ce que l'auteur du code fait avec cette balise.
- Code:
<span class="chien" id="yorkshire">contenu</span>
Et surtout on a affaire à un <span> dont les caractéristiques sont accessibles à quiconque se donne la peine de chercher. On sait ce qu'on peut y mettre, mais on sait surtout ce que l'on ne doit pas y mettre précisément parce que les règles sont clairement établies.
Re: Créer ses propres balises HTML avec CSS personnalisé
Merci Neptunia !
@Patchulea :
J'ai encore revu tous les styles de feu ma page perso. J'ai certes travaillé en enchaînant des balises définies moi-même de par leurs attributs, mais elles étaient toutes des balises classiques (p, h1, h2, ...), rien d'exotique.
Si vous avez de la peine à vous y retrouver, vous pouvez mettre des commentaires dans vos codes :
@Patchulea :
J'ai encore revu tous les styles de feu ma page perso. J'ai certes travaillé en enchaînant des balises définies moi-même de par leurs attributs, mais elles étaient toutes des balises classiques (p, h1, h2, ...), rien d'exotique.
Si vous avez de la peine à vous y retrouver, vous pouvez mettre des commentaires dans vos codes :
- Code:
<!-- Info -->
- Code:
<!-- Begin Info
*************** -->
...
<!-- End Info
*************** -->
Re: Créer ses propres balises HTML avec CSS personnalisé
Bonjour,
Neptunia a à peu près tout dit. Je complète donc avec ce lien qui vous donnera une liste des balises à utiliser :
- mémento des balises HTML
- Attributs (liste longue)
Neptunia a à peu près tout dit. Je complète donc avec ce lien qui vous donnera une liste des balises à utiliser :
- mémento des balises HTML
- Attributs (liste longue)
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Créer ses propres balises HTML avec CSS personnalisé
Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées. |
Sujets similaires
» Comment créer des titres personalisés avec les balises span?
» Créer un widget personnalisé
» Comment créer une page HTML avec deux tableaux?
» Code HTML pour créer un défilement d'un forum avec ses sujets
» Créer une page avec : L'endroit pour poster une réponse, les derniers message + du html uniquement
» Créer un widget personnalisé
» Comment créer une page HTML avec deux tableaux?
» Code HTML pour créer un défilement d'un forum avec ses sujets
» Créer une page avec : L'endroit pour poster une réponse, les derniers message + du html uniquement
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum