Bienvenue sur le forum !

Si vous souhaitez rejoindre la communauté, cliquez sur l'un de ces boutons !

Anniversaires du jour

tomatogear21 daybeaver2 rjhybksxmaigh HalioSoast Dainacople Fedya bkif kbfyfmaigh djkjlzmaigh Anayajurus ybkz fuhbggbyf yfnfkbq maryan CoreyNus Chadelel BrianAddip

Design du nouveau forum

Bonjour à tous,

Je viens juste me permettre de faire une petite suggestion concernant le design du nouveau forum.
Il s'agit d'une légère rectification du design afin d'adapter le site sur de plus grandes résolutions.
En effet, vous ne le remarquez peut-être pas avec de faibles résolutions (un écran de petite taille, si vous voulez) mais la largeur du bandeau central dans lequel le forum s'affiche a une taille limite, comme sur certains "vieux sites".

Exemple ici avec une résolution de 1920x1080, assez commune sur les PC fixes par exemple :
http://puu.sh/nD8NY/c28ea9a644.png
Les zones sur les côtés (magnifiquement mis en valeur avec Paint) sont totalement inutilisées et représentent plus de 50% de la page.

Il est très simple de modifier le site de façon à le rendre plus lisible sur toutes les résolutions. Pour cela, il faut modifier le fichier css :

Ligne 74 :
.Row {
    margin: auto;
    width: 960px;
}

A remplacer par ceci :

.Row {
    margin-left: 8%;
    margin-right: 8%;
}

J'ai simplement effacé la limite imposée de 960 pixels (qui équivaut à plus ou moins la moitié de l'écran, sur un 1920x1080) puis ajouté une marge à gauche et à droite pour éviter de recouvrir entièrement le fond d'écran.

Sur ma résolution (de 1600x900), appliquer la modification facilite déjà grandement la lecture :
Avant : http://puu.sh/nDbl9/d4e87f42f1.png
Après : http://puu.sh/nDbAo/0f10131fbe.png

Vous pouvez tester sur votre navigateur en appuyant sur la touche F12 et en ouvrant l'éditeur de design.

Voilà voilà ~
"Nous nous retirons... Mais nous nous reverrons, sur un autre plateau de jeu, dans un autre univers, une autre dimension." - Mammon

Messages

  • YsstosYsstos Réserviste
    J'ai appuyé sur F12 mais je trouve pas l'éditeur de design :/
  • Loup80frLoup80fr Administrateur
    mars 2016 modifié
    Voila, forum redimensionné.
    Par contre ton code Darkolosse n'est pas exacte et comporte des défauts.

    :wolf:

    PS: Un simple "peut-tu redimensionner le forum" aurai suffit...  :-B
    image
  • YsstosYsstos Réserviste
    Ah ouais c'est plus lisible merci darko et loup !
  • DarkolosseDarkolosse Fondateur
    mars 2016 modifié
    Mieux, thx!
    []<3

    (tiens, un bug avec une émoticône)
    "Nous nous retirons... Mais nous nous reverrons, sur un autre plateau de jeu, dans un autre univers, une autre dimension." - Mammon
Connectez-vous ou Inscrivez-vous pour répondre.