Code pour la navigation

4 participants

Page 2 sur 2 Précédent  1, 2

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

Résolu Code pour la navigation

Message par lilas Dim 23 Oct 2016 - 6:58

Rappel du premier message :

salut 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.

Code pour la navigation - Page 2 0_navi10

 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  thumright 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 ?


Angel


Dernière édition par lilas le Lun 31 Oct 2016 - 20:48, édité 3 fois
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

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

Résolu Mon code pour le cadre de navigation est en panne partielle

Message par lilas Jeu 3 Nov 2016 - 5:30

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,

Gloups
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

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

Résolu Re: Code pour la navigation

Message par MasDan Jeu 3 Nov 2016 - 20:46

Bonjour Lilas,

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

MasDan
Membre habitué

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

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

Résolu Re: Code pour la navigation

Message par lilas Jeu 3 Nov 2016 - 22:31

cheers  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 ?

scratch Gloups
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

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

Résolu Re: Code pour la navigation

Message par MasDan Ven 4 Nov 2016 - 5:42

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.
Code pour la navigation - Page 2 Recher10

Bon, pas très pratique. Pour corriger le tout, ajouter à votre CSS
Code:
#search_menu {
  top: 40px;
  left: -150px:
}
MasDan

MasDan
Membre habitué

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

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

Résolu Re: Code pour la navigation

Message par lilas Sam 5 Nov 2016 - 4:58

cheers 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...  scratch Assomé

Lunette

Bonne fin de semaine forum...
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

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

Résolu Re: Code pour la navigation

Message par MasDan Sam 5 Nov 2016 - 6:09

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é.
MasDan

MasDan
Membre habitué

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

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

Résolu Re: Code pour la navigation

Message par lilas Sam 5 Nov 2016 - 18:44

cheers C'est beaucoup mieux ainsi... Mr. Green 

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

scratch Lunette

Merci et belle fin de journée forum
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

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

Résolu Re: Code pour la navigation

Message par MasDan Lun 7 Nov 2016 - 5:26

lilas a écrit:Maintenant, pour la messagerie, j'avais oublié Rolling Eyes 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.
MasDan

MasDan
Membre habitué

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

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

Résolu Re: Code pour la navigation

Message par lilas Lun 7 Nov 2016 - 17:55

cheers Beau lundi MasDan
MasDan a écrit: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

Lunette
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

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

Résolu Re: Code pour la navigation

Message par MasDan Mer 9 Nov 2016 - 22:35

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.
MasDan

MasDan
Membre habitué

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

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

Résolu Re: Code pour la navigation

Message par lilas Dim 13 Nov 2016 - 5:26

cheers 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.

santa

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.
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

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

Résolu Re: Code pour la navigation

Message par Chacha Dim 13 Nov 2016 - 10:59

lilas a écrit: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. Wink


Cordialement.
Chacha

Chacha
Modéractif
Modéractif

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

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

Page 2 sur 2 Précédent  1, 2

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

- Sujets similaires

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