Problème de Barre de Navigation en Haut

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de Barre de Navigation en Haut

Message par N0izette13 le Lun 10 Oct 2011 - 10:08

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 ~

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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par Invité le Lun 10 Oct 2011 - 13:51

Bonjour,

Vous avez inclus la partie "mainmenu" dans le paragraphe "navig", du coup ça ne peut pas fonctionner correctement Wink . 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;
}
Pour le centrage, vérifiez que vous avez centré la barre de navigation dans PA > Affichage > En-tête et navigation. Si oui, alors il faudra regarder du coté du template overall_header Wink .

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Lun 10 Oct 2011 - 20:01

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 ?

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://illiweb.com/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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Mar 11 Oct 2011 - 9:06

Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Mer 12 Oct 2011 - 7:59

Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par Invité le Mer 12 Oct 2011 - 11:56

Bonjour,

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;
}
Et ce 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}">
<div class="navig" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>
<!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/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 -->
J'obtiens le bon résultat sur mon forum test scratch . Essayez de réinstaller le CSS et le template et de vider votre cache.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Mer 12 Oct 2011 - 16:57

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


N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Jeu 13 Oct 2011 - 19:04

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par Anzu le Jeu 13 Oct 2011 - 19:31


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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Jeu 13 Oct 2011 - 22:59

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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Ven 14 Oct 2011 - 18:11

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Sam 15 Oct 2011 - 19:10

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Dim 16 Oct 2011 - 10:43

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Lun 17 Oct 2011 - 8:17

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Mer 19 Oct 2011 - 1:10

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 >.<

Spoiler:



Merci à l'Avance ~

N13

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Mer 19 Oct 2011 - 16:32

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Jeu 20 Oct 2011 - 15:57

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Ven 21 Oct 2011 - 8:31

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Sam 22 Oct 2011 - 11:17

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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par Anzu le Sam 22 Oct 2011 - 22:12

Bonsoir,

Rajoutez dans votre css:
Code:

left: 0px;

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Dim 23 Oct 2011 - 2:29

Merci Anzu mais cela ne Fonctionne pas j'ai toujours l'Espace/Il Manque un Ptit Bout à Gauche >.<

Merci quand Même ;___;

N13

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par Anzu le Dim 23 Oct 2011 - 12:59


Cela devrait fonctionner pourtant Interrog
Pourrais je avoir le template et le css ? Les précédents ne semblaient pas être les bons Razz

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Mar 25 Oct 2011 - 1:29

Aww Pourtant ça devrait .__.

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://illiweb.com/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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Jeu 27 Oct 2011 - 0:58

@N0izette13 a écrit:
Up's Time :3

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par Anzu le Jeu 27 Oct 2011 - 1:45

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:

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 Wink

Et il y a également ceci: (faudrait le retirer) left: 3px;
Qui se balade tout seul Razz

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par Ea le Jeu 3 Nov 2011 - 16:00

Bonjour,

Où en-est votre problème ?

Deux solutions :

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,
Si nous n'avons pas de nouvelle après plus de 24 heures nous considérerons ce problème comme résolu ou abandonné et il sera corbeillé ( avec la possibilité pour vous d'ouvrir un nouveau sujet en respectant les Règles générales du forum ).

A bientôt sur ForumActif Smile

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Barre de Navigation en Haut

Message par N0izette13 le Ven 4 Nov 2011 - 5:41

Bonjour >//<

Désolée du Retard mais avec les Études ;__;

Sinon Merci Anzu :'D Cela Fonctionne Maintenant ~

Merci de votre Aide :3

N13

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum