[Suggestion] Le code des titres

Je regardais tantôt les codes proposés sur cette page. Je trouve l'idée de proposer ces éléments très bien, ça aide grandement à l'unification des posts et des cours.

Cependant, je pense qu'on peut faire beaucoup plus user-friendly et simple. Plutôt que d'avoir :

Code:: <center><div class="secondarytitle"><span class="tcat">Ton titre ici</span></div></center>
<span class="t1m">Ton titre ici</span>
<span id="titre3">Ton titre ici</span>

On pourrait avoir simplement, respectivement :

Code:: <h1>Titre</h1>
<h2>Titre</h2>
<h3>Titre</h3>

C'est plus simple à gérer pour l'utilisateur qui veut faire un titre, plus lisible, plus clair, et plus sémantique. Le code CSS serait donc globalement le suivant, à quelques modifications près :

Code:: .post h1 {
background: url("http://nsm05.casimages.com/img/2011/08/04//1108040154591094398544387.png") no-repeat;
width: 566px;
margin: 0 auto;
text-align: center;
color: #fff;
font: 38px Yellotail, "Sue Ellen Francisco", "Waiting for the Sunrise", serif;
text-shadow: 0 0 4px #555;
padding-bottom: 62px;
}

.post h2 {
background: #cfc1cf;
color: #6d5780;
font: 400 18px/10px 'Lobster Two', Yellowtail, Pacifico, 'Cabin Sketch', 'Sue Ellen Francisco', Impact;
height: 10px;
margin-top: 5px;
text-align: left;
text-decoration: none;
text-shadow: 1px 1px 7px #ccc;
}

.post h3 {
border-bottom: 1px dashed #7C4E7B;
font: 20px 'Lobster Two', Yellowtail, Pacifico, Georgia;
padding-right: 250px;
}

Voilà :) Je propose, c'est vous qui voyez.

Effectivement ça ferai moins de code, et ça serai surement plus simple ^O^
Je note pour la prochaine évolution du forum ;)
Merci de cette suggestion :)

» Guide des titres & codes dans les messages

[Suggestion] Le code des titres

[Suggestion] Le code des titres

Sujets similaires

Sujets similaires