Le Deal du moment : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

Partagez
 

 Optimiser et Réduire la taille des titres de catégorie

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Je suis : Admin le tout puissant,
Fondateur, lézard overbooké et caféiné

Admin le tout puissant

Crédit avatar :
Test1

Commentaire(s) du joueur :
➔Né le 10 Allune 1063 (37 ans)
➔Natif du Gravorn
➔Résident du Creux-lac
➔Souffre de stress post-traumatique après son séjour à Vissomort

➔Présentation
➔Chronologie

➔Ilclaste a obtenu un succès dès de transcendance, mais je garde ça au chaud et pour le moment il est toujours éveillé.

Reserve de point(s) :
226


Optimiser et Réduire la taille des titres de catégorie  Empty
MessageSujet: Optimiser et Réduire la taille des titres de catégorie    Optimiser et Réduire la taille des titres de catégorie  EmptyMer 25 Juil - 19:15

Sparrow-style a écrit:
Bonjour, bonsoir,

Le titre ne vous parle peut-être pas, mais si vous avez ce problème vous verrez très vite de quoi je parle.
Sur votre forum vous avez la possibilité de mettre des images à la place des titres de catégorie. Deux problèmes peuvent alors se poser :

1) Dans votre PA apparait à la place du titre "***error in the name of your category***" ce qui peut être gênant pour déplacer vos caté/forum même si cela ne se voit pas dans le forum en lui-même.

2) Une grosse déformation dans les pages suivantes : dès que vous entrez dans un forum, la navigation interne qui est juste au dessus du cadre du forum reprend l'image telle qu'elle ce qui peut carrément ruiner votre beau design.

Voici comme régler les deux problèmes ci-dessus :

I/ Optimiser l'affichage des catégories au titre/image
Vous avez probablement noté votre image dans la barre de titre de cette façon :

Code:
<img src="adresse.jpg" />

Cela ne pose pas de problème d'affichage en soi, mais sachez que cette notation est incorrecte, ou plutôt incomplète. Normalement, on note une image comme ceci :

Code:
<img src="adresse.jpg" alt="nom de l'image" />

Concrètement, le "alt" n'apparait pas. A quoi sert-il ? Il apparaitra si votre image ne peut pas apparaitre, à la place d'avoir du vide ou un carré transparent, ce qui peut sauver la navigation de votre forum. D'autre part, c'est un élément essentiel dans les normes du codage pour les mal-voyants. Je vous laisse vous documenter sur W3C pour plus d'info.

Quoi qu'il en soit, indiquer un texte alternatif "alt" sur votre image avec le titre de la catégorie permettra à votre panneau d'administration d'afficher ce titre là. Or avoir le titre de ses catégories à la place d'un gros message en rouge, en gras, et surtout en Anglais ça fait quand même plus propre ! (et moins peur XD).


II/ Réduire la taille de l'image dans la navigation interne du forum

Pour réduire l'image qui sera en rappel dans vos navigation interne et donc déformera l'intérieur de vos forums, l'affichage de vos sujets et de vos messages, voici un petit code trèèèès utile :

Code:
a.nav img
{
width: 200px;
}

Vous pouvez adapter la taille selon votre envie.

Ce code s'applique aux images des liens de la navigation secondaire, donc n'affectera QUE l'image de votre catégorie, sauf si vous avez mis des images pour les titres de tout vos forum, mais j'en doute x).
 
Optimiser et Réduire la taille des titres de catégorie
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forumessais :: Zone personnages :: Titre 1-
Sauter vers: