Barre en haut du header et catégorie

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

Résolu Barre en haut du header et catégorie

Message par Litlle Monster le Mer 3 Aoû 2011 - 13:17

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


Dernière édition par Litlle Monster le Jeu 4 Aoû 2011 - 12:19, édité 1 fois

Litlle Monster
Nouveau membre

Messages : 16
Inscrit(e) le : 24/07/2011

http://pirates-des-caraibes.votreforumgratuit.com/
Litlle Monster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre en haut du header et catégorie

Message par Kiowa le Mer 3 Aoû 2011 - 20:28

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

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre en haut du header et catégorie

Message par Litlle Monster le Jeu 4 Aoû 2011 - 12:13

Merci beaucoup pour votre aide Very Happy

Litlle Monster
Nouveau membre

Messages : 16
Inscrit(e) le : 24/07/2011

http://pirates-des-caraibes.votreforumgratuit.com/
Litlle Monster 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