Joomladay francophone 2018 à Paris 18 et 19 mai

Template liquid et module image header

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Template liquid et module image header

    Bonjour

    J'ai fait un template liquid pour que le site s'adapte à la taille de la fenetre de navigation.

    J'ai inclus une image de header dans le css en background de #header.

    ainsi la proportion de la largeur de la page prise par l'image est constante. (75%)
    les 25% restant à gauche étant occupés par transmenu.

    Jusque là, je m'emmêle les pinceaux dans les feuilles de style, et rajoute des lignes certainement inutiles, mais au final ça marche.

    Code:
    <div id="header">
     <div id="mainlevel">
    <?php mosLoadModules ( 'left',-2 ); ?>
    </div>
    </div>
    Il se trouve que je veux que l'image de header change en fonction des catégories.

    Je trouve donc le module image header , attribue le suffixe -imageheader pour ne pas avoir les borders qui sont attribuées aux modules par défaut, et je modifie mon index.php

    Code:
    <div id="header">
     <div id="mainlevel">
    <?php mosLoadModules ( 'left',-2 ); ?>
    </div>
    <div id="imageheader">
      <?php mosLoadModules ( 'header',-2 ); ?>
    </div>
    </div>
    avec pour style
    Code:
    #imageheader {
      height: 196px;
      width: 74%;
      float: right;
      padding: 0;
      margin: 0 ;
      border:0;
    }
    .moduletable-imageheader {
    margin: 0 ;
    padding: 0 0;     /*padding for inside text*/
    border: 0;
    }
    Mais mon image est désormais à taille fixe.
    Comment puis je faire pour que mon module image header soit bien aligné à droite et que sa partie gauche disparaisse sour le module de menu lorsque l'on réduit la taille de la fenètre?

    En clair, que mon module 'image header' se comporte comme se comportait l'image en background.

    J'ai entendu parler de z-index, mais n'arrive pas à le faire fonctionner et si j'ai bien compris, ça ne marche pas avec ie6.

    Si quelqu'un a une piste...

    merci

    Yann
    -
    Dernière édition par ymalin à 09/07/2007, 15h06

  • #2
    je m'apperçois que ce que je cherche en fait , ce n'est pas de faire passer la partie gauche du module header sous le module transmenu.
    de ce cas, elle risque d'apparaitre à gauche du site, à gauche du module transmenu.

    Sans doute vaudrait il mieux avoir une largeur de module variable.

    Est ce possible d'avoir le module image header ou son contenant div d'une taille variable donnée (x%) avec le contenu (image ) d'une taille fixe pour obtenir le même effet qu'avec une image en background de div?

    j'ai cherché une piste ici et sur google, mais n'ai pas obtenu de réponse avec les mots clés "module, variable, liquide , etc."

    merci yann

    Commentaire


    • #3
      Bien que les explications soient fort bien développées et claires.
      J'ai du mal à tout capter parce que je suis fatigué.
      Désolé !

      Mais je dis que le suffixe, il faut le mettre dans l'édition du module header et qu'il a rien à faire dans un div.
      Pis que la solution du problème est écrite dans la question.

      Papounet
      I'am happy for you !
      Dernière réalisation : http://www.pierrickservais.com/

      Commentaire


      • #4
        Merci d'avoir pris le temps de me répondre , même si ta réponse reste cryptique pour moi.

        C'est évident que mes problèmes de mise en page viennent d'une compréhension incomplète des interactions joomla / css.

        POur ceux qui se poseraient la même question, en en l'absence de solution, je vais ruser et inclure une image non pas très grande et en background, mais petite et à doite.
        c'est à dire pour que le module se place à droite du menu sans problème en 800x600. avecun dégradé à gauche vers la couleur attribuée en background au div header.

        ainsi je n'aurai pas de problèmes de superposition de module (esperons).
        mais mon header sera moins long et moins joli.
        tant pis...

        merci

        yann

        Commentaire


        • #5
          sinon j'ai une piste avec

          overflow: hidden;
          qui empèche le contenu de dépasser d'une boite à la taille définie.
          Ce qui résoudrait mon problème de mise page.

          il semblerait que ça ne marche pas terrible avec ie6, à voir...

          Commentaire


          • #6
            effectivement pour firefox:


            Code:
            #header {
            clear: both;
            }
            
            #mainlevel {
              float: left;
              width: 25%;
            } 
            
            #imageheader {
            float: right;
            width: 74%;
            overflow: hidden;
            }
            
            .moduletable-imageheader {
            float: right;
            margin-right: 0 ;
            padding: 0 ;
            border: 0;
            
            }
            marche et j'ai un overflow à gauche (c'est la droite de l'image qui reste visible)

            mais ça ne marche pas pour IE6 ou 7

            Je sais qu'on est plus dans une problèmatique joomla pure, plus css, mais si quelqu'un sait comment mettre ie au pas, ça m'interesse.

            merci

            Yann

            Commentaire


            • #7
              j'ai repassé ce post en "problème" parce que la solution qui semblait satisfaisante avec overflow s'avère ne pas l'être au final.

              pour ce qui est de cacher les parties de module dépassant d'un div, comme des images, ça marche.

              Et ça me parait important pour mettre en place des templates liquides un peu élaborées, notamment comme dans mon cas avec des headers dynamiques même si j'ai trop peu de recul et de connaissances en html css et php/ joomla pour juger..

              mais il y a ce problème de calage à droite qui ne marche pas sous ie 6 et 7 (pas non plus sous safari pendant qu'on y est).

              Donc j'en appelle aux joomleurs ayant l'habitude de jongler avec les css.

              comment forcer overflow:hidden à gauche pour ie 5 6 et safari?

              Merci

              Yann

              Commentaire


              • #8
                donne nous plutot le lien vers ton site, qu'on fouine ton css

                Commentaire


                • #9
                  Suite de l'épisode précédent.
                  dans une galaxie très, très lointaine...

                  un noob tente de monte un template liquid avec un header utilisant header image...



                  Code:
                  #mainlevel {
                    position: absolute;
                    left:0.5%;
                    width: 25%;
                  }
                  
                  #imageheader {
                  position: absolute;
                    right:0.5%;
                  width: 74%;
                  overflow: hidden;
                  }
                  
                  .moduletable-imageheader {
                  position: absolute;
                  right:0;
                  margin-right: 0 ;
                  padding: 0 ;
                  border: 0;
                  
                  }
                  Code:
                  <div id="header">
                  
                  <div id="imageheader">
                    <?php mosLoadModules ( 'header',-2 ); ?>
                  </div>
                   <div id="mainlevel">
                  <?php mosLoadModules ( 'left',-2 ); ?>
                  </div>
                  </div>
                  et ça marche.
                  en remplaçant float:right et left par
                  position absolute: right et left
                  et right:0.5% left:0.5%

                  ça marche dans ie6 et 7 et safari.

                  je ne comprends décidément rien aux css.

                  L'informatique, et en particulier le codage , est une activité merveilleuse au sens où on peut résoudre (mal) des problèmes auxquels on a rien compris.

                  Rest à savoir pourquoi, désormais, mon sous-menu de transmenu appairait décalé verticalement vers le bas d'une petite centaine de pixels...

                  Quand j'aurai trouvé un moyen propre de faire ce header dynamique liquide , je mettrai la solution ici pour l'édification des générations futures.

                  A moins qu'un spécialiste ne veuille m'expliquer avant?

                  merci

                  Yann

                  Commentaire


                  • #10
                    désolé zitoon, tout est en local pour l'instant.

                    mais ça:

                    layout.css

                    Code:
                    body {
                    text-align: center; /* center hack*/
                    }
                    
                    
                    #wrap {
                    width: 80%;  /* center hack*/
                    margin: 0 auto; /*center hack*/
                    text-align: left;
                    }
                    
                    #menutop {
                    
                    }
                    
                    #top {
                    
                    }
                    
                    
                    
                    #header {
                    clear: both;
                    }
                    
                    #mainlevel {
                      position: absolute;
                      left:0.5%;
                      width: 25%;
                    }
                    
                    #imageheader {
                    position: absolute;
                      right:0.5%;
                    width: 74%;
                    overflow: hidden;
                    }
                    
                    
                    
                    
                    #pathway {
                    
                    }
                    
                    #main-body {
                    float: left;
                    width: 79%;
                    }
                    
                    #content {
                    float: right;
                    width: 66%;
                    }
                    
                    #sidebar {
                    float: left;
                    width: 33%;
                    overflow: hidden;
                    }
                    
                    #sidebar-2 {
                    float: right;
                    width : 20%;
                    overflow: hidden;
                    margin-left: -3px;
                    }
                    
                    #footer {
                    clear: both;
                    }
                    
                    .inside {
                    padding: 10px;
                    }
                    et ça

                    custom.css

                    Code:
                    *{
                    margin: 0;
                    padding: 0;
                    }
                    
                    h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,adress{
                    margin: 0.5em 0;
                    }
                    
                    
                    
                    li,dd {
                    margin-left: 1em;
                    }
                    
                    fieldset {
                    padding: 0.5em;
                    }
                    
                    body {
                    font-size: 76.1%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    line-height: 1.3em;
                    margin: 1em 0;
                    background: url(../images/stripes.png);
                    }
                    
                    
                    
                    #wrap {
                    /*border: 1px solid #999;   */
                    height: 100% !Important;
                    height: 1%;
                    background-color: #fff;
                    width: 99%;
                    }
                    
                    #wrap-inner {
                    height: 100% !Important;
                    height: 1%;
                    }
                    
                    #top {
                    background: url(../images/logo.jpg) left no-repeat;
                    }
                    
                    #menutop {
                    height: 50px;
                    background: url(../images/top.jpg) right bottom no-repeat;
                    
                    }
                    
                    #menutop .moduletable {
                    padding: 0
                    }
                    
                    .moduletable h3{
                    padding:  0;
                    font-size: 1.1em;
                    }
                    
                    #header {
                    height: 196px;
                    margin: 0 0px 0 0;
                    /*background: url(../images/header.jpg) right bottom no-repeat;  */
                    background-color:#c2c1bc;
                    }
                    
                    #imageheader {
                      height: 196px;
                    
                    }
                    
                    
                    #pathway {
                    padding-left: 10px;
                    clear: both;
                    
                    }
                    
                    
                    #footer {
                    /*border-top: 1px solid #999; */
                    /*padding: 5px; */
                    }
                    
                    #newsletter {
                    margin: 10px 0 0 0;
                    clear:both;
                    }
                    
                    a{
                    text-decoration: none;
                    color: #008193;
                    }
                    
                    a:hover{
                    color: #c2c1bc;
                    }
                    
                    h1,.componentheading {
                    font-size: 1.6em;
                    line-height: 1.7em;
                    color: #008193;
                    }
                    
                    h2, .contentheading{
                    font-size: 1.5em;
                    line-height: 1.5em;
                    }
                    
                    h3{
                    font-size: 1.3em;
                    line-height: 1.3em;
                    }
                    
                    h4{
                    font-size: 1.2em;
                    line-height: 1.2em;
                    }
                    
                    h5{
                    font-size: 1.1em;
                    line-height: 1.1em;
                    }
                    
                    h6{
                    font-size: 1em;
                    line-height: 1em;
                    font-weight: bold;
                    }
                    
                    #footer, .small, .createdate, .modifydate, .mosimage_caption{
                    font: 0.8em Arial, Helvetica, sans-serif;
                    text-align: center;
                    color:#999;
                    }
                    
                    .moduletable {
                    margin-bottom: 1em;
                    padding: 0 10px;    /*padding for inside text*/
                    border: 1px solid #ccc;
                    }
                    
                    .moduletable h3{
                    background: #c2c1bc;
                    color: #fff;
                    padding: 0.25em 0;
                    text-align: center;
                    font-size: 1.1em;
                    margin: 0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/
                    }
                    
                    .moduletable-menutop {
                    margin-bottom: 1em;
                    margin-right: 0;
                    padding: 0 ;    /*padding for inside text*/
                    text-align: right;
                    }
                    
                    .moduletable-menutop h3{
                    background: #c2c1bc;
                    color: #fff;
                    padding: 0.25em 0;
                    text-align: center;
                    font-size: 1.1em;
                    margin: 0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/
                    }
                    
                    .moduletable-leftnav {
                    
                    margin-bottom: 1em;
                    padding: 0; /*padding is removed so menu fills the whole module box*/
                    /*border: 1px solid #ccc;   */
                    }
                    
                    .moduletable-leftnav h3{
                    background: #c2c1bc;
                    background: url(../images/titre.png) left repeat-y;
                    width: 100%;
                    color: #fff;
                    padding: 0.25em 0 0 5px;
                    font-size: 1.1em;
                    margin: 0;
                    }
                    
                    .moduletable-imageheader {
                    position: absolute;
                    right:0;
                    margin-right: 0 ;
                    padding: 0 ;
                    border: 0;
                    
                    }
                    
                    .moduletable-imageheader h3{
                    margin: 0;
                    }
                    
                    .moduletable-lang {
                    border: 0;
                    }
                    
                    html>body>#mainlevel li a {
                    width: auto;
                    }
                    
                    #mainlevel {
                    padding: 0;
                    color: #333;
                    width: 25.5%;
                    background-color:#c2c1bc;
                    height: 196px;
                    }
                    
                    #mainlevel ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    }
                    
                    #mainlevel li {
                    border-bottom: 1px solid #ccc;
                    margin: 0;
                    }
                    
                    #mainlevel li a {
                    display: block;
                    padding: 3px 5px 3px 0.5em;
                    border-left: 10px solid #999999;
                    background-color:#c2c1bc;
                    color: #fff;
                    text-decoration: none;
                    }
                    
                    #mainlevel li a:hover, a#active_menu:link, a#active_menu:visited {
                    border-left: 10px solid #006C7A;
                    background-color: #008193;
                    color: #fff;
                    }
                    
                    #mainlevel a {
                    display: block;
                    padding: 3px 5px 3px 0.5em;
                    border-left: 10px solid #999999;
                    background-color:#c2c1bc;
                    color: #008193;
                    text-decoration: none;
                    }
                    
                    #mainlevel a:hover, a#active_menu:link, a#active_menu:visited {
                    border-left: 10px solid #006C7A;
                    background-color: #008193;
                    color: #fff;
                    }
                    
                    .mainlevel-footer {
                    padding: 0;
                    color: #999;
                    padding-left: 5px;
                    text-align: center;
                    }
                    
                    .mainlevel-footer ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    }
                    
                    .mainlevel-footer li {
                    border-bottom: 1px solid #ccc;
                    margin: 0;
                    }
                    
                    .mainlevel-footer li a {
                    display: block;
                    padding: 3px 5px 3px 0.5em;
                    color: #c2c1bc;
                    text-decoration: none;
                    }
                    
                    .mainlevel-footer li a:hover, a#active_menu:link, a#active_menu:visited {
                    background-color: #008193;
                    color: #fff;
                    }
                    
                    .mainlevel-footer a {
                    display: block;
                    padding: 3px 5px 3px 0.5em;
                    background-color:#c2c1bc;
                    color: #c2c1bc;
                    text-decoration: none;
                    }
                    
                    .mainlevel-footer a:hover, a#active_menu:link, a#active_menu:visited {
                    color: #c2c1bc;
                    }
                    et ça
                    index.php
                    Code:
                    <?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );?>
                    <!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" lang="<?php echo_lANGUAGE;?>"
                    xml:lang="<?php echo_LANGUAGE;?>">
                    
                    <head>
                    <meta http-equiv="Content-Type" content="text/html; <?php echo_ISO;?>"/>
                    <?php if ( $my->id ) initEditor(); ?>
                    <?php mosShowHead(); ?>
                    <script type="text/javascript"></script>
                    <script type="text/javascript" src="modules/kwick_menu/js/mootools.js"></script>
                    <script type="text/javascript" src="modules/kwick_menu/js/imageMenu.js"></script>
                    <link rel="shortcut icon" href="images/favicon.ico" />
                    <link href="templates/<?php echo $cur_template;?>/css/template_css.css" rel="stylesheet" type="text/css" media="screen"/>
                    <?php if ( mosCountModules('right')<=0) {?>
                    <link href="templates/<?php echo $cur_template;?>/css/two_col.css" rel="stylesheet" type="text/css" media="screen"/>
                    <?php }?>
                    
                    </head>
                    
                    <body>
                    <div id="wrap">
                    
                    <div id="top">
                     <div id="menutop">
                     <!-- BEGIN custom language switch  to load language-specific modules -->
                    
                    <?php
                    if ($mosConfig_lang== english )
                    {mosLoadModules ( 'top_en', -2 );}
                    ?>
                    
                    <?php
                    if ($mosConfig_lang== french )
                    {mosLoadModules ( 'top', -2 );}
                    ?>
                    
                    <!-- END language switch -->
                    
                          </div>
                    </div>
                    
                    <div id="header">
                    
                    <div id="imageheader">
                      <?php mosLoadModules ( 'header',-2 ); ?>
                    </div>
                     <div id="mainlevel">
                    <?php mosLoadModules ( 'left',-2 ); ?>
                    </div>
                    </div>
                    
                    
                    
                    <div id="pathway">
                    <?php mospathway()?>
                    </div>
                    
                    <div id="main-body">
                    
                    <div id="content">
                    <div class="inside">
                    <?php mosMainBody(); ?>
                    </div>
                    </div>
                    
                    <div id="sidebar">
                         <div class="inside">
                    
                    
                    
                              <?php mosLoadModules ( 'user1',-2 ); ?>
                              <div id="newsletter">
                                   <?php mosLoadModules ( 'user3',-2 ); ?>
                              </div>
                          </div>
                    </div>
                    
                    </div> <!-- end of mainbody -->
                    <?php if (mosCountModules('right')) {?>
                    <div id="sidebar-2">
                    <div class="inside">
                    <?php mosLoadModules ( 'right',-2 ); ?>
                    </div>
                    </div>
                    <?php }?>
                    
                    <div id="footer">
                    <?php mosLoadModules('footer',-2);?>
                    </div>
                    
                    </div> <!-- end of wrap -->
                    
                    </body>
                    </html>
                    c'est mon premier essai de template liquide sans tables, que j'ai construit en suivant des tutos ici et là.

                    ca doit être bourré de div inutiles et de redondances, mais il faut bien commencer un jour!

                    merci

                    Yann

                    Commentaire


                    • #11
                      Suite de mon monologue (mises à part les brèves interventions de Zitoon et Papounet).

                      Donc effectivement l'overflow hidden à gauche marche avec position absolute pour les deux blocs mainlevel et imageheader.

                      Mais ça empèche le top menu (extension kwick menu) de fonctionner.

                      J'ai positionné un module kwick menu en "top" dans la div menutop.
                      avec un switch pour en changer selon le language (kwick n'est pas encore compatible joomfish).

                      ça marchait très bien jusqu'à mes modifs concernant l'overflow.
                      Depuis, la mise en page est correcte, rien n'a bougé dans les div top ou menutop.
                      les liens du kwick menu sont actifs.
                      Mais l'effet en rollover qui consttitue l'intérêt même de kwick menu ne fonctionne plus!!

                      par contre si je commente toute la section header (header + mainlevel + imageheader) dans mon fichier index.php, ça marche à nouveau.

                      Ce qui tendrait à indiquer que c'est bien au niveau de de la mise en page que le problème se situe (et pas au niveau de la configuration du module).

                      comment le réglage que j'ai effectué sur la div header peut - elle empecher kwick menu (qui marche avec javascript je crois) de fonctionner?

                      Merci

                      Yann

                      Commentaire


                      • #12
                        Bonjour,
                        la réponse est sans doute dans ce que tu as appelé ton monologue.
                        C'est surement une histoire d'overflow.
                        Parce que nos amis mootoolistes insèrent des styles en lignes qui nous foutent le bronx dans nos styles de nos templates qu'on a.
                        Mais ce n'est pas leur faute.
                        Dès que tu auras mis en ligne, on pourra t'aider. Parce que ça, c'est impossible à reproduire exactement comme bug.
                        Donc, dès que tu mets en ligne, je suis sur qu'on pourra t'aider.
                        Il y a toujours moyen.
                        Didier

                        Commentaire


                        • #13
                          Merci Didier pour ta réponse,

                          je passe ce post en réglé, puisque mon problème de mise en page l'est, et en ouvre un autre icipour en savoir plus sur ces histoires de javascript, qui, si j'ai bien compris sont largement utilisés dans les extensions joomla

                          Yann
                          Dernière édition par ymalin à 09/07/2007, 15h21

                          Commentaire

                          Annonce

                          Réduire
                          1 sur 2 < >

                          C'est [Réglé] et on n'en parle plus ?

                          A quoi ça sert ?
                          La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                          Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                          Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                          Comment ajouter la mention [Réglé] à votre discussion ?
                          1 - Aller sur votre discussion et éditer votre premier message :


                          2 - Cliquer sur la liste déroulante Préfixe.

                          3 - Choisir le préfixe [Réglé].


                          4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                          2 sur 2 < >

                          Assistance au forum - Outil de publication d'infos de votre site

                          Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                          Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                          Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                          UTILISER À VOS PROPRES RISQUES :
                          L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                          Problèmes connus :
                          FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                          Installation :

                          1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                          Archive zip : https://github.com/AFUJ/FPA/zipball/master

                          2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                          3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                          4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                          5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                          6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                          et remplacer www. votresite .com par votre nom de domaine


                          Exemples:
                          Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                          Télécharger le script fpa-fr.php dans: /public_html/
                          Pour executer le script: http://www..com/fpa-fr.php

                          Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                          Télécharger le script fpa-fr.php dans: /public_html/cms/
                          Pour executer le script: http://www..com/cms/fpa-fr.php

                          En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                          Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                          Voir plus
                          Voir moins
                          Travaille ...
                          X