[5] Navigation

Ven 22 Avr - 6:36

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>

Partie 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;
}
Revenir en haut Aller en bas
Ven 22 Avr - 6:37

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>

Partie CSS :
Code:
/* NAVIGATION */
#navSIT {
position:absolute; margin-left:850px; /* MODULER SELON LA LARGEUR DE SON FORUM */
line-height:12px;
}
.mainmenu img{
display:none;
}
/* LIEN NAVIGATION */
#navSIT a{
display:block;  
width:145px; padding:10px; border-radius:0 15px 15px 0;
text-transform:uppercase; text-align:center; font-size:10px;
background:lightblue; color:#191919; /* MODIFIABLE */
transition:all 0.55s; -webkit-transition:all 0.55s;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
background:#191919; color:lightblue; /* MODIFIABLE */
}
/* MENU DE RECHERCHE */
#search_menu {
position:absolute; left:0 !important;
}
#search_menu a{
background:none !important; color:inherit !important;
}
Revenir en haut Aller en bas
Sam 23 Avr - 9:49

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>

Partie CSS :
Code:
/* NAVIGATION */
#navSIT {
position:absolute; top:55px; margin-left:-250px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:10px;
}
.mainmenu img{
display:none;
}
/* LIEN NAVIGATION */
#navSIT a{
display:block; margin:5px 0;
width:135px; padding:10px 5px; border-radius:15px 100px/100px 15px;
text-transform:uppercase; text-align:center; font-size:14px; font-family:Arial; line-height:14px;
background:rgba(250,250,250,0.5); color:grey; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
background:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* LIEN MENU RECHERCHE */
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}

Revenir en haut Aller en bas
Sam 23 Avr - 9:49

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>

Partie CSS :
Code:
/* NAVIGATION */
#navSIT {
position:absolute; top:100px; margin-left:800px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:0px; border-top:2px solid;
border-top-color:lightblue; /* MODIFIABLE */
}
.mainmenu img{
display:none;
}
/* LIEN NAVIGATION */
#navSIT a{
display:block;
width:165px; padding:5px 0; border:2px solid; border-top:none;
text-transform:uppercase; text-align:center; line-height:12px; font-size:12px;
background:rgba(0,0,0,0.5); border-color:lightblue; color:lightblue; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
/* MENU DE RECHERCHE */
#search_menu {
position:absolute; top:250px !important; left:0 !important;
}
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}

Revenir en haut Aller en bas
Jeu 28 Juil - 19:48

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>

Partie CSS :
Code:
/* FOND TOOLBAR */
#fa_toolbar {
padding-top:15px !important;
background:darkgrey !important; /* MODIFIABLE */
}
/* BORDURE AVATAR TOOLBAR */
.fa_avatar {
float:left; position:relative; z-index:5; margin-right:5px; margin-bottom:-10px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
border-color:darkgrey; /* MODIFIABLE */
}
.fa_avatar img{
width:75px;
}
#fa_right {
float:left !important;
}
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-50px !important; border:none !important;
background:white !important; /* MODIFIABLE */
}
/* LIENS MENU TOOLBAR */
#fa_menulist a:link, #fa_menulist a:visited {
color:black !important; /* MODIFIABLE */
}
/* BARRE DE NAVIGATION */
#navSIT {
position:fixed; z-index:20003 !important;
top:15px; right:25px;
}
/* LIENS NAVIGATION */
#navSIT a{
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.mainmenu img{
display:none;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey !important; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:25px !important; left:5% !important;
}
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}
/* SUPPRESSION ELEMENTS TOOLBAR */
#fa_share {
display:none !important;
}
#fa_icon {
opacity:0 !important;
}
a#fa_service {
opacity:0 !important;
}
#fa_search {
display:none !important;
}
#fa_hide {
display:none !important;
}
#fa_right a.rightHeaderLink {
display:none !important;
}
#fa_welcome {
background:none !important; color:inherit !important;
}
div#fa_usermenu {
display:none !important;
}


Crédit revenant à Forumotion pour l'élaboration du code javascript :

Code:
$(function(){$(function(){$('#fa_welcome').prepend('<span class="fa_avatar">'+_userdata.avatar+'</span>')})});
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum