Code pour la navigation

[lilas]

Rappel du premier message :

 forum,
Lien du forum test : http://lilassexpose.forumactif.com/forum

J'ai trouvé un code (sur un forum inactif) pour remplacer les liens et boutons de la navigation par un cadre.



 Template overall_header : Remplacer les lignes 274 à 278 par :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
    <tr><td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
    </table>

Le Css :

Code:

/* NAVIGATION */
#navSIT {
position:absolute; top:0; left:50px; /* MODIFIABLE - DETERMINE LA POSITION */
width:175px; padding:10px 5px 25px; border-radius:0 0 50px 50px;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
}
.mainmenu img{
display:none;
}
/* LIEN NAVIGATION */
#navSIT a{
display:block;  
text-transform:uppercase; text-align:center; font-size:12px;
color:white; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
font-weight:bold;
}

Les boutons ont disparus   Bravo !
Cependant, les liens de navigation manquent à l'appel (sans doute incomplet).
J'ai ajouté un height mais pour le reste, je nage... 

Un gentil Géo pour compléter le code, svp ?

[lilas]

Bonsoir forum,

Le lien de mon forum test :  http://lilassexpose.forumactif.com/
sur lequel j'ai supprimé les boutons de navigation pour les remplacer par un cadre contenant les liens sous forme de texte.
Avec l'aide de Mlle Alys et de MasDan :  https://forum.forumactif.com/t388467-code-pour-la-navigation

Cependant, je remarque que le lien RECHERCHER ne mène nulle part.
J'ai donc installé le script et modifié le template sur mon forum régulier et le même problème persiste. 

Un gentil kekun peut vérifier mon code pour trouver soit l'erreur ou pour faire la modification pertinente.

Merci d'avance,

[MasDan]

Bonjour Lilas,

Pour qu'un kekun puisse-vous aider, il faudrait que ledit lien rechercher soit autorisé aux invités.

[lilas]

  MasDan,
C'est fait.

Autre soucis pour ce code sur mon forum régulier en construction :  http://lefofodemacopine.forumactif.com/

- Le texte S'enregistrer ne clignote pas
- Le mot Accueil n'est pas changé en Forum
- Connexion/Déconnexion n'est pas changé en Entrer/Sortir. Par contre, la couleur est prise en compte.

Une solution ?

[MasDan]

Bonjour Lilas,

Pour le fofodemacopine
Rechercher et déactiver ce javascript

Code:

$(window).load(function(){typeof _userdata=="undefined"?console.log("L'objet "_userdata" de forumactif n'a pas été trouvé. Le script de sauvegarde des messages en cours d'écriture ne peut pas fonctionner."):messageSaver.init()})

Pour lilasexpose, la boîte pour la recherche est bien présent mais bien caché.
Lorsque vous cliquer sur le boubon recherche, la barre horizontal au bas apparaît, déplacer à l'extrême droite le curseur de la barre horizontal et vous trouverez la boîte pour la recherche.


Bon, pas très pratique. Pour corriger le tout, ajouter à votre CSS

Code:

#search_menu {
  top: 40px;
  left: -150px:
}

[lilas]

 Bonsoir MasDan,

En supprimant le script mentionné sur le Fofo de ma copine, tout s'affiche correctement dans le cadre des liens.
J'ai ajouté le code suggéré dans le CSS des 2 forums mais nyet aucun changement... 



Bonne fin de semaine forum...

[MasDan]

Oups, mis un : à la place d'un ; et oublier les 2 !important.

Remplacer le code par ceci

Code:

#search_menu {
  top: 40px !important;
  left: -150px !important;
}

Ne reste plus qu'à modifier les valeurs pour le top et le left pour le positionnement désiré.

[lilas]

 C'est beaucoup mieux ainsi...  

Maintenant, pour la messagerie, j'avais oublié  qu'il y aurait de Nouveaux messages.
Donc, je veux :
- Modifier le texte 
- Faire clignoter le texte
- Appliquer une couleur au texte clignotant



Merci et belle fin de journée forum

[MasDan]

Maintenant, pour la messagerie, j'avais oublié  qu'il y aurait de Nouveaux messages.
Donc, je veux :
- Modifier le texte 
- Faire clignoter le texte
- Appliquer une couleur au texte clignotant

Les trois conditions seulement lorsqu'il y a des nouveaux messages?

Publier la dernière version de votre code javascript afin d'ajouter cette dernière demande à votre javascript.

[lilas]

Beau lundi MasDan

Les trois conditions seulement lorsqu'il y a des nouveaux messages?

Oui, pour signaler les nouveaux messages.
Le JS :

Code:

$(function(){
  /* clignotement pour s'enregistrer */
  $('a.mainmenu[href^="/register"]').each(function() {
    var elem = $(this);
    setInterval(function() {
      if (elem.css('visibility') == 'hidden') {
        elem.css('visibility', 'visible');
      } else {
        elem.css('visibility', 'hidden');
      } 
    }, 500);
  });
  /* modifier les libellés sur la toolbar */

  _lang["Login"] = "ENTRER";
  _lang["Logout"] = "SORTIR";
  /* modifier les libellés sur le menu */
  $('a.mainmenu[href="/login"]').text("ENTRER");
  $('a.mainmenu[href^="/login?logout"]').text("Sortir");
  $('a.mainmenu[href="/"]').text("FORUM");
});

Merci et belle fin de journée

[MasDan]

Bonjour Lilas,

Remplacer votre javaScript par cette nouvelle version

Code:

$(function(){
  /* clignotement pour s'enregistrer */
  $('a.mainmenu[href^="/register"]').each(function() {
    var elem = $(this);
    setInterval(function() {
      if (elem.css('visibility') == 'hidden') {
        elem.css('visibility', 'visible');
      } else {
        elem.css('visibility', 'hidden');
      } 
    }, 1000);
  });

  /* clignotement, couleur et libellé pour messagerie */
  var txtMsg = $('a.mainmenu[href^="/privmsg"]').text();
  if (txtMsg != "Messagerie") {
    txtMsg = txtMsg.replace(/nouveaux messages/, "neomsg2+");
    txtMsg = txtMsg.replace(/nouveau message/, "neomsg1");
    $('a.mainmenu[href*="/privmsg"]').text(txtMsg).css("color","#FFBB22");
    $('a.mainmenu[href^="/privmsg"]').each(function() {
      var elem = $(this);
      setInterval(function() {
        if (elem.css('visibility') == 'hidden') {
          elem.css('visibility', 'visible');
        } else {
          elem.css('visibility', 'hidden');
        }   
      }, 1500);
    });
  };

  /* modifier les libellés sur la toolbar */
  _lang["Login"] = "ENTRER";
  _lang["Logout"] = "SORTIR";

  /* modifier les libellés sur le menu */
  $('a.mainmenu[href="/login"]').text("ENTRER");
  $('a.mainmenu[href^="/login?logout"]').text("Sortir");
  $('a.mainmenu[href="/"]').text("FORUM");
});

N'oublier pas de modifier pour la messagerie les nouveaux libellés aux lignes 17 et 18.

[lilas]

 MasDan

J'ai modifié les mots Message/Messages par MP mais ce n'est pas pris en compte.

Po grave, je passe en Résolu et un gros merci pour votre aide.



PS Je ne sais pas si vous pouvez fusionner ce sujet avec celui du lien dans mon 1er message.
Ce serait chouette que tout soit dans un seul sujet, si possible, évidemment.

[Chacha]

PS Je ne sais pas si vous pouvez fusionner ce sujet avec celui du lien dans mon 1er message.
Ce serait chouette que tout soit dans un seul sujet, si possible, évidemment.

Bonjour,

C'est chose faite.


Cordialement.