Accueil
Créer un forumModifier la barre de navigation
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Modifier la barre de navigation
par Roxy. Lun 26 Sep - 18:19
Bonsoir,
Me revoilà avec toujours des nouvelles questions.
Alors voilà au lieu d'avoir la barre de navigation classique (horizontale), j'aimerais qu'elle sois en sorte de tableau à gauche. Voilà le code :
Je voulais donc savoir comment supprimer la barre de navigation basique par ceci.
D'avance merci pour vos réponses,
Cordialement.
Me revoilà avec toujours des nouvelles questions.
Alors voilà au lieu d'avoir la barre de navigation classique (horizontale), j'aimerais qu'elle sois en sorte de tableau à gauche. Voilà le code :
- Code:
<div id="menu">
<div class="element_menu">
<h3>Menu</h3>
<ul>
<li><a href="page1.html">Accueil</a></li>
<li><a href="page2.html">FAQ</a></li>
<li><a href="page3.html">Membres</a></li>
<li><a href="page4.html">Groupes</a></li>
<li><a href="page5.html">Profil</a></li>
<li><a href="page6.html">Deconnexion</a></li>
</ul>
</div>
</div>
Je voulais donc savoir comment supprimer la barre de navigation basique par ceci.
D'avance merci pour vos réponses,
Cordialement.
Dernière édition par Roxy. le Dim 2 Oct - 13:56, édité 1 fois
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Invité Mar 27 Sep - 8:21
 | Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif  |
Bonjour,
Pour supprimer la barre de navigation classique il faut passer par le template overall_header. Vous pourrez y placer aussi votre nouveau menu de navigation.
Pour la suppression, cherchez et supprimez:
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Repérez et placez votre menu dans un tableau juste après:
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Roxy. Mar 27 Sep - 9:22
Bonjour,
Merci de m'avoir répondu et je m'excuse.
Merci pour l'aide je fille essayer sur ce pas.
Cordialement.
EDIT = Voilà il y a un bug. Elle apparait au dessus de la bannière : http://monforumdetest.forumgratuit.org/?tt=1 de plus quand on clique sur un bouton ça ne même pas à la page ^^'
Merci de m'avoir répondu et je m'excuse.
Merci pour l'aide je fille essayer sur ce pas.
Cordialement.
EDIT = Voilà il y a un bug. Elle apparait au dessus de la bannière : http://monforumdetest.forumgratuit.org/?tt=1 de plus quand on clique sur un bouton ça ne même pas à la page ^^'
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Invité Mar 27 Sep - 18:31
Bonsoir,
Pourriez-vous me donner votre template modifié? Je vais essayé de trouver le soucis, et le positionner plus bas, j'ai vu trop haut
.
Cordialement.
Pourriez-vous me donner votre template modifié? Je vais essayé de trouver le soucis, et le positionner plus bas, j'ai vu trop haut
.Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Katya Mer 28 Sep - 12:24
Bonjour, j'ai un forum de poésie dont voici l'adresse.
http://leparchemin.forumperso.com/
J'aimerais bien remplacer certains boutons de la barre de navigation pour faciliter la vie de mes membres mais je ne sais pas comment faire pour vous les commander?
Si cela peut vous être utile je vous mets en exemple un bouton que j'ai
Et j'aimerais si cela est possible avoir un bouton Vos Poèmes, un autre Concours, et le dernier Ecrire Ensemble.
Merci d'avance et bisous.
http://leparchemin.forumperso.com/
J'aimerais bien remplacer certains boutons de la barre de navigation pour faciliter la vie de mes membres mais je ne sais pas comment faire pour vous les commander?
Si cela peut vous être utile je vous mets en exemple un bouton que j'ai
Et j'aimerais si cela est possible avoir un bouton Vos Poèmes, un autre Concours, et le dernier Ecrire Ensemble.
Merci d'avance et bisous.
Katya- *
- Messages : 47
Inscrit(e) le : 05/06/2010 -
Re: Modifier la barre de navigation
par Invité Mer 28 Sep - 12:33
Bonjour,
Katya, votre soucis est totalement différent, il faut ouvrir votre propre sujet. Vous devez faire la demande pour vos boutons au créateur de votre thème (s'il est possible de le joindre) ou au Service de création graphique en vous servant du générateur de commandes et en respectant bien les règles spécifiques de la section
.
Cordialement.
Katya, votre soucis est totalement différent, il faut ouvrir votre propre sujet. Vous devez faire la demande pour vos boutons au créateur de votre thème (s'il est possible de le joindre) ou au Service de création graphique en vous servant du générateur de commandes et en respectant bien les règles spécifiques de la section
.Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Katya Mer 28 Sep - 12:41
Je vous remercie je vais essayer.
Merci beaucoup.
Bisous
Merci beaucoup.
Bisous
Katya- *
- Messages : 47
Inscrit(e) le : 05/06/2010 -
Re: Modifier la barre de navigation
par Roxy. Mer 28 Sep - 14:14
Bonjour,
Voilà donc mon template après modification.
Cordialement.
Voilà donc mon template après modification.
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des ?l?ments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des ?l?ments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<table>
<div id="menu">
<div class="element_menu">
<h3>Menu</h3>
<ul>
<li><a href="page1.html">Accueil</a></li>
<li><a href="page2.html">FAQ</a></li>
<li><a href="page3.html">Membres</a></li>
<li><a href="page4.html">Groupes</a></li>
<li><a href="page5.html">Profil</a></li>
<li><a href="page6.html">Deconnexion</a></li>
</ul>
</div>
</div>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
Cordialement.
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Invité Jeu 29 Sep - 16:05
Bonsoir,
Essayons comme ceci, remplacez :
. Il faudra ajuster le positionnement dans cette partie: <div style="position: absolute; top: 200px; left: 0;">, faites varier le nombre de pixel pour positionner la navigation comme vous le souhaitez.
Cordialement.
Essayons comme ceci, remplacez :
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
- Code:
<div style="position: absolute; top: 200px; left: 0;"><table>
<div id="menu">
<div class="element_menu">
<h3>Menu</h3>
<ul>
<li><a href="/forum">Accueil</a></li>
<li><a href="/faq">FAQ</a></li>
<li><a href="/memberlist">Membres</a></li>
<li><a href="/groups">Groupes</a></li>
<li><a href="/profile?mode=editprofile">Profil</a></li>
<li><a href="/login?logout">Deconnexion</a></li>
</ul>
</div>
</table> </div>
. Il faudra ajuster le positionnement dans cette partie: <div style="position: absolute; top: 200px; left: 0;">, faites varier le nombre de pixel pour positionner la navigation comme vous le souhaitez.Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Roxy. Jeu 29 Sep - 16:29
Bonsoir,
Merci beaucoup ! =)
Par contre pour le bouton Déconnexion/Connexion je voulais savoir comment faire pour voir déconnecter en étant connecter et connexion en étant déconnecter ^^'
Cordialement,
Merci beaucoup ! =)
Par contre pour le bouton Déconnexion/Connexion je voulais savoir comment faire pour voir déconnecter en étant connecter et connexion en étant déconnecter ^^'
Cordialement,
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Roxy. Sam 1 Oct - 13:10
Up ??
Je rajoute aussi pour la messagerie
Je rajoute aussi pour la messagerie
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Invité Sam 1 Oct - 16:49
Bonjour,
La ça se complique, ça doit être possible en utilisant de switch, mais je ne maitrise pas très bien, et je ne suis pas sûr que le menu se modifie en cas de nouveau message.
Je vous propose une solution alternative. En repartant du template Overall_header de base, cherchez:
Cordialement.
La ça se complique, ça doit être possible en utilisant de switch, mais je ne maitrise pas très bien, et je ne suis pas sûr que le menu se modifie en cas de nouveau message.
Je vous propose une solution alternative. En repartant du template Overall_header de base, cherchez:
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
- Code:
<table cellspacing="0" cellpadding="0" border="0" style="position: absolute; top: 200px; left: 0; width: 150px;" >
<tr>
<td >{GENERATED_NAV_BAR}</span></td>
</tr>
</table>
- Code:
.mainmenu{
margin-top: -5px;
display: block;}
Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Roxy. Sam 1 Oct - 17:35
Je fais pareille aussi pour la déconnexion et la connexion ?
EDIT = Voilà ce que cela me donne : http://monforumdetest.forumgratuit.org/?tt=1
EDIT = Voilà ce que cela me donne : http://monforumdetest.forumgratuit.org/?tt=1
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Invité Dim 2 Oct - 11:27
Bonjour,
Et ce n'est pas le but? Pour le style ajoutez les propriétés voulues dans votre CSS à la class mainmenu. En testant, j'ai remarqué un soucis, le code agit aussi dans les profils, pour palier à ce problème, j'ai ajouter ceci dans la CSS:
Cordialement.
Et ce n'est pas le but? Pour le style ajoutez les propriétés voulues dans votre CSS à la class mainmenu
. En testant, j'ai remarqué un soucis, le code agit aussi dans les profils, pour palier à ce problème, j'ai ajouter ceci dans la CSS:- Code:
span.gen a.mainmenu, span.gen {float: left; background: none !important; color: black !important;}
Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Roxy. Dim 2 Oct - 11:50
Bonjour,
Enfaite voilà la barre de navigation horinzontale apparait a gauche et le forum s élargie ^^'.
Oui voilà c'est comme votre forum que je voudrais. Ok je rentre mais faut-il le lien de connexion et de déconnexion pour que ceci marche ? Et ou dois-je mettre la class mainmenu ? De plus le code est a placer ou ?
J'ai vraiment du mal à comprendre ^^'
Cordialement.
Enfaite voilà la barre de navigation horinzontale apparait a gauche et le forum s élargie ^^'.
Oui voilà c'est comme votre forum que je voudrais. Ok je rentre mais faut-il le lien de connexion et de déconnexion pour que ceci marche ? Et ou dois-je mettre la class mainmenu ? De plus le code est a placer ou ?
J'ai vraiment du mal à comprendre ^^'
Cordialement.
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Invité Dim 2 Oct - 13:14
On va faire pas à pas.
1. supprimez votre template overall_header modifié en cliquant sur
.
2. dans le template de base remplacez:
C'est tout ce qu'il y a à faire, le code réorganise simplement la barre de connexion existante donc tous les liens fonctionnent sans avoir à être touchés.
Cordialement.
1. supprimez votre template overall_header modifié en cliquant sur
.2. dans le template de base remplacez:
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
- Code:
<table cellspacing="0" cellpadding="0" border="0" style="position: absolute; top: 200px; left: 0; width: 150px;" >
<tr>
<td >{GENERATED_NAV_BAR}</span></td>
</tr>
</table>
- Code:
.mainmenu{
margin-top: -5px;
display: block;
background-color: lightblue;
}
span.gen a.mainmenu, span.gen {
float: left;
background: none !important;
color: black !important;}
C'est tout ce qu'il y a à faire, le code réorganise simplement la barre de connexion existante donc tous les liens fonctionnent sans avoir à être touchés.
Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Roxy. Dim 2 Oct - 13:35
Merci beaucoup ça marche !
Sel problème la colonne est centrer : http://monforumdetest.forumgratuit.org/
Cordialement.
Sel problème la colonne est centrer : http://monforumdetest.forumgratuit.org/
Cordialement.
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Invité Dim 2 Oct - 13:39
Pouvez-vous me donner votre template modifié?
Cordialement.
Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Roxy. Dim 2 Oct - 13:45
Bien sur le voilà :
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des ?l?ments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des ?l?ments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" style="position: absolute; top: 200px; left: 0; width: 150px;" >
<tr>
<td >{GENERATED_NAV_BAR}</span></td>
</tr>
</table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Re: Modifier la barre de navigation
par Invité Dim 2 Oct - 13:49
Tout est bon, l'avez-vous bien publié? (J'obtiens la même chose que vous si je ne publie pas )
Cordialement.
)Cordialement.
Invité- Invité
Re: Modifier la barre de navigation
par Roxy. Dim 2 Oct - 13:55
A oui merci en effet cela marche maintenant ! =)
Je mets résolu
Je mets résolu
Roxy.- Membre habitué
-
Messages : 1058
Inscrit(e) le : 24/07/2011 -
Sujets similaires» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» Modifier ma barre de navigation (en-tête et navigation)
» Modifier Barre de navigation
» Modifier la barre de navigation
» Modifier ma barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Modifier Barre de navigation
» Modifier la barre de navigation
» Modifier ma barre de navigation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum