Personnalisation de la barre de navigation

[Lyress]

Bonjour à tous !

1. Déplacement de quelques boutons en haut de la bannière.

Spoiler:

Je voudrais avoir là où indique la flèche « Profil - Message - FAQ - Deconnexion » et en invité « Connexion - Inscription - aide ».

2. Modification de l'emplacement de quelques boutons.

Spoiler:

Là ou il y a le cadre, je voudrais avoir « Calendrier - Membres - ChatBox - et tout le reste des boutons ... »

J'espère que le CSS suffira, vu que j'utilise

[Neptunia]

Bonjour,

Il me semble que la barre de navigation est "une et indivisible" et je ne pense pas qu'il soit possible de mettre une partie des boutons à un endroit et le reste ailleurs.

Auriez vous le lien d'un forum correspondant à cela ?

[Lyress]

Non

Certes indivisible, mais certains boutons qui sont accessible aux invités et membres (ex : membres, portail, indexe, FAQ, ...) peuvent être représentés d'une autre manière et masqués dans la barre de navigation.
Le reste des boutons qui varient selon le grade (invité, membre, ...) resteront sur la barre mais celle-ci sera déplacée.

[Neptunia]

Pour déplacer la barre contenant ce qu'il n'est pas possible de masquer, il me semble que ça se gère depuis un template.

J'espère me tromper !

[Lyress]

Ce n'est pas grave alors.
Voici ma deuxième idée :

Je vais laisser la barre de navigation telle qu'elle est, mais je vais masquer quelques boutons. Ces boutons seront affiché avec la description du site et personnalisés en HTML.
Sauf que, ceux-ci seront affiché sous la bannière, or, je les voudrais à gauche, y a-t-il une solution ?
Je voudrais border la description aussi, j'aurais besoin de la propriété de la description du forum.

Autre problème : impossible de masquer les boutons sans mettre d'image, une solution ?

Dire que ForumActif est 100% personnalisable ...

[Neptunia]

Autre problème : impossible de masquer les boutons sans mettre d'image, une solution ?

L'astuce consiste à mettre une image ... vide !

Code:

http://2img.net/i/fa/empty.gif

[Lyress]

Seulement, je n'utilise pas d'images pour mes boutons =x

[Lyress]

Changement de programme !

Spoiler:

Je voudrais ajouter ici une barre, avec des liens. Une barre toute normal.

Ou si possible, je puis avoir la propriété de la description forum ?

[Threax]

Bonjour,

Le sélecteur CSS pour la description du forum est :

Code:

div#logostrip #main-title {

[Lyress]

La propriété que tu m'as donné Toto ne marche pas.

Il n'y a que ça qui marche :

Code:

#site-desc {
margin: 8px;
text-align: left;
}

Mais ça ne se met pas à gauche de la bannière =X

[Threax]

Mais je ne vois pas de description sur le forum de votre profil... ?

[Lyress]

Je l'ai enlevé, car je ne trouve toujours pas la solution pour la mettre à gauche =X
D'ailleurs, même si je trouvais, il me faudrait impérativement un moyen pour masquer certains boutons de ma barre de navigation.

[Threax]

Oui mais ça, ce n'est pas un problème.
Remettez cette description, svp.

[Lyress]

Voilà.

[Threax]

J'ai ajouté :

Code:

#site-desc {
  display:block;
  position:absolute;
  top:50px;
  width:200px;
}

Et voici le résultat

[Lyress]

C'est magique !
Et pour masquer les boutons on fait quoi =x ?

[Threax]

En fait, comme tous les boutons ont la même classe, on va gruger un peu en utilisant ce qu'ils contiennent.

Même si vous avez mis des images transparentes, celles-ci sont dans la structure, et ont chacune un identifiant. Exemple, le bouton "Déconnexion" a pour identifiant i_icon_mini_logout. Il faut donc situer tous les identifiants des boutons que vous souhaitez retirer, et ajouter ce script :

Code:

<script type="text/javascript">$(document).ready(function(){$('#i_icon_mini_logout').parent().hide();});</script>

(celui-ci supprime le bouton "déconnexion")

[Lyress]

Et où je suis sensé mettre ce script x) ?

Edit : Je l'ai mis sur « Message sur la page d'accueil », le bouton est toujours là.

[Lyress]

UP

[Lyress]

UP

[Threax]

Bonjour,

J'ai oublié de préciser où, en effet... Sur Invision c'est problématique, essayez dans la description du forum mais je pense qu'il va falloir ruser...

[Lyress]

Fa marche, mais le champs description n'est pas assez grands pour porter 3 scripts de ce genre avec des liens et pleins de truc =x ....

[Lyress]

UP

[Lyress]

up

[Lyress]

up

[Threax]

Bonjour,

Vous avez plusieurs scripts dans la description du forum ?
Vous pouvez tous les mettre sur un seul fichier au format .js, et inclut après l'avoir hébergé de cette façon :

Code:

<script type="text/javascript" src="URL fichier .js"></script>

[Lyress]

Code:

<script type=text/javascript src=http://up.sur-la-toile.com/iFjg></script>

Ça ne marche pas.
(Les guillemets disparaissent avec l'enregistrement)

[Threax]

C'est normal

Votre code est incorrect :

Code:

<script type="text/javascript">$(document).ready(function(){$('#i_icon_mini_search').parent().hide();});</script>
<script type="text/javascript">$(document).ready(function(){$('#i_icon_mini_faq').parent().hide();});</script>
<script type="text/javascript">$(document).ready(function(){$('#i_icon_mini_memberliste').parent().hide();});</script>

Vous devez enregistrer le fichier ainsi :

Code:

$(document).ready(function(){$('#i_icon_mini_search').parent().hide();});
$(document).ready(function(){$('#i_icon_mini_faq').parent().hide();});
$(document).ready(function(){$('#i_icon_mini_memberlist').parent().hide();});

(j'ai corrigé memberliste en memberlist )

[Lyress]

Merci, ça marche !

Un problème persiste :
Etant donné que je compte mettre 3 liens dans le libellé Description, et que ce libellé n'est pas assez grand, n'y a-t-il pas un moyen afin d'abréger les 3 liens ? Comme ce qu'on a fait pour le script ?

j'ai corrigé memberliste en memberlist

C'était plutôt "members"


:thanks:

[Threax]

Vous pouvez utiliser un service de raccourcis d'URL, genre http://tinyurl.com/
Rien de plus court à faire...