Quelques problèmes de lignes (séparation, au dessus de la pub, à gauche des forums)

[Defarax]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://leroyaumedelagrume.forumactif.org

Description du problème

Bonsoir à tous !

Me revoilà pour un nouveau problème (et oui, encore un, et c'est pas le dernier ! :p)

Cette fois-ci, j'aimerais rallonger les lignes des différents forums qui séparent les colonnes "Sujets" "Messages" et "Derniers Messages", de telle manière à ce qu'elles arrivent en bas des différents forums (et non pas qu'elles dépendent, par exemple de ce qu'il y a de marqué dans "Derniers messages".

Je vous joins une petite image :



Ensuite, j'aimerais supprimer ces lignes qui apparaissent sur la bordure gauche des forums, de telles manière à ce que ces bordures soient comme les bordures droites du forum, c'est-à-dire, sans cette ligne.

Image de la ligne à supprimer :



Image de la bordure droite du forum (sans la ligne) :





Enfin, comme je sais que ces lignes sont liées entre elles, j'aimerais en profiter pour savoir comment supprimer la ligne qui apparaît au-dessus de la pub, en dessous de des boutons Accueil, Profil, etc...

Une dernière petite image :




Voilà, en espérant avoir été le plus précis possible, si vous avez besoin de quoi que ce soit (code CSS ou autre), je vous le donnerai !

Merci d'avance !

Romain

[Invité]

Bonsoir,

Voici ce que je vous propose, à insérer dans Affichage > Couleurs > Feuille de style CSS.

Code:

dd.posts, dd.topics, dd.views, dd.lastpost{
  height:79px;
}

ul.navlinks{
  border:none !important;
}

Je n'ai pas compris ce que vous souhaitez faire avec la ligne gauche du forum.
Où se trouve le problème ?


Cordialement.

[Defarax]

En fait, une ligne apparaît en bordure gauche, et ça fait un effet bizarre, si vous regardez bien !
Alors que la bordure droite est bien lisse, puisqu'il n'y a pas de ligne.
Je ne sais pas trop comment expliquer ça ^^

Sinon, pour le code que vous m'avez donné, il fonctionne très bien, pour rallonger les lignes de séparation et pour supprimer la ligne au-dessus de la pub, merci beaucoup !

Romain


EDIT : La portion de code :

Code:

dd.posts, dd.topics, dd.views, dd.lastpost{
  height:79px;
}

Celle qui s'occupe des lignes, donc fonctionne bien.
Cependant, elle engendre un nouveau problème.
Quand je clique sur un forum, pour accéder aux sujets qu'il contient, la partie consacrée aux catégories est élargie.
Comme des images valent mieux qu'un long discours :

Sans le code :



Avec le code :



Serait-il possible de modifier le code pour que la largeur de "l'en-tête" marron ne soit pas prise en compte ?

Merci

[Defarax]

Petit up !

[MlleAlys]

Bonjour,
essayez ainsi :

Code:

ul.topiclist.bg_none dd.posts, ul.topiclist.bg_none dd.topics, ul.topiclist.bg_none dd.views, ul.topiclist.bg_none dd.lastpost {
  height: 79px;
}

[Defarax]

Bonsoir !

Le code que vous m'avez donné ne modifie pas les lignes de la page d'accueil.
Il ne fait qu'augmenter la largeur des différents sous-forums lorsque je suis dans un forum :

Sur la page d'accueil :



Dans un forum :



Merci pour votre aide, en tout cas !

Romain

[MlleAlys]

ah pardon, j'étais restée juste sur le problème de l'en-tête dans la liste des sujets

Ajoutez ce code :

Code:

.forums dd.topics, .forums dd.posts, .forums dd.lastpost {
  height: 65px; /*hauteur des lignes*/
}
dd.dterm {
  border: none !important;
}

[Defarax]

Oooh, merci ! Tout est parfait !

En passant, j'en profite pour vous embêter une dernière fois sur ce post :

Est-il possible de centrer les éléments des trois dernières colonnes dans les cases, et d'abaisser les éléments : "sujets", "Messages" et "Dernier Message" de telle manière à ce qu'ils soient alignés avec le texte : "La vie dans Dofus" ?



Si je dois refaire un post pour ça, j'en referai un, sans soucis !

Merci de votre aide, en tout cas !

Romain

[MlleAlys]

Alors ce n'est pas des plus évidents de centrer verticalement...
Quand il n'y a qu'une seule ligne à centrer, on peut passer par la hauteur de la ligne :

Pour le header :

Code:

.forabg .header dd {
  height: 65px;
  line-height: 65px;
}

Pour les nombres de sujets et de messages :

Code:

.forums dd.topics, .forums dd.posts {
  line-height: 70px;
}

Pour les derniers messages par contre, je ne vois pas trop comment faire autrement qu'ajouter une marge au dessus :

Code:

.forums dd.lastpost > span {
  padding-top: 15px;
}

[Defarax]

Tout est parfait ! Merci beaucoup pour votre aide !

Romain