Barre en haut du header et catégorie

[Litlle Monster]

Bonjour j'ai mis la barre de navigation en haut elle est comme je veux mais je n'arrive pas à la remplir de couleur et j'aimerais personnalisé mes catégorie (je ne sais pas quel template il faut utiliser)
voila mon CSS personalisé

Code:

 .navig {
position: fixed;
top: 0px;
width: 100%;
}background-color: ##E1D7AA;border: 3px solid #dedede;border-bottom: 3px solid ##604A00;border-top: 3px solid ##604A00;a.mainmenu img{
display: none;
}a.mainmenu {
margin: 5px;
font-family: Impact;
font-size: 15px;
}.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:270px;}

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

et mon template overall header:

Code:




   {SITENAME_TITLE}{PAGE_TITLE}
   
   
   
   
   
   
   
   
   
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   
   {T_HEAD_STYLESHEET}
   {CSS}
   
   
   
   

   
   
   
   

   
   
   
   

   
   
   //      /* 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 width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).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);
               }
            });

            if (slid_vert)
            {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
               $('ul#fa_ticker_content li').height(height_max);
            }

            $('#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');
         }
      });
   //]]>
   
   

   
   //   $(document).ready(function(){
      
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      
      
         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();
      
      
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      
   });

   
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   

   
   $(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
            });
      });
   });
   
   //]]>
   
   {GREETING_POPUP}
   
   
   .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;
   }
   
   
   {HOSTING_JS}
   
   
   //    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);
    })();
   //]]>
   
   



   
   
      [b][img]http://2img.net/i/fa/hitskin/hitskin_logo.png[/img] Hit[i]skin[/i].com[/b]


      
         
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            

            {hitskin_preview.U_INSTALL_THEME}[url=http://%7Bhitskin_preview.U_RETURN_THEME%7D]{hitskin_preview.L_RETURN_THEME}[/url]
         

      
   
   

   
   
      
         {SITENAME}
      
      
         {LOGIN_POPUP_MSG}
         
            
               
               
               
            
         
      
   
   

   [url=http://forum.forumactif.com/][/url]

   
      
         
            
               
                  [url=http://forum.forumactif.com/%7BU_INDEX%7D][img]%7BLOGO%7D[/img][/url]

                  
                  {switch_h1.MAIN_SITENAME}
                  

                  
                  {switch_desc.SITE_DESCRIPTION}

                  
               
               
[list]
                    {GENERATED_NAV_BAR}
[/list]
               
               
                  
                     
                        
                           
[list]
                              
                              
[*]{switch_ticker.ticker_row.ELEMENT}
                              
                           
[/list]
                        
                     
                  
               
               

               
               
                  
                     
                        
                           
                              
                                 
                                 {switch_ticker.ticker_row.ELEMENT}
                                 
                              
                           
                        
                     
                  
               
               

               
                  
                     
                        
                           
                              
                                 
                                    
                                    {giefmod_index1.MODVAR}
                                    
                                    
                                    
                                    
                                 
                                 
                                    


                                    
                                 
                              
                           
                        
                     
                  
               
            
         
      
   




et le lien de mon forum http://art-or-graph.votreforumgratuit.com/

[Kiowa]

Bonjour en fait il y a une erreur dans ton CSS au niveau du Navig.

Si tu remarque dans le tien il y a un } entre "Width 100%" et "background-colore" c'est pour cette raison que tu n'arrive pas a mettre tes couleurs à la navigation, car les balises ne donne aucune commande. Ainsi si tu déplace le } pour le mettre au bon endroit cela devrait fonctionner!

Voici ton code CSS corrigé et formé de sorte à ce que tu puisse mieux t'en sortir

Code:

.navig {
position: fixed;
top: 0px;
width: 100%;
background-color: #E1D7AA;
border: 3px solid #dedede;
border-bottom: 3px solid #604A00;
border-top: 3px solid #604A00;
}

a.mainmenu img {
display: none;
}

a.mainmenu {
margin: 5px;
font-family: Impact;
font-size: 15px;
}

.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:270px;
}

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


Ensuite la seconde question, les catégories. Lorsque tu vas sur les templates lit les description qui s'y trouve et tu verra que INDEX_BOX modifie la page d'accueil et les catégories

[Litlle Monster]

Merci beaucoup pour votre aide