[ModernBB] Modifier l'apparence des sujets

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

En cours [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Sam 29 Avr 2017 - 23:58

Détails techniques


Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Toujours
Lien du forum : http://dayzgonetest.forumactif.com

Description du problème

Bonjour/bonsoir tout le monde,

J'aimerais réaliser les modifications suivantes dans l'apparence de la présentation de mes sujets, notamment pour épurer encore davantage une version qui l'est déjà (autant ne pas faire les choses à moitié) :
Supprimer "Partagez"
Renommer "Plus !" en "Options"
Placer "Arrêter de surveiller ce sujet" dans "Options"
Placer toutes les options des "Outils de modération" dans "Options"
Supprimer "Sauter vers"
☐ Supprimer "Permissions de ce forum"
Supprimer les boutons qui permettent de passer d'un sujet à un autre mais pas celui à côté qui permet d'aller en haut ou en bas de la page.

Merci d'avance pour vos réponses. ♥


Dernière édition par SweetGumiho le Lun 22 Mai 2017 - 11:41, édité 6 fois
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

http://dayzgonetest.forumactif.com
SweetGumiho a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par Elusive le Lun 1 Mai 2017 - 20:35

Supprimer sauter vers
Code:
fieldset.jumpbox {display: none;}

Supprimer "Permissions de ce forum"
Code:
.block {display: none;}

avatar

Elusive
Nouveau membre

Messages : 9
Inscrit(e) le : 30/04/2017

Elusive a été remercié(e) par l'auteur de ce sujet.

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Lun 1 Mai 2017 - 21:03

Merci beaucoup @Elusive. I love you
2 down, 5 to go~ Razz
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par demeter1 le Lun 1 Mai 2017 - 21:08

Voir votre autre sujet pour : Renommer "Plus !" en "Options du sujet"
http://forum.forumactif.com/t391588-modernbb-modifier-l-apparence-dans-un-forum-sous-forum#3284106
A la base vous souhaitiez le remplacer par : "Options du forum"
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Lun 1 Mai 2017 - 21:10

Ah oui,bien vu @demeter1, je viens de voir que cela m'a modifié le "Plus !" ici de la même manière alors que je les considérais comme des éléments séparés... Du coup je n'aurais qu'à modifier le texte par "Options" et je considère donc ce point résolu également.
Smile
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par Elusive le Lun 1 Mai 2017 - 21:15

Si tu souhaite supprimer "Partagez" tu devras également dire au revoir à ton bouton "Plus !" qui est devenu "Options" si j'ai bien compris. Cela doit ce supprimer dans les templates que nous n'avons pas avec ModernBB je pense. Patience..
avatar

Elusive
Nouveau membre

Messages : 9
Inscrit(e) le : 30/04/2017

Elusive a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par Elusive le Lun 1 Mai 2017 - 21:29

Au passage, pour le/les bouton(s) qui permettent de naviguer entre les sujets :

Code:
.quick-nav-topics a:last-child {display: none;}
.quick-nav-topics a:first-child {display: none;}
avatar

Elusive
Nouveau membre

Messages : 9
Inscrit(e) le : 30/04/2017

Elusive a été remercié(e) par l'auteur de ce sujet.

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Lun 1 Mai 2017 - 21:33

Thank you @Elusive. Smile
Je crains d'avoir à devoir attendre pour certaines modifications en effet mais ce qui me stresse le plus pour le moment sur cette version ce n'est pas de devoir attendre pour ça, ce sont plutôt les bugs en fait. J'espère que cela sera vite réglé...
Snifff
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par Lixyr le Dim 7 Mai 2017 - 9:44

Où en-est votre problème ?

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message,

  • Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5761
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Dim 7 Mai 2017 - 12:32

Problème toujours présent.
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par MasDan le Dim 7 Mai 2017 - 22:03

Bonjour,

Placer toutes les options des "Outils de modération" dans "Options"


Les options de modération sont présents en deux versions :
bloc rouge : liste déroulante
bloc blue : via icône

Est-ce que vous voulez déplacer les 2 blocs ou 1 seul?

Si un seul, lequel ? Et est-ce que l'on fait disparaître l'autre?

Si on déplace le bloc bleu, quel justification (à gauche, à droite ou au centre)?
avatar

MasDan
*****

Masculin
Messages : 968
Inscrit(e) le : 24/05/2011

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par Chacha le Sam 13 Mai 2017 - 10:12

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

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

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Sam 13 Mai 2017 - 14:28

Je recherche toujours des solutions.
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par Chacha le Ven 19 Mai 2017 - 9:42

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

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

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par The Godfather le Ven 19 Mai 2017 - 12:06

Bonjour,

@Elusive a écrit:Cela doit ce supprimer dans les templates que nous n'avons pas avec ModernBB je pense. Patience..

Vous n'allez pas tarder à avoir accès aux templates ModernBB, alors patience tout vient à point à qui sait attendre... Wink

@SweetGumiho a écrit:Thank you @Elusive. Smile
ce qui me stresse le plus pour le moment sur cette version ce n'est pas de devoir attendre pour ça, ce sont plutôt les bugs en fait. J'espère que cela sera vite réglé...
Snifff

Les bugs signalés sur ModernBB sont déjà corrigés sur vos forums depuis quelques jours déjà… Rolling Eyes


avatar

The Godfather
Adminactif
Adminactif

Masculin
Messages : 14589
Inscrit(e) le : 02/05/2004

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Sam 20 Mai 2017 - 1:44

Oui, pas de problème, je continue à patienter pour des solutions.

@MasDan a écrit:
Les options de modération sont présents en deux versions :
bloc rouge : liste déroulante
bloc blue : via icône

Est-ce que vous voulez déplacer les 2 blocs ou 1 seul?

Si un seul, lequel ? Et est-ce que l'on fait disparaître l'autre?

Si on déplace le bloc bleu, quel justification (à gauche, à droite ou au centre)?
En réalité ni l'un ni l'autre, il s'agit simplement de déplacer les fonctions. Je m'explique en image :


Voici ce que je souhaiterais exactement (mise en forme à part puisque je ne suis pas très douée avec les logiciels de graphisme).
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

http://dayzgonetest.forumactif.com
SweetGumiho a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par MasDan le Dim 21 Mai 2017 - 20:05

Pour le traitement de trois options
☐ Supprimer "Partagez"
☐ Placer "Arrêter de surveiller ce sujet" dans "Options"
☐ Placer toutes les options des "Outils de modération" dans "Options"

ajouter le code javascript suivant (placement sur les sujets)
Code:
$(function(){
  function trf(sel) {  /* transfert au memu plus */
    if ($(".topic-actions-buttons a:contains('" + sel + "')").length > 0) {
      $(".topic-actions-buttons a:contains('" + sel + "')").wrap("<div class='tempo'><p class='left-overview'><strong></strong></p></div>");
      $("div#plus_menu").append("<hr class='dashed' />");
      var codeMod = $(".tempo").html();
      $("div#plus_menu").append(codeMod);
      $("div.tempo").remove();
    }
  }

  $(".topic-actions-buttons a:contains('Partagez')").remove();

  trf('Arrêter de surveiller ce sujet');
  trf('Surveiller les réponses de ce sujet');

  /*  transfert outil de modération dans le menu plus */
  $("p.right a:first-child").closest("p").wrap("<div class='tempo'><strong></strong></div>");
  $("p.right a").not(":first-child").before("<br />");
  $("p.right a img[title]").each(function() {  /* transfert du title img vers le texte */
    var txt = $(this).attr('title');
    $(this).closest("a").text(txt);
  });
  $("p.right").removeClass("right").addClass("left-overview");
  var codeMod = $(".tempo").html();
  $("div.tempo").remove();
  $("div#plus_menu").append("<hr class='dashed' />" + codeMod);
  $("fieldset.quickmod").closest("form").remove();

});

Au transfert dans le menu plus de «Arrêter de surveiller ce sujet», j'ai ajouté son contraire «Surveiller les réponses de ce sujet».
avatar

MasDan
*****

Masculin
Messages : 968
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Lun 22 Mai 2017 - 5:28

Merci mille fois @MasDan, vous êtes un vrai magicien du code ! I love you
Oserais-je demander quelque chose d'autre avant de déclarer ce sujet résolu ?
J'aimerais aussi pouvoir remplacer le "Plus !" de l'onglet en "Options" et j'aimerais savoir comment je peux faire la mise en forme (police, taille, couleur, etc.) de celui-ci ainsi que du bouton "Options" sur lequel je clique pour afficher le menu.
Merci encore. Razz
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

http://dayzgonetest.forumactif.com
SweetGumiho a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par MasDan le Lun 22 Mai 2017 - 7:17

Bonjour,

Rechercher dans le précédent code (ligne 12)
Code:
$(".topic-actions-buttons a:contains('Partagez')").remove();

et ajouter (en avant)
Code:
$("p.title-overview strong:contains('Plus')").text('Options');
avatar

MasDan
*****

Masculin
Messages : 968
Inscrit(e) le : 24/05/2011

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Lun 22 Mai 2017 - 7:48

Merci encore @MasDan, ça marche nickel. thumright
Par contre j'aimerais toujours savoir comment je peux mettre en forme ce bouton de menu "Options" car j'aimerais que dans le style cela ressemble à ceux de "Poster un nouveau sujet" et "Répondre au sujet" avec cet icon FA juste avant : http://fontawesome.io/icon/cog/
D'ailleurs j'aimerais reproduire ces mêmes changements/apparence pour mon menu d'options dans les forums/sous-forums et en page d'accueil.
Smile
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

http://dayzgonetest.forumactif.com
SweetGumiho a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par MasDan le Lun 22 Mai 2017 - 8:51

@SweetGumiho a écrit:Merci encore @MasDan, ça marche nickel.


Pas tout à fait, je viens de faire un correction pour les outils de modération (ajout d'un if ligne 17). Les outils de modération ne sont pas permis à tous. Embarassed

Voici le nouveau code
Code:
$(function(){
  function trf(sel) {  /* transfert au memu plus */
    if ($(".topic-actions-buttons a:contains('" + sel + "')").length > 0) {
      $(".topic-actions-buttons a:contains('" + sel + "')").wrap("<div class='tempo'><p class='left-overview'><strong></strong></p></div>");
      $("div#plus_menu").append("<hr class='dashed' />");
      var codeMod = $(".tempo").html();
      $("div#plus_menu").append(codeMod);
      $("div.tempo").remove();
    }
  }

  $("p.title-overview strong:contains('Plus')").text('Options');
  $(".topic-actions-buttons a:contains('Partagez')").remove();
  trf('Arrêter de surveiller ce sujet');
  trf('Surveiller les réponses de ce sujet');

  if ($("p.right").length > 0) {  /*  transfert outil de modération dans le menu plus */
    $("p.right a:first-child").closest("p").wrap("<div class='tempo'><strong></strong></div>");
    $("p.right a").not(":first-child").before("<br />");
    $("p.right a img[title]").each(function() {  /* transfert du title img vers le texte */
      var txt = $(this).attr('title');
      $(this).closest("a").text(txt);
    });
    $("p.right").removeClass("right").addClass("left-overview");
    var codeMod = $(".tempo").html();
    $("div.tempo").remove();
    $("div#plus_menu").append("<hr class='dashed' />" + codeMod);
    $("fieldset.quickmod").closest("form").remove();
  }
 
});

@SweetGumiho a écrit:Par contre j'aimerais toujours savoir comment je peux mettre en forme ce bouton de menu "Options" car j'aimerais que dans le style cela ressemble à ceux de "Poster un nouveau sujet" et "Répondre au sujet" avec cet icon FA juste avant : http://fontawesome.io/icon/cog/
Je vous reviens demain sur ce point.

avatar

MasDan
*****

Masculin
Messages : 968
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Lun 22 Mai 2017 - 9:55

Ah, très bien, merci pour votre vigilance. Cela aurait été en effet un peu embêtant si les personnes n'ayant pas les droits de modération pouvaient voir ces options. Razz

A demain dans ce cas alors et encore merci à vous pour le temps que vous avez consacré à m'aider. ♥

EDIT :
@Elusive a écrit:Supprimer "Permissions de ce forum"
Code:
.block {display: none;}
Ce code n'était pas le bon car il me supprimait tout le contenu de la FAQ aussi je recherche une autre solution.
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par MasDan le Mar 23 Mai 2017 - 7:40

@SweetGumiho a écrit:Ah, très bien, merci pour votre vigilance. Cela aurait été en effet un peu embêtant si les personnes n'ayant pas les droits de modération pouvaient voir ces options.
Les membres n'ayant pas droit de modération, où devait se situé les outils de modération, voyaient simplement le mot «null». Pas de faille de sécurité, juste un peu gênant.

Pour supprimer "Permissions de ce forum", ajouter ce code javascript (placement sur les sous-forums)
Code:
$(function(){
  $("strong:contains('Permission')").closest(".block").remove();
});

@SweetGumiho a écrit:j'aimerais savoir comment je peux faire la mise en forme (police, taille, couleur, etc.) de celui-ci ainsi que du bouton "Options" sur lequel je clique pour afficher le menu.

Rechercher à votre CSS le code remplaçant «Plus» par «Options»


et ajouter les modifications pour votre mise en page (changement de la couleur du texte dans la capture suivant)
avatar

MasDan
*****

Masculin
Messages : 968
Inscrit(e) le : 24/05/2011

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par The Godfather le Mar 23 Mai 2017 - 9:26



avatar

The Godfather
Adminactif
Adminactif

Masculin
Messages : 14589
Inscrit(e) le : 02/05/2004

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par SweetGumiho le Mar 23 Mai 2017 - 10:31

Très bien, je vois où doit être inscrite la modification CSS maintenant pour la mise en forme. En revanche je n'arrive pas du tout à obtenir une apparence similaire à mes boutons "Poster un nouveau sujet" et "Répondre au sujet". J'ai ouvert l'accès aux invités pour que vous puissiez voir ce dont je parle : http://dayzgonetest.forumactif.com/t1-votre-1er-sujet
avatar

SweetGumiho
****

Féminin
Messages : 386
Inscrit(e) le : 11/10/2014

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

En cours Re: [ModernBB] Modifier l'apparence des sujets

Message par MasDan Hier à 6:47

@SweetGumiho a écrit: En revanche je n'arrive pas du tout à obtenir une apparence similaire à mes boutons "Poster un nouveau sujet" et "Répondre au sujet".

Ajouter ceci à votre CSS
Code:
.topic-actions-buttons a[href*="plus_menu"] {
  color: #fff;
  background-color: #000;
  padding: 9px 18px;
  border-radius: 3px;
  font-family: Roboto, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
}

.topic-actions-buttons a[href*="plus_menu"]:hover {
  background-color: #f2c911;
}

.topic-actions-buttons a[href*="plus_menu"]::before {
  content: "\f2bf";  /* code de l icône */
  font-family: "Ionicons";
  font-size: 1.8rem;
  margin-right: 9px;
  vertical-align: -2px;
}

Comme icône, j'ai utilisé celui de «Poster un nouveau sujet».

Il me reste une question à solutionner : comment trouver le code associé à un icône Question
avatar

MasDan
*****

Masculin
Messages : 968
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan 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