Classe "mainmenu"
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Classe "mainmenu"
Bonjour !
J'ai un problème avec la classe "mainmenu" : je l'ai utilisée dans mon CSS pour personnaliser le menu de navigation, seulement il semble que cette classe s'applique également aux liens du profil, ce qui a des effets indésirables.
J'aimerais pouvoir personnaliser les liens de la barre de navigation tout en gardant des liens du profil "de base". Quelqu'un aurait-il une solution ? Y a-t-il moyen de dissocier les deux ?
Merci d'avance !
J'ai un problème avec la classe "mainmenu" : je l'ai utilisée dans mon CSS pour personnaliser le menu de navigation, seulement il semble que cette classe s'applique également aux liens du profil, ce qui a des effets indésirables.
- Spoiler:
- La barre de navigation :
Les liens du profil :
J'aimerais pouvoir personnaliser les liens de la barre de navigation tout en gardant des liens du profil "de base". Quelqu'un aurait-il une solution ? Y a-t-il moyen de dissocier les deux ?
Merci d'avance !
Dernière édition par SnowBlue le Jeu 30 Mai 2013 - 7:46, édité 1 fois
Re: Classe "mainmenu"
Bonsoir,
Dans le template overall header > Affichage > Templates > Général
Repérez:
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td class="blabla" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Dans le td, vous rajoutez class="blabla" par exemple.
Cordialement.
Re: Classe "mainmenu"
Merci beaucoup !
Seulement, j'ai mis la barre de navigation en haut du forum (grâce au tutoriel de FA) et ce code ne semble que remplacer la classe "navig" qui avait été mise en place à ce moment-là... Liens du menu et du profil sont eux toujours les mêmes !... :/
Seulement, j'ai mis la barre de navigation en haut du forum (grâce au tutoriel de FA) et ce code ne semble que remplacer la classe "navig" qui avait été mise en place à ce moment-là... Liens du menu et du profil sont eux toujours les mêmes !... :/
Re: Classe "mainmenu"
Ah dans ce cas ^^
Vous pouvez utiliser ces codes:
Le premier donc pour la barre de navigation et le reste concerne les liens du profil. Le dernier c'est pour quand l'onglet est actif.
Cordialement.
Vous pouvez utiliser ces codes:
- Code:
a.mainmenu {
color: #000000;
font-size: 15px;
font-weight: bold;
}
.gen a.mainmenu{
color: #ffffff;
font-size: 20px;
font-weight: black;
}
.three-col .gen strong {
color: #ffffff;
font-size: 20px;
font-weight: black;
}
Le premier donc pour la barre de navigation et le reste concerne les liens du profil. Le dernier c'est pour quand l'onglet est actif.
Cordialement.
Re: Classe "mainmenu"
Après personnalisation, j'obtiens ce code pour les onglets du profil :
Cependant, il reste toujours quelques "résidus" de la barre de navigation :
- Code:
.gen a.mainmenu{
color: #4D3C2F;
background-color:#none !important;
padding:0px !important;
border:0px solid red !important;
}
.three-col .gen strong {
color: #C53C54;
background-color:#none !important;
padding:0px !important;
border:0px solid red !important;
}
Cependant, il reste toujours quelques "résidus" de la barre de navigation :
Re: Classe "mainmenu"
Pourrais je avoir si possible:
• Le lien du forum concerné
• La css (du moins ce qui concerne la barre de navig, les liens, etc)
• votre template overall header.
Edit: effectivement, en rajoutant un fond, il se met partout
Cordialement.
• Le lien du forum concerné
• La css (du moins ce qui concerne la barre de navig, les liens, etc)
• votre template overall header.
Edit: effectivement, en rajoutant un fond, il se met partout
Cordialement.
Dernière édition par Anzu le Mer 29 Mai 2013 - 18:38, édité 1 fois
Re: Classe "mainmenu"
Pas de souci !
Le lien du forum : http://sweetcakes.superforum.fr/
Le CSS :
Le template overall_header :
Le lien du forum : http://sweetcakes.superforum.fr/
Le CSS :
- Code:
.navig {
position: fixed;
top: -15px;
width: 100%;
transition:1s;
}
.navig:hover {
position: fixed;
top: 2px;
width: 100%;
transition:1s;
}
a.mainmenu img{
display: none;
}
.mainmenu {
background-color:#EED49D;
padding-top:9px;
padding-left:4px;
padding-right:4px;
padding-bottom:2px;
border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
border:1px dotted #A0522D;
}
a.mainmenu {
margin: 5px;
font-family: 'Pompiere';
font-size: 24px;
color:#A0522D;
}
a.mainmenu:hover { color:#EAC968;
transition:1s; }
a { text-decoration:none !important; }
a:hover { text-decoration:none !important; }
body{
margin-top: -1px;
margin-bottom: 0px;
}
.bodyline { margin:20px;
border-left:5px solid #EAC968;
border-right:5px solid #EAC968;
border-top:0px solid #EAC968;
border-bottom:0px solid #EAC968;
}
.forumline { border-left:0px solid red;
border-right:0px solid red; }
.icon_online {
position:absolute;
halign:right;
valign:top;}
.forumlink { margin-left:20px;
font-family: 'Pompiere';
font-size:20px;
width:100%;
font-variant:small-caps;
letter-spacing:1px;}
.forumlink:hover { opacity:0.9;
transition:1s;}
.postbody { text-align:justify;
padding-left:5px;
padding-right:5px; }
.name { font-family:'Pompiere';
font-size:14px;
text-align:center; }
.gen a.mainmenu{
color: #4D3C2F;
background-color:#none !important;
padding:0px !important;
border:0px solid red !important;
}
.three-col .gen strong {
color: #C53C54;
background-color:#none !important;
padding:0px !important;
border:0px solid red !important;
}
Le template overall_header :
- 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>
<link href='http://fonts.googleapis.com/css?family=Pompiere|Patrick+Hand+SC' rel='stylesheet' type='text/css'>
<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 elements */
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 conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des elements 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');
if(pm != null) { 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}');
if(report != null) { 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']);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(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}">
<div class="navig" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</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="0" 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 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 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 -->
Re: Classe "mainmenu"
J'ai l'impression qu'il n'y a pas moyen d'y remédier.
Vous pouvez toujours mettre le background dans le .navig, mais du coup vous aurez "une barre" et non des boutons séparés et je doute que c'est ce que vous voulez
Sinon, refaire "manuellement" la barre de navigation en mettant les liens dans le template etc ..
Vous pouvez toujours mettre le background dans le .navig, mais du coup vous aurez "une barre" et non des boutons séparés et je doute que c'est ce que vous voulez
Sinon, refaire "manuellement" la barre de navigation en mettant les liens dans le template etc ..
Re: Classe "mainmenu"
En effet, ça n'est pas exactement ce que je veux...
Merci beaucoup en tout cas d'avoir essayé ! Pour ce qui est des templates, je ferai ça quand j'en aurai le courage...
Merci beaucoup en tout cas d'avoir essayé ! Pour ce qui est des templates, je ferai ça quand j'en aurai le courage...
Sujets similaires
» Diviser .mainmenu via la CSS
» supprimer lien du mainmenu
» espacé et classé mes catégories?
» Couleur de classe row
» Classe liée au CSS
» supprimer lien du mainmenu
» espacé et classé mes catégories?
» Couleur de classe row
» Classe liée au CSS
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum