Ajouter des tables

[Invité]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 20 août 2017
Lien du forum : http://powercraft.forumactif.com/

Description du problème

Bonjour.

J'ai retiré la couleur de fond du cadre de mon forum afin que l'image d'arrière plan apparaisse mieux et surtout parce que je trouve le thème encore plus beau maintenant !

Cependant j'ai quelques petits soucis car certains éléments qui n'apparaissant d'ordinaire pas dans des tables mais directement sur la couleur de fond sont désormais très difficiles à distinguer et donc à lire.

Pour mieux m'exprimer j'ai préparé des screens où j'ai entouré les zones peu visibles en rouge :

https://2img.net/image.noelshack.com/fichiers/2017/36/1/1504479401-img1.png

https://2img.net/image.noelshack.com/fichiers/2017/36/1/1504479401-img2.png

https://2img.net/image.noelshack.com/fichiers/2017/36/1/1504479401-img3.png

Donc j'aimerai pouvoir ajouter des tables (est-ce le nom correct ?), ou du moins rendre visible ces parties là autant que le reste. Je n'ai fait que trois captures d'écran mais il y a d'autres endroits sur le forum où il y a le même problème, comme sur le calendrier par exemple.

J'ai trouvé la solution d'ajouter ce code à mon CSS :

Code:

#wrap {background: rgba(255,255,255,0.5);}

Mais le rendu n'est vraiment pas appréciable.

Voilà donc si quelqu'un connaît une manière d'ajouter des "blocs blancs" dans toutes ces zones que l'on voit mal, je suis preneur !

Merci d'avance pour votre aide.

[Steviah]

Salut. Çà fait beaucoup de zones à recouvrir du coup ^^

Essai déjà avec ces codes dans ton css :

Code:

.linklist.top, .linklist.bottom{
  background: #fff;
}

.sub-header {
  background: #fff;
}

.topic-actions, .topic-actions.bottom {
  background: #fff;
}

fieldset.vf_jumpbox {
  background: #fff;
}

[Invité]

Edit : J'ai commencé à faire avec ces codes, mais certains de changent rien, même quand je compacte le code. J'ai aussi compris comment trouver les différents éléments à modifier. Par contre comment puis-je aussi arrondir les angles des "background" que j'ajoute à chaque fois ? Pour que ça donne quelque chose comme ceci :



Donc encadré en blanc avec des bords arrondis, ce serait parfait.

[Steviah]

Pour arrondir les angles :

Code:

  border-radius: 9px;

Si tous les sélecteurs ont exactement le même style, tu peux les rassembler :

Code:


.linklist.top, .linklist.bottom, .sub-header, .topic-actions, .topic-actions.bottom, fieldset.vf_jumpbox{
  background: #fff;
  border-radius: 9px;
}

Il doit en effet rester pas mal de zones à couvrir.

[Invité]

Merci beaucoup pour ton aide je vais faire comme ça et je verrai ce que ça donne avec le temps !