Ajouter une 2eme colonne dans les sujets

[Electro0007]

Rappel du premier message :

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://serialcomputer2.forumactif.com/

Description du problème

Bonjour,

Ceci est mon 1er forum créer et également mon 1er message ici. Donc pardonnez-moi mon manque d'expérience.


Quand je vais quand une catégorie, on voit bien évidemment tout les sujets. J'aimerais ajouter une 2eme colonne à gauche pour afficher les icônes du sujet.

Je sais que je dois impérativement aller dans les templates - général - topic list box. Mais quoi mettre tel-est la question

Pouvez-vous m'aider. Merci

[Lixyr]

Bonjour,

Ca n'est pas décalé pour moi :


Pouvez-vous me fournir un screen de votre affichage, ainsi que :
- le navigateur utilisé ;
- la résolution de votre écran.

[Electro0007]

Bien regardez dans le haut la description, Réponses et Vues, sont décalés vers la gauche.

Mozilla 56.0.2

Résolution HD.

[Lixyr]

Voilà pour vous :

Code:

dl.icon dd.dterm {
    padding-left: 150px;
    background-position: 50px;
    width: 42%;
}

.topiclist li.header dd.posts {
    padding-left: 110px;
}



[Electro0007]

Code:

dl.icon dd.dterm {
    padding-left: 150px;
    background-position: 50px;
    width: 49%;
}
 
.topiclist li.header dd.posts {
    padding-left: 5px;
}

J'ai ajusté légèrement mais là il ne reste que 2 problèmes. Les titres principales des catégories sur l'index et dans les forums, l'alignement également pour les colonnes : Réponses Vues et dernier message.

Après c’est finit

[Lixyr]

Et bien dans ce cas il faut préciser dans le CSS qu'on ne veut que ça ne prenne effet que la liste des sujets :

Code:

/* alignement de la 2eme icone dans la liste des sujets */
.topiclist.topics dl.icon dd.dterm {
    padding-left: 150px;
    background-position: 50px;
    width: 49%;
}
 
.topiclist.topics li.header dd.posts {
    padding-left: 5px; /* sert à aligner les titres réponses, vues et derniers messages*/
}

[Electro0007]

Merveilleux l'index est réglé Il me reste seulement ceci à régler

Les noms des colonnes à aligner dans le haut.

ICI:

[Lixyr]

Et bien c'est cette partie :

.topiclist.topics li.header dd.posts {
padding-left: 5px; /* sert à aligner les titres réponses, vues et derniers messages*/
}

J'avais mis 110, mais vous avez changé pour 5. A vous de voir ce qui vous convient le mieux.

[Electro0007]

J'ai rectifié le code avec votre dernière mise a jour et tout est rentré dans l'ordre. Merci infiniment.