Réduire colonne DERNIER MESSAGE sur l'index.

[Electro0007]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://serialcomputer2.forumactif.com/

Description du problème

Bonjour TLM,

                J'aimerais ajuster la largeur de la colonne DERNIER MESSAGE sur l'INDEX.

                Je présume que je dois aller dans le TEMPLATES INDEX BOX. Mais après, c'est le black-out . Je désire simplement réduire la colonne DERNIER MESSAGE.

                Merci pour votre aide.

[tupac]

Bonjour Electro0007,

Pourquoi ne pas réduire légèrement la largeur de votre forum, pour ce faire dirigez vous dans votre panneau d'administration puis Général / Forum / Configuration / Structure des pages / Largeur du forum, réduisez légèrement la largeur.

[Electro0007]

Bonjour Tupac,

Le problème étant qu'il réduit également les autres colonnes du forum :/

[Electro0007]

up

[Electro0007]

up

[RainyHalloween]

Hello

Tu peux essayer d'ajouter ceci dans ton CSS :

Code:

.dterm {
    width: 70% !important;
}

.lastpost {
    width: 10% !important;
}

A toi d'ajuster les valeurs après

[Invité]

Hello Electro0007,

RainyHalloween, ce style s'appliquera sur l'ensemble du fofo   .


il suffit de mettre ce style (tout au début ) dans le template concerné :

Code:


<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
</style>


a++

[Electro0007]

Hello

Tu peux essayer d'ajouter ceci dans ton CSS :

Code:

.dterm {
    width: 70% !important;
}

.lastpost {
    width: 10% !important;
}

A toi d'ajuster les valeurs après

Bonjour RainyHalloween,

J'ai essayé le code mais il me reste beaucoup d'espace sur le côté droite de la colonne :/

[Electro0007]

Hello Electro0007,

RainyHalloween, ce style s'appliquera sur l'ensemble du fofo   .


il suffit de mettre ce style (tout au début ) dans le template concerné :

Code:


<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
</style>


a++

Bonjour Milouze14,

Étrange car il me fait le même problème qu'avec le code de Rainyhalloween Il doit y avoir un autre code qui interfaire ... peut -être dans le css.

Voici le code css :

CSS:

[RainyHalloween]

Non il faut juste que tu joues avec les valeurs, dans le code de Milouze14 il faut ajouter une ligne pour la colonne de gauche :

Code:

<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
  dd.dterm {width: 72%;}
</style>

Pour combler l'écart tu dois jouer avec la valeur de "dd.dterm".

[Electro0007]

Non il faut juste que tu joues avec les valeurs, dans le code de Milouze14 il faut ajouter une ligne pour la colonne de gauche :

Code:

<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
  dd.dterm {width: 72%;}
</style>

Pour combler l'écart tu dois jouer avec la valeur de "dd.dterm".

Voici ce que cela donne comme résultat.



J'ai beau changé le % dd.dterm il ne bouge pas

[RainyHalloween]

Et avec un "!important" à la suite de la valeur ?

[Electro0007]

Code:

<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
  dd.dterm {!important;}
</style>

Comme ceci

[RainyHalloween]

Non à la suite de la valeur, comme ceci

Code:

<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
  dd.dterm {width: 72% !important;}
</style>

[Electro0007]

Code:

<style>
  dd.lastpost{width:15%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
  dd.dterm {width: 71% !important;}
</style>

Merci à vous deux. La colonne maintenant est nettement mieux. Merci encore