Le Deal du moment : -40%
Tefal Ingenio Emotion – Batterie de cuisine 10 ...
Voir le deal
59.99 €

demande de modification barre de navigation

demande de modification barre de navigation Empty Sam 11 Avr - 18:56
bien le bonjour !

permettez-moi tout d'abord de vous dire à quel point je suis appréciative de votre travail; vos codes sont vraiment magnifiques & il est bien généreux de votre part de les mettre en libre-service de la sorte. merci beaucoup.

ensuite, je suis en train de bâtir mon propre forum et j'aurais aimé modifié l'un de vos codes. cela concerne cette barre de navigation; https://sd-g1.archive-host.com/membres/images/e2ab7c6f0c5541d509ba8775a99136cd9309b0b7/Codage/Visuels/NAV5.png . j'aurais aimé que l'avatar & le message de bienvenue ne figurent pas sur celle-ci et que les liens de la barre soient centrés. j'ai tenté de faire la chose par moi-même, mais je dois avouer que mes connaissances et compétences en matière de codage sont bien limitées. Pourriez-vous m'aider s'il vous plaît ?

je vous remercie par avance.
Revenir en haut Aller en bas
demande de modification barre de navigation Empty Lun 13 Avr - 8:05
Bonjour,

[TEMPLATE] Remplacez :

Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
<script type="text/javascript">$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});</script>
<tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>

Par :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="navSIT">
<tr><td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>

Remplacez l'ancienne partie CSS par :
Code:
/* NAVIGATION */
.navSIT {
position:fixed; z-index:10; left:0; top:0;
width:100%; height:50px;
background:black; /*MODIFIABLE */
}
.mainmenu img {
display:none;
}
/* LIENS NAVIGATION */
.navSIT a {
display:inline-block; vertical-align:middle;
font-size:12px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */
opacity:1; transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
opacity:0.8; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a {
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}

Bonne journée.
Revenir en haut Aller en bas
demande de modification barre de navigation Empty Lun 13 Avr - 12:02
bonjour,

cela fonctionne à merveille. je vous remercie pour votre aide & je vous souhaite une bonne continuation !
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum