Jump to content

Salut comment je mettre un code html dans header.tpl?


aguissa

Recommended Posts

Bonjour Aguissa
Il va falloir créer une
dans le header.tpl
à l'endroit où vous désirez installer le menu en Css3 MegaDropDown
et intégré les fonction du css du menu dnas le global.css
(d'ailleurs un tutoriel Ici) indique "comment l installer" proprement

Cordialement,


Bonjour Maury Girard ,
Je suis juste curieux de nature , et j'ai du mal à comprendre ce post en fait.
Comment ou pourquoi enchaines tu directement sur

à l'endroit où vous désirez installer le menu en Css3 MegaDropDown


Je veux bien comprendre parce que soit c'est de la divination , soit c'est moi qui sait pas lire ;)

Edit :
Je m'édite , j'ai pigé ... http://aguizzastore.com/ ....
Waou la perspicacité ;)
Link to comment
Share on other sites

Aguissa
Utilisez- vous Firebug sous Firefox, car c'est un module extraordinaire pour comprendre la structure des fichiers que comporte une pages web
et dans votre cas avec prestashop cela serait nécessaire pour toute modification à l'avenir.
Par contre, à l'heure où je vous écrit, je n'ai pas les outils adéquate pour vous aidez en profondeur dans votre démarche.

Installez déjà Firebug et faites quelques tests au niveau ou entre les

indiqué ci-dessous


{$shop_name|escape:'htmlall':'UTF-8'}



Ensuite il faudra jouer avec le css du script soit en l'insérant dans le global.css ou faire un appel à la fonction sur le fichier css de menu Css3.


Broceliande
Mdr et oui, comme Aguissa ne donnait pas assez d'informations sur le sujet
Je suis donc allez directement sur son site pour connaitre la structure de celui-ci et j'ai donc vu tout ces fichiers et ceux fameux menu en css3 dans son ftp ,d'où la nomination du nom du script aussi rapidement.
;)

Cordialement,
Link to comment
Share on other sites

car dans le forum anglais pas de corps ont une solution


Well no problem for you to post in the french forum , but please care about your english before you use any translator (as it seems you are using such tools) .

For example , when write 'no body' rather than 'nobody' , your tool translate it as it , and gives ununderstandable things ;)
Link to comment
Share on other sites

English to French translation
Salut à nouveau, j'essaie de mettre le code html en-tête dans un div je sais dans quelle partie du header mais je ne sais quelle partie de l'HMTL j'ai mis

in english

hi again i try to put the html code in header in a div i know in which part of header but i dont know which part of the hmtl i put

demo.html

Link to comment
Share on other sites

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" href="/../CSS3_mega_dropdown_menu/menubar.css" type="text/css" media="screen" />

<title>CSS3 Mega Dropdown Menu</title>

</head>

<body id="home">



Home




                       Tutorials





Painting
Photo Effects
Text Effects
Drawing
Illustration
                        

Interface
Designing
HTML & CSS
 JavaScript & AJAX
PHP
                       





                       Resources






Deal of the Week
Navigation Link - 2 Column
Navigation Link - 2 Column
Navigation Link - 2 Column
Navigation Link - 2 Column


Clearance Items
Navigation Link - 2 Column
Navigation Link - 2 Column
Navigation Link - 2 Column
Navigation Link - 2 Column




Deal of the Week
Navigation Link
Navigation Link
Navigation Link
Navigation Link


Clearance Items
Navigation Link
Navigation Link
Navigation Link
Navigation Link


Open Box Items
Navigation Link
Navigation Link
Navigation Link
Navigation Link






Wordpress



            
Community news



            
About



            
Archives


            
            
Contact





Link to comment
Share on other sites

2 part


[removed][removed]
[removed][removed]
[removed]

/*
* jQuery Mega Drop Down Menu script by Soh Tanaka
* http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/
* 
*/
$(document).ready(function(){

   function megaHoverOver(){
       $(this).find(".sub").stop().fadeTo('fast', 1).show();

       //Calculate width of all ul's
       (function($) {
           jQuery.fn.calcSubWidth = function() {
               rowWidth = 0;
               //Calculate row
               $(this).find("ul").each(function() {                    
                   rowWidth += $(this).width(); 
               });    
           };
       })(jQuery); 

       if ( $(this).find(".row").length > 0 ) { //If row exists...
           var biggestRow = 0;    
           //Calculate each row
           $(this).find(".row").each(function() {                               
               $(this).calcSubWidth();
               //Find biggest row
               if(rowWidth > biggestRow) {
                   biggestRow = rowWidth;
               }
           });
           //Set width
           $(this).find(".sub").css({'width' :biggestRow});
           $(this).find(".row:last").css({'margin':'0'});

       } else { //If row does not exist...

           $(this).calcSubWidth();
           //Set Width
           $(this).find(".sub").css({'width' : rowWidth});

       }
   }

   function megaHoverOut(){
    $(this).find(".sub").stop().fadeTo('fast', 0, function() {
         $(this).hide();
     });
   }


   var config = {
        sensitivity: 2,        // number = sensitivity threshold (must be 1 or higher)    
        interval: 0,             // number = milliseconds for onMouseOver polling interval    
        over: megaHoverOver,   // function = onMouseOver callback (REQUIRED)    
        timeout: 0,             // number = milliseconds delay before onMouseOut    
        out: megaHoverOut         // function = onMouseOut callback (REQUIRED)    
   };

   $("ul#topnav li .sub").css({'opacity':'0'});
   $("ul#topnav li").hoverIntent(config);

   // Add class to the current element
   $("ul#topnav li").click(function(){
       $("ul#topnav").find("li.current").removeClass().removeAttr("class");
       $(this).addClass("current");
   });

   // Change arrow on hover
   $("li.liSub").hover(function(){
       $(this).find("span img").attr("src", "arrow_hover.png");
   },function(){
       $(this).find("span img").attr("src", "arrow.png");
   });

   // Delete the border for the last li of the submenu
   $("ul#topnav .sub ul li:last-child a").css("border", "none");

});
[removed]

</body>
</html>

Link to comment
Share on other sites

Envoyer nous plutot les fichiers en pièce jointe et renommer avant en .txt car
ce que vous avez mit en exemple il manque beaucoup de code exemple avec le [removed]

Etes vous allez sur ce lien que je vous ai déjà indiqué Ici qui indique comment paramétrer le menu avec le css ?
De plus ce menu est surtout pour le Cms Wordpress

Link to comment
Share on other sites

Je vois la http://www.snoupix.com/css3-mega-dropdown-menu_tutorial_30.html'>http://www.snoupix.com/css3-mega-dropdown-menu_tutorial_30.html page mais je ne comprends pas si je mets le html comme celui-ci url = {http://www.snoupix.com/css3-mega -dropdown-menu_tutorial_30.html] code HMTL [/ url] :question:

Je suis désolé si je ne comprends pas c'est que je suis nouveau à PrestaShop et tout à voir avec css et tpl 8-/


edit:
Je pense que j'ai réussi à mettre le menu que j'ai seulement besoin de mettre css globa.css mel :smirk: :coolsmile:

Link to comment
Share on other sites

les fichiers de menu-- menu archives

Salut pouvez-vous vérifier s'il vous plaît si je fais mal

i enter the css information in global and i check is ok but i still have a problem in the header from my perspective i put the script,link and meta from the menu in the head of header but in the code i cant find the solution because with firebug the menu line dosnt appears

an alternative is the module home free block but the menu is accepted but the dropdown fuction dosent work

menu.zip

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...