Adapter un code du LS

Bonjour,

Même si je suis un petit nouveau (ma présentation), j'ai déjà quelques questions.

En me promenant sur le forum du Libre Service, je suis tombé sur cette superbe page d'accueil qui me plait beaucoup.
Cependant, je me demandé si il est possible de la modifier de façon à voir lorsque un nouveau sujet ou une nouvelle réponse est postée, car ça ne semble pas être le cas dans la version proposée ici.

Par exemple, serait-il possible de faire changer de couleur la barre transparente (qui se trouve au niveau du titre des forums)? Ou encore y afficher une alerte du type "nouveau message".

Cordialement, Sou :)

Bonjour, je tente un up du sujet.

Ayant tenté de résoudre le problème par moi même, j'ai découvert le morceau de code qui gère la barre transparente en question:

Code:


.bottom_section {
  position: relative;
  margin-top: -40px;
  width: 490px;
  height: 40px;
  background-color: #fff;
  opacity: 0.3;
}

Pouvant donc en modifier la couleur ainsi que l'opacité, et avec un peu plus de recherche surement aussi le contenu, j'aurai besoin d'une âme charitable m'indiquant comment inclure une condition au format des templates, du moins je suppose que c'est là qu'il faut agir, lorsqu'un nouveau message est posté.

Merci d'avance, Sou.

Bonjour, je tente un up de nouveau :)

Hello !

C'est effectivement possible, on va avoir ici une solution avec du html et du css ^^

Dans ton template, on va rajouter une ligne avant la barre. On trouve donc cette ligne là dans ton template :

Code:

<div class="bottom_section"></div>

Et juste avant, on met ça :

Code:

<img class="forum_img_status" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

C'est l'image qui dit "Nouveau sujet" / "Pas de nouveau message" / etc.

Pas d'inquiétude cela ne changera pas l'affichage, on va ajouter du CSS pour masquer l'image ^^

Ensuite, dans le CSS on va ajouter :

Code:

/* cache image nouveaux messages forum */
.forum_img_status {
    display: none:
}

/* Style de la barre en bas quand il y a un nouveau message */
.forum_img_status[alt="Nouveaux messages"] + .bottom_section {
  background: red;
}

C'est un exemple si tu veux changer la couleur de la barre, mais si tu veux tu peux simplement afficher une image que tu places à un autre endroit !

Code:

.forum_img_status[alt="Nouveaux messages"] + .bottom_section

En fait ce qu'on fait c'est qu'en CSS on lui dit "S'il y a une image nouveau / pas de nouveau, etc qui a le texte alt "Nouveaux messages", alors pour .bottom_section juste après tu mets ce style CSS là ...

Sur mon forum test ça fonctionne bien, si tu as un bug, pourras-tu ajouter le lien de ton forum s'il te plait ?

Merci beaucoup !

Ta solution marche nickelle
Je l'ai pour l'instant utilisé sur un forum de test, mais je ne tarderai pas à l'appliquer de façon définitive. Bien entendu je n’oublierai pas de te citer pour l'aide à la réalisation.

Merci encore énormément !

Coucou,

Je passais en coup de vent mais n'oublie pas de mettre l’icône résolu si tout est nickel. ça facilite le travail de nos pauvre modérateur/admin ou responsable. :)

Bisous!

Fais