Comme vous l'avez constaté, l'affichage du forum est quelque peu bordélique. Cela vient du fait que l'on a changé de thème (PunBB -> phpBB). La grosse majorité du design a été refaite, mais il manque encore plein de petits trucs à régler.

Je crée donc ce sujet pour que l'on liste ensemble les choses à modifier, à corriger, ou tout ce que vous voulez. Je connais le CSS, mais passer des heures dessus me gonfle, et je ne suis pas un pros du webdesign.

Si vous avez des idées, des remarques, ou encore si vous savez comment corriger tel problème en CSS, n'hésitez pas à poster ici !

Problèmes de mise en page (position d'éléments, etc) :
- Le bandeau avec la FAQ, les membres, etc est trop loin du header Fait
- Sur les sujets, la colonne avec les infos des auteurs est trop large Fait

Problèmes de polices (couleurs, etc) :
- Quand on poste un message, les options sont noires sur fond gris Fait
- la police d'écriture est moche Fait
- les liens dans la chatbox sont blancs sur blanc Fait

Problèmes d'images (boutons, etc) :
- les boutons de citations ne conviennent pas

Autres améliorations :

• La largeur de la colonne ''auteur'' n'est pas fixe et varie d'une page à l'autre. Fait
  
• Il y a un grand vide après les signatures Fait
  
• Faudrait superposer la banderole en ligne sur l'avatar, si possible
  
• Enlever les pages membres et groupes
  
• Ajouter un espace entre ''Nouveau'' et le fil d'ariane Fait
  
• Augmenter légèrement la taille de police d'accueil, calendrier, rechercher, etc.
  
• Les boutons envoyer, prévisualier et ceux de la chatbox ne sont pas très esthétiques

Sinon y'a les gros carrés bleus sur la page principale qui me dérangent. Ce serait peut-être mieux des les enlever. Fait

Pour le reste c'est parfait je crois. J'aime bien.

Ligne 1 de 112-ltr.css
Ceci :

Code:

input.mainoption {
    background-color: #FFFFE1;
    font-weight: 700;
}

Gagnerait à être cela :

Code:

input.mainoption {
    background-color: #00313f;
    font-weight: 700;
}

Ça fera moins windows 98. x)

Moi je penche plutôt pour le Times New Roman (plus ... RP) mais comme la dit Avooal : c'est une serif donc c'est moins bien .

Comme dit sur la chatbox, Georgia fait pas vraiment font-web, c'est plus pour du traitement de texte ou diaporama (et encore).
Je propose la police Open Sans, qui est jolie, et légère.

- Les "pop-ups" (pour envoyer une image par exemple) s'affichent à droite dans le vide

Ouh, ça fait bien longtemps ça... x)

+1 pour Open Sans.
Mais c'est une police livrée par défaut avec les OS ?

Sinon Avoo, si t'arrive pas à mettre en place le code que je t'ai filé pour les boutons, change au moins leurs couleurs (pourquoi pas en #fafafa ?), c'est très horrible là. :/
J'attends toujours les images sinon. ^^

Pour info, Avooal et moi avons réglé les problèmes de largeur des posts et le souci des soulignages du header.

Aux dernières nouvelles, Avoo continue le travail avec Kocal ce soir. o/

--EDIT--
Pour virer le footer, le fichier en question est 144-ltr.css. Vider les variables référencées est une autre solution.

--EDIT 2--
144-ltr.css est aussi la feuille de style du footer.


--EDIT 3--
Voici le code HTML du joli bouton.

Code:

<button type="submit" accesskey="s" tabindex="6" value="Envoyer" name="post" class="mainoption">Envoyer</button>

--EDIT 4--
Et voilà pour le bouton brouillon

Code:

<button type="submit" accesskey="d" tabindex="7" value="Brouillon" name="draft" class="liteoption">Brouillon</button>

Je te passe le set d'images demain Minaw.

Va bene.

Super Codeur est Invoqué ^^

Remettre aussi les : "enregistrez vous " et " connectez vous " en haut

Je trouve qu'il serait également pratique d'ajouter une rubrique à droite sur la page d'accueil, avec les membres actuellement en train de jouer sur les Terres de Loytonia.
Désolé si elle existe, je ne l'ai pas vu...

Wat, même le site est down now. Oo'

Bref, j'ai réglé quelques bugs ce matin :

La police passe mieux en Verdana ! :p Fait

Code:

.postbody {
    font-size: 14px;
    line-height: 1.5em;
}

p, td, th {
    font-family: Verdana,Helvetica,sans-serif;
}

Ah, et pour les boutons, si tu veux un truc mois dégueulasse en attendant : Fait

Code:

input[type=submit] {
    border-radius: 5px;
    background: #ECECEC;
    color: #000;
    padding: 5px 10px;
    margin: 5px;
}

Le texte "Option" quand on poste un message n'est plus noir :

Code:

$(".gen").removeClass("gen")

colzadu68 a écrit:

Je trouve qu'il serait également pratique d'ajouter une rubrique à droite sur la page d'accueil, avec les membres actuellement en train de jouer sur les Terres de Loytonia.
Désolé si elle existe, je ne l'ai pas vu...

J'aime beaucoup cette idée mais peut-être dur à coder et/ou mettre en place.

Non c'est faisable, mais là c'est pas trop la priorité.

J'aurais besoin d'aide pour ce genre de page : http://forum.loytonia.com/t1658-jeu-mais-ou-est-ce

J'ai essayé des overflow:hidden ou des max-width, sans succès.

Code:

img {
    max-width: 640px;
}

MAIS !

Il faut aussi enlever le cellpadding à table.bodylinewidth... :/
Donc faut modifier mon petit bout de code JS que je t'ai envoyé hier

Bon c'est déjà un peu mieux, j'arrête là pour aujourd'hui.

HS : Il n'y a pas trop d'avancement par rapport au problème que l'on rencontre sur le serveur. De toute l'histoire de Loytonia, c'est la première fois qu'une panne aussi longue a lieu.

Hopopop il s'en est passé des choses sous mon nez en si peu de temps...
Changement de mumble, forum, etc...
Comme vous vous en doutez je connais que dalle au CSS, mais je teins juste à dire que le nouveau design est très réussi!
Par contre (j'ai pas lu dans le détail ce qui précède, ça a peut être déjà été mentionné), sur mon natel en tout cas, je signale que les signatures chevauchent le dessus du message suivant.

Oui, ça me le fait aussi et ça n'a pas été encore signalé, je crois.

Oui, je viens de trouver d'où vient le problème.

Code:

.signature_div {
    max-height : none;
}

Puisqu'on est dans le code, je veux juste savoir : le /m à t'il une autre utilité que celle qu'à le /br ?

Hein ?
Tu veux dire quoi par le "/m" ? Si tu parles d'une balise HTML, ben elle existe pas.
Et c'est "<br />", pas "/br", c'est pour faire un saut de ligne.