Barre de navigation

3 participants

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

Résolu Barre de navigation

Message par mewtwo Ven 16 Mar 2012 - 5:32

Bonjour =)
Voici ma barre de navigations sur mon forum test https://patmax.error/I8/120316053041.bmp mais comme vous pouvez le constater l'espace a gauche est plus grand que celui de la droite
ceci est du a ces carrés qui sont a gauche https://patmax.error/I8/120316052730.bmp

comment les enlever svp?
voici ce que j'ai dans ma panneau d'administration https://patmax.error/I8/120316053136.bmp
Et mon CSS
Code:


a.mainmenu{
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
background-color: #fff;
border: 2px solid #2786c3;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

a.mainmenu:hover{
text-shadow: 1px 1px 1px #000;
text-decoration: none !important;
}


2. Aussi j'aime rais faire en sorte que la description du forum qui est ici https://patmax.error/I8/120316052552.bmp
se place d'un saut au dessous de la barre de navigation. (je pense qu'il faut toucher au template)



Merci d'avance Smile


Dernière édition par mewtwo le Sam 17 Mar 2012 - 17:37, édité 3 fois
mewtwo

mewtwo
****

Féminin
Messages : 260
Inscrit(e) le : 14/03/2011

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

Résolu Re: Barre de navigation

Message par Psyaliah Ven 16 Mar 2012 - 7:34

Pour oter les images, il suffit de se rendre dans:

Arrow Panneau d'administration
Arrow Affichage
Arrow En-tête & navigation
Arrow Afficher seulement des images dans la barre des liens : Non
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

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

Résolu Re: Barre de navigation

Message par Dr. Karlos Ven 16 Mar 2012 - 13:00

Bonjour,

Pouvons-nous avoir l'adresse de votre forum?

Pour la description en dessous de la barre de navigation, trouvez et supprimez cette partie dans votre template overall _header (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS):
Code:
 <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>


Par la suite, trouvez cette partie correspondant à la barre de navigation:
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>
Et remplacez-la par celle-ci:
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                                 
               </tr>
                               
            </table>
                     <center><span class="gen">{SITE_DESCRIPTION}<br />  </span></center>
            <div style="clear: both;"></div>

N'oubliez pas de valider les modifications en appuyant sur Ajout. Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par mewtwo Ven 16 Mar 2012 - 17:49

Dr. Karlos Arrow voici l'adresse http://pokemongold.forum-pro.fr
Pour la description voici ce que ca donne https://patmax.error/I8/120316174855.bmp
mais pour descendre la barre denavigation de la banniere j,ai du changé ca dans mon css
.maintitle{
margin-top: 3px;
}
et donc ca donne ca https://patmax.error/I8/120316174810.bmp
mais la description est un peu au dessous de la barre. A t-il un moyen de la descendre un peu?

Psyaliah a écrit:Pour oter les images, il suffit de se rendre dans:

Arrow Panneau d'administration
Arrow Affichage
Arrow En-tête & navigation
Arrow Afficher seulement des images dans la barre des liens : Non
C'est bien mit non mais ca marche pas =/ Merci quand meme Smile
mewtwo

mewtwo
****

Féminin
Messages : 260
Inscrit(e) le : 14/03/2011

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

Résolu Re: Barre de navigation

Message par Dr. Karlos Ven 16 Mar 2012 - 21:53

Bonsoir,

Pour les images et la description du forum, remplacez dans votre template modifié cette partie:
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                               
              </tr>
                             
            </table>
                    <center><span class="gen">{SITE_DESCRIPTION}<br />  </span></center>
            <div style="clear: both;"></div>
Par celle-ci:
Code:
<table class="noimgs" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                               
              </tr>
                             
            </table>
<br />
                    <center><span class="gen">{SITE_DESCRIPTION}<br />  </span></center>
            <div style="clear: both;"></div>

Ajoutez ensuite ce code dans votre CSS:
Code:
.noimgs img{
display: none;
}


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par mewtwo Ven 16 Mar 2012 - 22:21

Merci ça marche très bien victoire

J'ai juste deux petits soucis.
1. J'ai des carrés quand je vais sur le profil d'un membre ou quand je vais modifier mon profil. https://patmax.error/I8/120316221226.bmp
https://patmax.error/I8/120316221548.bmp
Alors que je veux que les carrés se placent uniquement sur la barre de navigation. Comment faire pour les supprimer please?

2.Est-il possible d'enlever le pseudo ici ?? https://patmax.error/I8/120317024514.bmp
car si le pseudo est trop grand la barre se déforment.
mewtwo

mewtwo
****

Féminin
Messages : 260
Inscrit(e) le : 14/03/2011

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

Résolu Re: Barre de navigation

Message par Dr. Karlos Sam 17 Mar 2012 - 2:53

Re,

Pouvez-vous nous coller l'ensemble de votre CSS personnalisé ici?

Pour enlever le pseudo, insérez ce code sur toutes les pages dans votre panneau d'administration comme ceci:
> PA | Modules | Gestion des codes Javascript

Code:
 $(function() {
        $('#logout').html('Déconnexion');
        });
Solution donnée par Tech et Etana

Si jamais vous désirez de remettre les images, le code ne sera plus fonctionnel puisqu'il enlève aussi l'image de "Déconnexion". Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par mewtwo Sam 17 Mar 2012 - 3:57

super ca marche a merveille =)

Voici tout mon css

Code:
   
a.mainmenu{
font-size: 11px;
background-color: #fff;
-moz-border-radius : 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

a.mainmenu:hover{
text-decoration: none !important;
}

.maintitle{
margin-top: 3px;
}
        .noimgs img{
        display: none;
        }


Dernière édition par mewtwo le Sam 17 Mar 2012 - 17:36, édité 1 fois
mewtwo

mewtwo
****

Féminin
Messages : 260
Inscrit(e) le : 14/03/2011

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

Résolu Re: Barre de navigation

Message par Dr. Karlos Sam 17 Mar 2012 - 5:03

Re,

Remplacez cette partie dans votre CSS:
Code:
a.mainmenu{
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #000;
font-weight: bold;
text-decoration: none;
padding: 8px;
margin-left: 2px;
background-color: #fff;
border: 2px solid #2786c3;
border-top: none;
-moz-border-radius : 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
 
a.mainmenu:hover{
background-color: #0078ff;
color: #fff;
text-shadow: 1px 1px 1px #000;
text-decoration: none !important;
}
Par celle-ci:
Code:
.noimgs a.mainmenu{
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #000;
font-weight: bold;
text-decoration: none;
padding: 8px;
margin-left: 2px;
background-color: #fff;
border: 2px solid #2786c3;
border-top: none;
-moz-border-radius : 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
 
.noimgs a.mainmenu:hover{
background-color: #0078ff;
color: #fff;
text-shadow: 1px 1px 1px #000;
text-decoration: none !important;
}

Comme nous avons modifié votre template, utilisons cette modification pour appliquer l'effet qu'aux liens de la barre de navigation. Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par mewtwo Sam 17 Mar 2012 - 17:33

Merci tout est parfait :youopi:
mewtwo

mewtwo
****

Féminin
Messages : 260
Inscrit(e) le : 14/03/2011

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

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