Echec d'installation de la barre de navigation flottante

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

Résolu Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Ven 5 Fév 2016 - 23:33

Bonjour,

J'essaie vainement jusqu'à présent d'installer la barre de navigation flottante sur mon forum.
J'ai bien modifié le Javascript pour le PHBB2
Mais rien.

Je comprends d'autant moins où se situe le problème que ça marche parfaitement sur mon forum de test.

A l'avance merci de votre aide


P.S. : un complément d'info 
La personnalisation de la police n’apparaît plus non plus. Est-il possible que j'ai intégré un paramètre qui créerait un conflit ?
Car d'autre paramètres tels que l'épaisseur de la séparation dans hr ne se font plus...
Une piste ? Merci


Dernière édition par Ironspoon le Mer 17 Fév 2016 - 21:51, édité 3 fois (Raison : Sujet déplacé dans la section "Gérer l'apparence de son forum")

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Oka.mi le Mer 10 Fév 2016 - 4:15

Bonjour,

Vous avez oublié de modifier la feuille CSS sur votre forum normal.
Il manque l'ID s'apparentant à la barre en question (#fa_sticky_nav) ainsi que ses dérivés.



Oka.mi
Créactive
Créactive

Féminin
Messages : 1328
Inscrit(e) le : 06/01/2011

http://www.deus-academia.com
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Mer 10 Fév 2016 - 9:39

Voulez-vous parler de cette partie, qui figure bien dans mon CSS depuis le début du problème ?


Lors de l'installation, afin de faire une vérification, j'ai même fait un simple copier/coller des codes installés sur mon forum de test car si ça marchait là, pas de raison que ça ne marche pas sur mon forum normal. Enfin... a priori. 
J'avoue être perplexe

Merci de votre aide

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Chacha le Sam 13 Fév 2016 - 12:35

Bonjour,

Le sujet est déplacé dans la section "Gérer l'apparence de son forum" à la demande de l'auteur du topic. Wink


Cordialement.


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

Chacha
Modéractif
Modéractif

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

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

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par R-max le Sam 13 Fév 2016 - 13:15

bonjour , Ironspoon

"n'auriez vous pas par hasard un script sur votre forum normal , pour modifier la couleur de certains lien de votre barre nav.... ????

"ou un css pour cette modification ....??

que vous n'auriez pas sur votre forum test.

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Sam 13 Fév 2016 - 15:21

Bonjour R-Max

Les deux seuls scripts que j'ai sont ceux fournis pour l'installation de la barre de notifs et celui de la barre flottante.

Le CSS du forum de test est un copier/coller de celui de mon forum donc j'aurais du avoir le même souci.

La vérité est ailleurs  Smile

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par ◦Jay◦ le Sam 13 Fév 2016 - 16:56

Bonjour Ironspoon, vous avez un problème dans votre CSS, retirez le code entier de la barre de navigation flottante et remplacez le par celui-ci:

Code:
#fa_sticky_nav {
  font-size:0;
  text-align:center;
  background:#333;
  border-bottom:1px solid #000 !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
}
#fa_sticky_nav li { display:inline }
#fa_sticky_nav a.mainmenu {
  color:#ccc;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
 background:url('http://i21.servimg.com/u/f21/18/21/41/30/row10.gif') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition:200ms;
}
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  background-position:0 25px;
}
#fa_sticky_toggle {
background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnida11.png') no-repeat 0 0 #333;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:top 200ms linear;
}
#fa_sticky_toggle:hover { background-position:-30px 0 }
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #CCC;
  border-right:0;
  border-top:0;
}
.post div[style*="-30px;"] {
  top:-60px !important;
}

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2057
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Sam 13 Fév 2016 - 18:10

Bonjour Jay

J'ai bien peur d'en avoir plus d'un...  Smile

Je viens de remplacer l'ancien code par celui-ci et... rien.
Mon menu reste obstinément ancré en bas du forum.

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par ◦Jay◦ le Sam 13 Fév 2016 - 18:12

Pouvez-vous me donner votre CSS s'il vous plait ?



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2057
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Mar 16 Fév 2016 - 9:57

Bonjour Jay

Vous trouverez ICI mon CSS et, à toute fin utile, le template overhall_header.

J'ai 2 autres soucis qui sembleraient liés aux "pétouilles" de mon CSS, voire 3 :
• impossible d'enlever les petites bordures résiduelles noires
• taille de 1 px de la séparation entre les détails du post et le post pas prise compte
• personnalisation de la police de titre pas prise en compte.

Je n'ouvre pas de nouveaux sujets à ce propos pour le moment car je pense que les 4 pbs ont la même cause.

Bon courage avec mon CSS... 

Merci de votre aide
Cordialement

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par ◦Jay◦ le Mer 17 Fév 2016 - 1:13

Bonsoir Ironspoon, Mais vos deux css sont mélangés! Donnez moi seulement votre css modifié ici sous balise code sans le css de base.

Merci.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2057
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Mer 17 Fév 2016 - 15:06

Bonjour Jay

Voici le CSS, après désactivation du CSS de base. Je vous l'envoi en zip, car via la balise code,je dépasse la longueur de message autorisée.

Mon CSS

Bien cordialement

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par ◦Jay◦ le Mer 17 Fév 2016 - 17:51

Bonjour Ironspoon, il y a deux feuilles de style CSS, une que l'on peut modifier et une qui est le CSS de base, ce que vous me donnez correspond à votre feuille de style modifiée ?

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2057
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Mer 17 Fév 2016 - 18:59

Re-bonjour Jay

Mon premier envoi est le CSS in extenso , et pour le deuxième j'ai coché Désactiver le CSS de base : oui
C'est bien le CSS que j'ai modifié.
Je vous sens... perplexe 

Cordialement

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par ◦Jay◦ le Mer 17 Fév 2016 - 19:14

Pour le moins oui...

Pourquoi avez-vous mis tout ça ? Vous avez recopié le CSS de base d'un autre forum ?



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2057
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Mer 17 Fév 2016 - 19:45

Effectivement (par contre j'ai oublié lequel...).

Initialement, pour l'adapter à ce que je souhaitais, je me servais du tuto sur les balises CSS de FA ainsi que de la fonction "Inspecter l'élément" des navigateurs.
Pour les éléments ajoutés, ils l'ont été suite à des demandes d'aide ouvertes ici car j'avoue n''avoir aucune compétence en CSS (hein ? oui je sais, ça se voit !   Very Happy ).

Pour mon forum de test, j'avais fait un copier/coller du CSS de mon forum GnTB, travaillé sur cette base et quand j'ai reporté les modifs vers mon CSS (uniquement celles modifiées sur le CSS de test) les ennuis ont commencé alors que sur mon forum de test, c'est nickel. J'ai à coup sur mis les doigts où il ne fallait pas...  Rolling Eyes

Voilà Jay la triste histoire de mon CSS

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par ◦Jay◦ le Mer 17 Fév 2016 - 19:57

Mon dieu ! Soyons positif, vous auriez aussi pu mettre votre liste de course !

Je ne sais pas quoi vous dire, beaucoup de choses ne servent à rien et sont paramétrable dans votre panneau d'administration.

Le mieux serait de recommencer complètement car je ne vois pas ce que vous souhaitez modifier sur votre forum en passant par le CSS si ce n'est les bords arrondis !


Votre forum est plutôt simple et ne nécessite pas énormément de codage.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2057
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Mer 17 Fév 2016 - 20:35

Ma liste de courses ?!

Comme certains autres membres, si j'en crois certaines demandes d'aide) des modifications portées sur la PA n'apparaissent pas et doivent être portées manuellement dans le CSS (image de fond, certaines couleurs, etc.)

Je sais que mon forum est plutôt simple. Mais je sais aussi que les points qui me posent souci ne sont pas paramétrables via la PA (cf. mon post d'hier) dont, en priorité l'objet initial de ce sujet à savoir l'installation de la barre de navigation flottante :

- nickel sur mon forum de test :


- en pied de page sur mon forum


Voilà ce que je veux modifier en priorité. Pouvez-vous m'aider au moins sur ce point, via une autre solution moins radicale que celle de tout recommencer ? 

Merci à l'avance

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par ◦Jay◦ le Mer 17 Fév 2016 - 20:45

Le code que je vous avais donné précédemment, fonctionne :

@◦Jay◦ a écrit:

Code:
#fa_sticky_nav {
  font-size:0;
  text-align:center;
  background:#333;
  border-bottom:1px solid #000 !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
}
#fa_sticky_nav li { display:inline }
#fa_sticky_nav a.mainmenu {
  color:#ccc;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
 background:url('http://i21.servimg.com/u/f21/18/21/41/30/row10.gif') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition:200ms;
}
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  background-position:0 25px;
}
#fa_sticky_toggle {
background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnida11.png') no-repeat 0 0 #333;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:top 200ms linear;
}
#fa_sticky_toggle:hover { background-position:-30px 0 }
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #CCC;
  border-right:0;
  border-top:0;
}
.post div[style*="-30px;"] {
  top:-60px !important;
}

Bien à vous.



Bonne soirée.





◦Jay◦
Créactif
Créactif

Masculin
Messages : 2057
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Mer 17 Fév 2016 - 21:11

Au risque de passer pour une demeurée...
J'ai bien intégré le code ci-dessus dans mon CSS, okay ? Donc vu votre copie d'écran, tout est normal, toujours okay ?

Jusque là nous sommes d'accord ?
Or, what you see is not what I get...

Que ce soit sous Chrome ou sous Mozilla,après vidage des caches voici ce que je vois, ou plutôt ne vois pas :


Je suis actuellement sur un PC de secours sous Vista Pro mais si le pb venait de là, je le rencontrerais sur mon forum de test, non ?

Je vais, de nouveau remettre votre code et je vous tiens informé mais si de votre côté vous pouvez m'expliquer pourquoi vous voyez cette scrogneugneu de barre et pas moi, je prends !

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par ◦Jay◦ le Mer 17 Fév 2016 - 21:16

Je vous conseille d'enregistrer et retirer vos codes css, essayer le code que je vous donne puis ensuite remettre vos codes CSS un a un sans qu'il n'y ait d'erreur.

Je vois la barre car je mets le css dans mon editeur css, cela veut déjà dire que le reste est bon, le problème vient de votre CSS, il faut que vous fassiez le ménage dedans.

Bien cordialement.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2057
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Echec d'installation de la barre de navigation flottante

Message par Ironspoon le Mer 17 Fév 2016 - 21:28

Bien... je vais essayer de faire comme ça et vous tiens au courant

En tout cas,merci Jay  Smile

Bonne soirée et... I'll be back Very Happy

________________________________________________________________________________________________

SOLUTION :

Avec Winmerge j'ai comparé les deux CSS et voici où se situait l'erreur qui a mis le bazar



Merci pour le temps que vous avez passé.
Je passe ce sujet en résolu

Bonne soirée.

Ironspoon
***

Féminin
Messages : 110
Inscrit(e) le : 10/09/2013

http://creamies.graphforum.com/
Ironspoon 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