Images sous-forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Images sous-forum

Message par news8 le Jeu 12 Oct 2017 - 21:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://servmonoo.forumactif.com/

Description du problème

Bonsoir,

Alors voilà j'ai ajouté un code javascript pour personnaliser les images des catégories de ma page d'accueil dont voici le code javascript et css :

Code:
$(function(){
  $('img[src="http://image.noelshack.com/fichiers/2017/40/1/1506972062-katigl.png"]').closest('tr').addClass('newpost');
 $('img[src="http://image.noelshack.com/fichiers/2017/40/1/1506972062-katigl.png"]').closest('tr').addClass('newpost');
 $('img[src="http://image.noelshack.com/fichiers/2017/40/1/1506972062-katigl.png"]').closest('tr').addClass('newpost');
    $('a.forumlink[href^="/f1-"]').closest('tr').addClass('Nep_categ1');
    $('a.forumlink[href^="/f3-"]').closest('tr').addClass('Nep_categ2');
    $('a.forumlink[href^="/f5-"]').closest('tr').addClass('Nep_categ3');
    $('a.forumlink[href^="/f7-"]').closest('tr').addClass('Nep_categ4');
    $('a.forumlink[href^="/f11-"]').closest('tr').addClass('Nep_categ5');
    $('a.forumlink[href^="/f2-"]').closest('tr').addClass('Nep_categ6');
    $('a.forumlink[href^="/f9-"]').closest('tr').addClass('Nep_categ7');
  $('a.forumlink[href^="/f10-"]').closest('tr').addClass('Nep_categ8');
  $('img[src="http://image.noelshack.com/fichiers/2017/41/4/1507831831-new.png"]').addClass('newimage');
    });

Code:
tr.Nep_categ8>td:first-child {
    background: url(http://image.noelshack.com/fichiers/2017/41/4/1507809661-fofo3.png) center;
    width: 100px;
    height: 100px;
    background-color: #0e181d;
}
tr.Nep_categ8>td>img {
    display: none;
}

J'ai par la suite changé l'image des nouveaux messages dans le panneau d'administration par une image transparente avec un petit texte en haut à droite, afin que lorsqu'il y ait des nouveaux messages celle-ci se met au-dessus de l'image de fond.
Avec le code suivant :
Code:
.newimage{
 display:initial !important;
}

Maintenant le problème c'est que les sous-forums comme ils n'ont pas d'image de fond alors quand il y a un nouveau message la seule chose qui est affiché c'est le carré blanc transparent.

Ce que j'aimerai donc savoir c'est comment je pourrai faire en sorte ( sachant que dans les sous-forums, mes images seront toutes identiques sauf pour les annonces et les post-it ), j'imagine qu'il y a une ligne en javascript un peu dans le même principe que les autres qui permette d'ajouter une classe et ainsi j'aurai juste à mettre un background à cette classe en css, et j'imagine aussi que je dois cocher "placement sur les sous-forums" aussi.

Du coup ma question est la suivante : quelle est la ligne de js qui me permette de rajouter cette fameuse classe uniquement aux sujets et non aux post-it et annonces.

Merci d'avance pour vos réponses Smile
avatar

news8
Nouveau membre

Messages : 11
Inscrit(e) le : 05/10/2017

http://servmonoo.forumactif.com/
news8 a été remercié(e) par l'auteur de ce sujet.

Re: Images sous-forum

Message par news8 le Jeu 12 Oct 2017 - 22:05

est-ce que c'est possible en fait d'avoir un js qui va dire si c'est un sujet tu addclass(.imgsujet) et si c'est une annonce tu addclass(.imgannonce), le problème c'est que le seul élément qui les différencie c'est le texte "Annonce:", du coup j'imagine que la ligne de js ce sera quelque chose du style :

Code:
  $('strong="annonce:"]').closest('tr').addClass('tr-annonce');

et que la ligne de js pour les sujets ressemblera à ceci :

Code:
$('.topictitle').closest('tr').addClass('tr-sujet');

et que je devrai aussi mettre ça dans un nouveau javascript ou je devrais coché uniquement placement dans sous-forum, pour pas que le background des sujets rentre en conflit avec ceux de la page d'accueil.


edit : pour le tr-sujet ça a fonctionné, il ne me reste plus qu'à trouver la bonne formulation pour le 'tr-annonce'


edit : j'ai finalement fait ça :

Code:
$(function(){
  $('.topictitle').closest('tr').addClass('tr-sujet');
  $('.topictitle>strong').closest('tr').addClass('tr-annonce');
    });

ça a l'air opérationnel, est-ce que c'est viable ou il y a mieux ? ^^
avatar

news8
Nouveau membre

Messages : 11
Inscrit(e) le : 05/10/2017

http://servmonoo.forumactif.com/
news8 a été remercié(e) par l'auteur de ce sujet.

Re: Images sous-forum

Message par Chacha Hier à 9:38

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54827
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum