AwesomeBB : Enlever "Voir les messages sans réponses" hors connexion et remplacer par "S'enregistrer"

[Invité]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://diamant-mandarin-evo.superforum.fr/

Description du problème

Bonsoir à tous,


Je viens de passer mon forum sur la version AwesomeBB.

Je souhaiterais lorsque l'on est hors connexion enlever la barre d'action qui présente le lien "Voir les messages sans réponses", sans enlever la barre d'action présente après être connecté.

Je voudrais ensuite la remplacer par une barre ayant le même style comportant un lien pour s'enregistrer.


J'ai fouiller dans les templates, mais sans succés. Quelqu'un serait svp comment arriver au résultat que je recherche à avoir ?


Cordialement,
Tony

[Invité]

Hello Tony,

Dans le template index_box:
Affichage/Templates/Général/index_box

Recherches ceci:

Code:

<ul class="action-bar action-bar-top">
    <!-- BEGIN switch_user_logged_in -->
    <li>
        <a href="{U_SEARCH_NEW}">
            <i class="material-icons">new_releases</i>&nbsp;{L_SEARCH_NEW}
        </a>
    </li>
    <li>
        <a href="{U_SEARCH_SELF}">
            <i class="material-icons">account_box</i>&nbsp;{L_SEARCH_SELF}
        </a>
    </li>
    <!-- END switch_user_logged_in -->
    <li>
        <a href="{U_SEARCH_UNANSWERED}">
            <i class="material-icons">chat_bubble_outline</i>&nbsp;{L_SEARCH_UNANSWERED}
        </a>
    </li>
    <!-- BEGIN switch_user_logged_in -->
    <li class="rightside">
        <a href="{U_MARK_READ}" accesskey="m">
            <i class="material-icons">done_all</i>&nbsp;{L_MARK_FORUMS_READ}
        </a>
    </li>
    <!-- END switch_user_logged_in -->
</ul>

Supprimes et remplaces par:

Code:

<ul class="action-bar action-bar-top">
      <!-- BEGIN switch_user_logged_out -->
   
<li>
<a href="/login"><i class="material-icons">assignment_ind</i><span>Connexion</span></a>
</li>
 
  <!-- END switch_user_logged_out -->
 
    <!-- BEGIN switch_user_logged_in -->
    <li>
        <a href="{U_SEARCH_NEW}">
            <i class="material-icons">new_releases</i>&nbsp;{L_SEARCH_NEW}
        </a>
    </li>
    <li>
        <a href="{U_SEARCH_SELF}">
            <i class="material-icons">account_box</i>&nbsp;{L_SEARCH_SELF}
        </a>
    </li>
 
    <li>
        <a href="{U_SEARCH_UNANSWERED}">
            <i class="material-icons">chat_bubble_outline</i>&nbsp;{L_SEARCH_UNANSWERED}
        </a>
    </li>
  <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_in -->
    <li class="rightside">
        <a href="{U_MARK_READ}" accesskey="m">
            <i class="material-icons">done_all</i>&nbsp;{L_MARK_FORUMS_READ}
        </a>
    </li>
    <!-- END switch_user_logged_in -->
</ul>




Penses à enregistrer puis à valider en cliquant respectivement sur puis

a++

[Invité]

Bonsoir Philippe,


Merci, ça fonctionne. J'ai juste mis /register à la place de /login, pour avoir le lien pour s'enregistrer .

J'ai essayé aussi de mettre une autre couleur sur cette barre d'action hors connexion différente de celle lorsque l'on es connecté au forum. J'ai essayé d'ajouter une class, pour y appliquer du CSS ensuite, mais je n'y suis pas arrivé arf

Comment je pourrais y arriver stp ?


Bonne soirée ou journée
Tony

[Invité]

Hello Tony,

oups mincouille, me suis mélangé les pinceaux pour le lien .

Pour changer la couleur du lien pour les invités:


Il faut ajouter directement un style au lien comme par exemple une couleur verte:

Code:

   
<!-- BEGIN switch_user_logged_out -->
   
<li>
<a href="/register"style="color:darkgreen !important;"><i class="material-icons">assignment_ind</i><span>Connexion</span></a>
</li>
 
  <!-- END switch_user_logged_out -->


a++

[Invité]

Hello Philippe,

En fait je voudrais que la barre d'action pour invités avec le lien pour s'enregistrer soit complétement colorisée, d'une autre couleur que celle pour les connectés.
J'ai essayé avec "background-color", mais ça donne cela :



a+

[Invité]

Re Tony,

alors supprimes le style donné ici:

Code:

<a href="/register"style="color:darkgreen !important;">

Par

Code:

<a href="/register">

Puis tout au début du template:
déposes ceci:

Code:

  <script>
        $(function() {
        if (_userdata["user_id"] < (0)){
          $('.action-bar:first').css('backgroundColor','darkgreen');
        }
        });
</script>

Soit la totalité du code:

Code:


  <script>
        $(function() {
        if (_userdata["user_id"] < (0)){
          $('.action-bar:first').css('backgroundColor','darkgreen');
        }
        });
</script>
<ul class="action-bar action-bar-top">
      <!-- BEGIN switch_user_logged_out -->
   
<li>
<a href="/register"><i class="material-icons">account_box</i><span>Rejoindre le forum Diamant mandarin Evolution</span></a>
</li>
 
  <!-- END switch_user_logged_out -->
 
    <!-- BEGIN switch_user_logged_in -->
    <li>
        <a href="{U_SEARCH_NEW}">
            <i class="material-icons">new_releases</i>&nbsp;{L_SEARCH_NEW}
        </a>
    </li>
    <li>
        <a href="{U_SEARCH_SELF}">
            <i class="material-icons">account_box</i>&nbsp;{L_SEARCH_SELF}
        </a>
    </li>
 
    <li>
        <a href="{U_SEARCH_UNANSWERED}">
            <i class="material-icons">chat_bubble_outline</i>&nbsp;{L_SEARCH_UNANSWERED}
        </a>
    </li>
  <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_in -->
    <li class="rightside">
        <a href="{U_MARK_READ}" accesskey="m">
            <i class="material-icons">done_all</i>&nbsp;{L_MARK_FORUMS_READ}
        </a>
    </li>
    <!-- END switch_user_logged_in -->
</ul>

Changes la couleur de fond "darkgreen" par ce que tu souhaites.

a++

[Invité]

Hello Philippe,


Super, merci

Euh, j'ai essayé aussi de centrer le lien "S'enregistrer" en faisant :

Code:

<li>
        <a href="/register"style="text-align: center !important;"><i class="material-icons">account_box</i>&nbsp;<span>Rejoindre le forum Diamant mandarin Evolution</span></a>
             </li>

Mais rien à faire, désolé de te demander ce qui faudrait faire, je pensais y arriver seul

a+

[Invité]

Hello Tony,

essayes de remplacer par:

Code:

    <li style="text-align:center;">
            <a href="/register"style="text-align: center !important;"><i class="material-icons">account_box</i>&nbsp;<span>Rejoindre le forum Diamant mandarin Evolution</span></a>
                </li>

a++

[Invité]

Re

Euh non, ça ne veut pas bouger

http://forumessai.superforum.fr/

a+

[Adam_sfp]

Bonsoir @@To et @Milouze14

Rien à voir avec votre demande mais juste vous signaler que vous avez un script qui tourne en boucle et génère pas mal d'erreurs sur vos forums ce qui peut être embêtant...
c'est celui ci peut être

Code:

var clignotement = function() {
  if (document.getElementById('DivClignotante').style.visibility == 'visible') {
    document.getElementById('DivClignotante').style.visibility = 'hidden'
  } else {
    document.getElementById('DivClignotante').style.visibility = 'visible'
  }
};
periode = setInterval(clignotement, 800);

Apparemment un script pour faire clignoter une div avec l'id DivClignotante
Assurez vous d'avoir la partie html correspondante le soucis vient peut être de la...

Cdt.

[Invité]

Hello @To et @Adam_sfp ,

autant pour moi il faut donner une largeur à la balise:

Code:

   
<li style="width:100%;text-align:center;">
<a href="/register"><i class="material-icons">account_box</i><span>Rejoindre le forum Diamant mandarin Evolution</span></a>
</li>


a++

[Invité]

Hello Philippe et Adam_sfp,


J'ai désactivé le script Divclignotante, merci Adam_sfp.
Oui impec ! Merci pour toute l'aide Philippe :



Je mets en résolu, bon dimanche
Tony