Code pour la navigation

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



 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
avatar

lilas
*****

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

http://lefofodemacopine.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 le 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 :  http://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
avatar

lilas
*****

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

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

Résolu Re: Code pour la navigation

Message par MasDan le 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.
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1116
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 le 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
avatar

lilas
*****

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

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

Résolu Re: Code pour la navigation

Message par MasDan le 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.


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

MasDan
Aidactif
Aidactif

Masculin
Messages : 1116
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 le 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...
avatar

lilas
*****

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

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

Résolu Re: Code pour la navigation

Message par MasDan le 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é.
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1116
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 le 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
avatar

lilas
*****

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

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

Résolu Re: Code pour la navigation

Message par MasDan le 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.
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1116
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 le 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
avatar

lilas
*****

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

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

Résolu Re: Code pour la navigation

Message par MasDan le 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.
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1116
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 le 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.
avatar

lilas
*****

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

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

Résolu Re: Code pour la navigation

Message par Chacha le 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.
avatar

Chacha
Modéractif
Modéractif

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

http://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


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