Problème de Barre de Navigation en Haut
3 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
Problème de Barre de Navigation en Haut
Bonjour cela fesait Longtemps :') Et J'ai un Super Problème .__.
Bref, ayant Repris mon Forum, J'désire le Changer et donc J'Décide de mettre ma Barre de Navigation en Haut comme Ici ~
J'ai suivi le Tuto de Anzu Poster dans Astuces Blablabla Et ca me donne un Truc Moche :'(
Rien est Centré et surtout le Fond Gris de mon Ancienne Barre de Navigation est Présente et mon CSS est ... Bordélique donc xDD C'est pas le plus Important mais Bon x)
Bref, ayant Repris mon Forum, J'désire le Changer et donc J'Décide de mettre ma Barre de Navigation en Haut comme Ici ~
- Spoiler:
J'ai suivi le Tuto de Anzu Poster dans Astuces Blablabla Et ca me donne un Truc Moche :'(
- Spoiler:
Rien est Centré et surtout le Fond Gris de mon Ancienne Barre de Navigation est Présente et mon CSS est ... Bordélique donc xDD C'est pas le plus Important mais Bon x)
- Code:
a:hover {
text-decoration: none !important;
}
a {
text-decoration: none !important;
}
.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
#fonddeco {
background-color: #cccccc;
-moz-border-radius:8px 8px 8px 8px;
border: 3px double #cccccc;}
fonddeco {
background-color: #ABB5C7;
-moz-border-radius:6px;
border: 2px double #ABB5C7;
display:block;}
body {
background-repeat : no-repeat;
background-position: top center;
}
a.mainmenu {
-moz-border-radius:2px;
background-color:#aaaaaa;
border-left:3px solid #444444;
border-right:3px solid #444444;
color:##777777;
font-size:12px;
font-variant:small-caps;
padding-right:5px;
text-align:center;}
td.row1, td.row2, td.row3, td.row5 {
background-image: url("http://ups.imagup.com/ano1/1280896588.jpg");
background-repeat: repeat;
}
.forumline {border-top: 4px solid #000014;
border-right: 10px solid #000014;
border-bottom: 4px solid #000014;
border-left: 10px solid #000014;
padding: 0px!important;
}
.bodyline {padding: 0px!important;
}
.popavatar:hover{
background-color: transparent;
z-index: 50;
}
.imgopa
{
opacity:0.5;
filter:alpha(opacity=70);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
.imgopa:hover
{
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
.imgopa
}
.postdetails.poster-profile textarea {
font-size: 9px;
}
.boite {
height: 130px;
overflow: auto;
}
.dermessage{
height: 75px;
background-image: url("http://data.imagup.com/6/1113417682.png");
background-repeat: no-repeat;center;
padding-top: 17px;
}
.separe{border : 2px solid #ff0000}
.maintitle, .maintitle h1, th, .nav, .forumlink {text-transform: uppercase;}
.navig {position: absolute;top: 0px;width: 100%;background-color: #000000;
border-bottom: 3px solid #a17a55;a.mainmenu img{display: none;}a.mainmenu {margin: 0px;font-family: Arial;font-size: 11px;}
}
Le Code CSS du Tuto' se trouve tout en Bas
Il se peux aussi qu'il y ai des Codes Inutiles ;__; J'Reprend donc le Code CSS et HTML J'ai un Peu Oublié .__.
J'aimerai aussi que les Lettres de ma Barre de Navigation soient en Majuscules Aussi ^-^
Merci à l'Avance ~
N13
Re: Problème de Barre de Navigation en Haut
Bonjour,
Vous avez inclus la partie "mainmenu" dans le paragraphe "navig", du coup ça ne peut pas fonctionner correctement . Vous avez 2 fois des propriétés pour l'indentifiant "mainmenu", donc il y a un mélange des deux.
Essayez avec ce CSS:
Cordialement.
Vous avez inclus la partie "mainmenu" dans le paragraphe "navig", du coup ça ne peut pas fonctionner correctement . Vous avez 2 fois des propriétés pour l'indentifiant "mainmenu", donc il y a un mélange des deux.
Essayez avec ce CSS:
- Code:
a:hover {
text-decoration:none !important;
}
a {
text-decoration:none !important;
}
.groupes {
background-color:#FFFFFF;
border:1px #D0D0D0 dotted;
-moz-border-radius:5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight:bold;
text-align:center;
text-decoration:none !important;
}
#fonddeco {
background-color:#cccccc;
-moz-border-radius:8px 8px 8px 8px;
border:3px double #cccccc;
}
fonddeco {
background-color:#ABB5C7;
-moz-border-radius:6px;
border:2px double #ABB5C7;
display:block;
}
body {
background-repeat:no-repeat;
background-position:top center;
}
td.row1,td.row2,td.row3,td.row5 {
background-image:url("http://ups.imagup.com/ano1/1280896588.jpg");
background-repeat:repeat;
}
.forumline {
border-top:4px solid #000014;
border-right:10px solid #000014;
border-bottom:4px solid #000014;
border-left:10px solid #000014;
padding:0px!important;
}
.bodyline {
padding:0px!important;
}
.popavatar:hover {
background-color:transparent;
z-index:50;
}
.imgopa {
opacity:0.5;
filter:alpha(opacity=70);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
.imgopa:hover {
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
.imgopa
}
.postdetails.poster-profile textarea {
font-size:9px;
}
.boite {
height:130px;
overflow:auto;
}
.dermessage {
height:75px;
background-image:url("http://data.imagup.com/6/1113417682.png");
background-repeat:no-repeat;
center;
padding-top:17px;
}
.separe {
border:2px solid #ff0000
}
.maintitle,.maintitle h1,th,.nav,.forumlink {
text-transform:uppercase;
}
.navig {
position:absolute;
top:0px;
width:100%;
background-color:#000000;
border-bottom:3px solid #a17a55;
}
a.mainmenu img {
display:none;
}
a.mainmenu {
margin:0px;
font-family:Arial;
font-size:11px;
font-variant: small-caps;
}
Cordialement.
Invité- Invité
Re: Problème de Barre de Navigation en Haut
Aww Merci pour votre Réponse :'D
Mais A Part les Lettres Majuscules qui fonctionne et la couleur de Bordure que j'ai Choisie le Reste n'a guère Changé >.< La Barre est a Droite (Alors que ma Barre est Censé être Centrer dans la PA) La Couleur de Fond que j'ai choisi n'apparait pas .__. J'Imagine que c'est a cause de la Overal_Header O.O ?
Voici mon Template :
Mais A Part les Lettres Majuscules qui fonctionne et la couleur de Bordure que j'ai Choisie le Reste n'a guère Changé >.< La Barre est a Droite (Alors que ma Barre est Censé être Centrer dans la PA) La Couleur de Fond que j'ai choisi n'apparait pas .__. J'Imagine que c'est a cause de la Overal_Header O.O ?
- Spoiler:
Voici mon Template :
- 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}"><center><div class="navig">{GENERATED_NAV_BAR}</div></center> <!-- 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 -->
En tout cas Merci Beaucoup Isolde :3
Merci à l'Avance ~
N13
Merci à l'Avance ~
N13
Re: Problème de Barre de Navigation en Haut
Up's Time :3
Re: Problème de Barre de Navigation en Haut
Up's Time :3
Re: Problème de Barre de Navigation en Haut
Bonjour,
C'est bizarre, avec ce CSS:
Cordialement.
C'est bizarre, avec ce CSS:
- Code:
a:hover {
text-decoration:none !important;
}
a {
text-decoration:none !important;
}
.groupes {
background-color:#FFFFFF;
border:1px #D0D0D0 dotted;
-moz-border-radius:5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight:bold;
text-align:center;
text-decoration:none !important;
}
#fonddeco {
background-color:#cccccc;
-moz-border-radius:8px 8px 8px 8px;
border:3px double #cccccc;
}
fonddeco {
background-color:#ABB5C7;
-moz-border-radius:6px;
border:2px double #ABB5C7;
display:block;
}
body {
background-repeat:no-repeat;
background-position:top center;
}
td.row1,td.row2,td.row3,td.row5 {
background-image:url("http://ups.imagup.com/ano1/1280896588.jpg");
background-repeat:repeat;
}
.forumline {
border-top:4px solid #000014;
border-right:10px solid #000014;
border-bottom:4px solid #000014;
border-left:10px solid #000014;
padding:0px!important;
}
.bodyline {
padding:0px!important;
}
.popavatar:hover {
background-color:transparent;
z-index:50;
}
.imgopa {
opacity:0.5;
filter:alpha(opacity=70);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
.imgopa:hover {
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
.imgopa
}
.postdetails.poster-profile textarea {
font-size:9px;
}
.boite {
height:130px;
overflow:auto;
}
.dermessage {
height:75px;
background-image:url("http://data.imagup.com/6/1113417682.png");
background-repeat:no-repeat;
center;
padding-top:17px;
}
.separe {
border:2px solid #ff0000
}
.maintitle,.maintitle h1,th,.nav,.forumlink {
text-transform:uppercase;
}
.navig {
position:absolute;
top:0px;
width:100%;
background-color:#000000;
border-bottom:3px solid #a17a55;
margin-left: -8px;
}
a.mainmenu img {
display:none;
}
a.mainmenu {
margin:0px;
font-family:Arial;
font-size:11px;
font-variant: small-caps;
}
- 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}">
<div class="navig" align="{MENU_POSITION}">{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="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.
Invité- Invité
Re: Problème de Barre de Navigation en Haut
Mmm... Le Résultat Reste le Même ~
Parcontre sous FireFox la Barre de Navigation se Centre mais Malgré le Code HTML de mon Fond de la Barre Celle-ci n'apparait pas et reste Transparente O.O
Bref, le Premier Screenshot (Avec le Résultat que je veux) Je l'ai prise sous IE Donc il es possible de mettre cette Barre sous IE xDD
J'en Profite pour Ajouter que ma Barre de Navigation je souhaite qu'elle "Suive" la Page Genre on a pas besoin de remonter au Debut du Forum pour appuyer sur le Portail Etc. (Près de la Bannière)
Merci à l'Avance ~ Et Merci Isolde de m'aider :')
N13
Parcontre sous FireFox la Barre de Navigation se Centre mais Malgré le Code HTML de mon Fond de la Barre Celle-ci n'apparait pas et reste Transparente O.O
Bref, le Premier Screenshot (Avec le Résultat que je veux) Je l'ai prise sous IE Donc il es possible de mettre cette Barre sous IE xDD
J'en Profite pour Ajouter que ma Barre de Navigation je souhaite qu'elle "Suive" la Page Genre on a pas besoin de remonter au Debut du Forum pour appuyer sur le Portail Etc. (Près de la Bannière)
Merci à l'Avance ~ Et Merci Isolde de m'aider :')
N13
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
Bonsoir,
Pourrais je avoir le lien du forum concerné ?
Les codes du template et du css utilisés actuellement sur votre forum sont ceux qui se trouvent dans le poste à Isolde ?
Avez vous des thèmes temporaires enregistrés ?
Pour qu'elle suive la page:
- Code:
position: absolute
=> Remplacez le absolute par fixed.
Cordialement.
Re: Problème de Barre de Navigation en Haut
Voici Mon Forum :')
Ici et Par Là
Sinon Oui le CSS et le Template est Celui que J'Utilise Actuellement sauf que le Template je ne l'ai pas encore Posté puisque j'ai ce Problème >-<
Merci à vous Deux ~
N13
Ici et Par Là
Sinon Oui le CSS et le Template est Celui que J'Utilise Actuellement sauf que le Template je ne l'ai pas encore Posté puisque j'ai ce Problème >-<
Merci à vous Deux ~
N13
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
Up's TiiMe :'D
J'En Profite Aussi pour Demander comment cela se fait que ma Bordure n'est pas en Entier de Gauche à Droite comme sur le Screen on peut voir que vers la Gauche il manque un Petit Bout ;___; Et Pourquoi avec un Code de Couleur HTML mon Fond de la Barre de Navigation est Toujours Transparente et Finalement Est-il possible d'Espacer un peu entre Accueil FAQ Etc J'lai trouve trop Collés >.<
Merci à l'Avance ~
N13
J'En Profite Aussi pour Demander comment cela se fait que ma Bordure n'est pas en Entier de Gauche à Droite comme sur le Screen on peut voir que vers la Gauche il manque un Petit Bout ;___; Et Pourquoi avec un Code de Couleur HTML mon Fond de la Barre de Navigation est Toujours Transparente et Finalement Est-il possible d'Espacer un peu entre Accueil FAQ Etc J'lai trouve trop Collés >.<
- Spoiler:
Merci à l'Avance ~
N13
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
Up's Tiime :')
J'ai Résolu une Partie de mon Problème Toute Seule mais il me reste le fait que ma Barre de Navigation est un Peu Coupé sur le Côté Gauche ;___;
Merci à l'Avance~
N13
J'ai Résolu une Partie de mon Problème Toute Seule mais il me reste le fait que ma Barre de Navigation est un Peu Coupé sur le Côté Gauche ;___;
Merci à l'Avance~
N13
Re: Problème de Barre de Navigation en Haut
Bonsoir,
Rajoutez dans votre css:
Cordialement.
Rajoutez dans votre css:
- Code:
left: 0px;
Cordialement.
Re: Problème de Barre de Navigation en Haut
Merci Anzu mais cela ne Fonctionne pas j'ai toujours l'Espace/Il Manque un Ptit Bout à Gauche >.<
Merci quand Même ;___;
N13
Merci quand Même ;___;
N13
Re: Problème de Barre de Navigation en Haut
Cela devrait fonctionner pourtant
Pourrais je avoir le template et le css ? Les précédents ne semblaient pas être les bons
Cordialement.
Re: Problème de Barre de Navigation en Haut
Aww Pourtant ça devrait .__.
Sinon Voilà mon CSS Actuel + Overall_Header ~
Sinon Voilà mon CSS Actuel + Overall_Header ~
- Code:
a:hover {
text-decoration:none !important;
}
a {
text-decoration:none !important;
}
.groupes {
background-color:#FFFFFF;
border:1px #D0D0D0 dotted;
-moz-border-radius:5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight:bold;
text-align:center;
text-decoration:none !important;
}
#fonddeco {
background-color:#cccccc;
-moz-border-radius:8px 8px 8px 8px;
border:3px double #cccccc;
}
fonddeco {
background-color:#ABB5C7;
-moz-border-radius:6px;
border:2px double #ABB5C7;
display:block;
}
body {
background-repeat:no-repeat;
background-position:top center;
}
td.row1,td.row2,td.row3,td.row5 {
background-image:url("http://ups.imagup.com/ano1/1280896588.jpg");
background-repeat:repeat;
}
.forumline {
border-top:4px solid #000014;
border-right:10px solid #000014;
border-bottom:4px solid #000014;
border-left:10px solid #000014;
padding:0px!important;
}
.bodyline {
padding:0px!important;
}
.popavatar:hover {
background-color:transparent;
z-index:50;
}
.postbody {font-size: 12px;
color : #000000;
}
.boite {
height:130px;
overflow:auto;
}
.dermessage {
height:75px;
background-image:url("http://data.imagup.com/6/1113417682.png");
background-repeat:no-repeat;
center;
padding-top:17px;
}
.separe {
border:2px solid #ff0000
}
.maintitle,.maintitle h1,th,.nav,.forumlink {
text-transform:uppercase;
}
.navig {
position:fixed;
top:0px;
width:100%;
background-color: #5E798E;
border-bottom:4px solid #00283F;
}
a.mainmenu {
margin:0px;
font-family:Verdana;
font-size:11px;
font-variant: small-caps;}
left: 3px;
-- PSEUDOS ---
.post .postdetails.poster-profile .name a{
text-transform:uppercase;
}
.catLeft .genmed.module-title span{
text-transform:uppercase;
}
- 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}"><div class="navig" align="{MENU_POSITION}">{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="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 -->
Sinon Merci Beaucoup à Tous :')
N13
N13
Re: Problème de Barre de Navigation en Haut
N0izette13 a écrit:Up's Time :3
Re: Problème de Barre de Navigation en Haut
Sacré dawa dans le template =>
Pour le css, vous avez bien mis le left ? Parce que je ne le vois pas et en le mettant:
Cela marche parfaitement bien
Et il y a également ceci: (faudrait le retirer) left: 3px;
Qui se balade tout seul
Cordialement.
Pour le css, vous avez bien mis le left ? Parce que je ne le vois pas et en le mettant:
- Code:
a:hover {
text-decoration:none !important;
}
a {
text-decoration:none !important;
}
.groupes {
background-color:#FFFFFF;
border:1px #D0D0D0 dotted;
-moz-border-radius:5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight:bold;
text-align:center;
text-decoration:none !important;
}
#fonddeco {
background-color:#cccccc;
-moz-border-radius:8px 8px 8px 8px;
border:3px double #cccccc;
}
fonddeco {
background-color:#ABB5C7;
-moz-border-radius:6px;
border:2px double #ABB5C7;
display:block;
}
body {
background-repeat:no-repeat;
background-position:top center;
}
td.row1,td.row2,td.row3,td.row5 {
background-image:url("http://ups.imagup.com/ano1/1280896588.jpg");
background-repeat:repeat;
}
.forumline {
border-top:4px solid #000014;
border-right:10px solid #000014;
border-bottom:4px solid #000014;
border-left:10px solid #000014;
padding:0px!important;
}
.bodyline {
padding:0px!important;
}
.popavatar:hover {
background-color:transparent;
z-index:50;
}
.postbody {font-size: 12px;
color : #000000;
}
.boite {
height:130px;
overflow:auto;
}
.dermessage {
height:75px;
background-image:url("http://data.imagup.com/6/1113417682.png");
background-repeat:no-repeat;
center;
padding-top:17px;
}
.separe {
border:2px solid #ff0000
}
.maintitle,.maintitle h1,th,.nav,.forumlink {
text-transform:uppercase;
}
.navig {
position:fixed;
top:0px;
width:100%;
background-color: #5E798E;
border-bottom:4px solid #00283F;
left: 0px;
}
a.mainmenu {
margin:0px;
font-family:Verdana;
font-size:11px;
font-variant: small-caps;}
left: 3px;
-- PSEUDOS ---
.post .postdetails.poster-profile .name a{
text-transform:uppercase;
}
.catLeft .genmed.module-title span{
text-transform:uppercase;
}
Cela marche parfaitement bien
Et il y a également ceci: (faudrait le retirer) left: 3px;
Qui se balade tout seul
Cordialement.
Re: Problème de Barre de Navigation en Haut
Bonjour, Où en-est votre problème ? Deux solutions :
A bientôt sur ForumActif |
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Problème de Barre de Navigation en Haut
Bonjour >//<
Désolée du Retard mais avec les Études ;__;
Sinon Merci Anzu :'D Cela Fonctionne Maintenant ~
Merci de votre Aide :3
N13
Désolée du Retard mais avec les Études ;__;
Sinon Merci Anzu :'D Cela Fonctionne Maintenant ~
Merci de votre Aide :3
N13
Sujets similaires
» Barre de navigation en haut ET en bas, c'est possible ?
» barre de navigation en haut
» Problème avec la barre de navigation en haut du forum
» Problème avec la barre de navigation en haut du forum
» Problème : Barre de navigation en haut mais sans fond
» barre de navigation en haut
» Problème avec la barre de navigation en haut du forum
» Problème avec la barre de navigation en haut du forum
» Problème : Barre de navigation en haut mais sans fond
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