Grid : besoin d'aide pour personnaliser l'affichage

[orpheus]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://empiredesouvenirs.forumactif.com/f18-analyse-des-dvd-et-blu-ray

Description du problème

Bonsoir à tous !

Maintenant que le template Grid est ouvert, je me permets de solliciter votre aide afin de personnaliser son affichage sur un de mes forums.

Actuellement, l'affichage s'effectue ainsi sur mon forum :

Voir l'image:

Mon but serait de :
- Supprimer l'avatar sur la gauche de l'image.
- Supprimer les deux icônes qui apparaissent (l'oiseau rose et Pikachu).
- Déplacer le nombre de vues/réponses, idéalement en dessous de la date et l'heure.
- Et enfin, modifier la couleur blanche par une couleur plus en harmonie avec le design de mon forum.

Concrètement, je souhaiterai que ça ressemble à quelque chose comme ceci :

Voir l'exemple:

Je vous remercie d'avance pour votre aide.

[orpheus]

un petit up s'il vous plait !

[Stefano123]

orpheus a écrit:

Mon but serait de :
- Supprimer l'avatar sur la gauche de l'image.
- Supprimer les deux icônes qui apparaissent (l'oiseau rose et Pikachu).
- Déplacer le nombre de vues/réponses, idéalement en dessous de la date et l'heure.
- Et enfin, modifier la couleur blanche par une couleur plus en harmonie avec le design de mon forum.

Bonjour,

Je vous donne ces codes, mais peut-être que d'autres personnes ici, surement plus calées que moi, pourront vous donner de meilleurs codes et de meilleures solutions !  
Mettre ceci dans votre feuille de style CSS à part, car si ces codes ne sont pas bons, vous pourrez les zapper facilement !
En espérant que ces codes n'auront pas de coïncidence avec d'autres codes !

- Supprimer l'avatar sur la gauche de l'image :

Code:

.topic-card .author-avatar img {
  border: 1px solid transparent;
  width: 0px;
  height: 0px;
  border-radius: 0%;
  background-color: transparent;
  overflow: hidden;
  display: block;
  font-size: 0;
}

- Supprimer les deux icônes qui apparaissent (l'oiseau rose et Pikachu). Pour info, j'ai aperçu que le Pikachu !

Code:

.card-footer .time img {
  width: 0;
}

- Et enfin, modifier la couleur blanche par une couleur plus en harmonie avec le design de mon forum.
Vous pouvez modifier la couleur : #fdd :

Code:

.topic-card .card-content {
  background-color: #fdd;
}

- Déplacer le nombre de vues/réponses, idéalement en dessous de la date et l'heure.
Cette modification, je pense qu'elle s'effectue dans la nouvelle template :  topics_grid_box

Bon week-end,

cordialement,

[orpheus]

Bonjour Stefano123,

Je vous remercie pour votre aide !
Après test, les codes que vous m'avez proposé fonctionnent mais par contre, l'oiseau rose apparaît toujours.



Encore merci pour tout car franchement, le résultat est assez plaisant.

Il subsiste encore une question également : comment modifier la couleur du texte ? Car le gris ne ressort pas des masses et j'aimerai que les descriptions des topics soient en noir.

[Stefano123]

orpheus a écrit:

Bonjour Stefano123,

Je vous remercie pour votre aide !
Après test, les codes que vous m'avez proposé fonctionnent mais par contre, l'oiseau rose apparaît toujours.



Encore merci pour tout car franchement, le résultat est assez plaisant.

Il subsiste encore une question également : comment modifier la couleur du texte ? Car le gris ne ressort pas des masses et j'aimerai que les descriptions des topics soient en noir.

Bonjours,

Toujours dans la feuille de style :

- Pour modifier la couleur du texte : #

Code:

.topic-card .description {
  color: #797979;
}

Dans le lien que vous donner ci-dessus dans votre demande: -  L'oiseau rose que vous décrivez n'apparait pas pour moi, je ne le vois pas dans l'affichage GRID
https://empiredesouvenirs.forumactif.com/f18-analyse-des-dvd-et-blu-ray



Dans votre : Panneau d'administration / Affichage / Images et Couleurs / Gestion des images / Mode Avancé :
Vous avez des Icônes ou images que vous pourriez zapper, exemple comme l'icône de l'oiseau rose :

Car, enlevez des icônes ou images avec des codes de style et que vous pourriez peut-être les enlever dans le Mode Avancé :
Regarder dans Mode Avancé : si les icônes ou image que vous décrivez ne se trouvent pas de dedans avant de les zapper avec des codes, il serait plus judicieux de les enlever par là s'ils' y sont !  

Bonne journée...