bannière aléatoire non fonctionnelle.

2 participants

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

Résolu bannière aléatoire non fonctionnelle.

Message par Estrée Lun 20 Fév 2017 - 3:20

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 1mois
Lien du forum : http://saintseiyagoldenhope.superforum.fr/

Description du problème

Bonjour, tout d'abord je tiens à remercier le où la personne qui m'aidera à défaire ce "gros noeud" car, même si j'ai quelques bases en code, cela est pour moi un véritable casse-tête.

Mon problème est le suivant:
Je ne peux pas faire apparaître la bannière aléatoire.
J'ai pourtant mis le code où il fallait, à savoir:
MODULE > Gestion des codes javascript > oui activé > créer un nouveau java: Puis j'ai validé.
Code:
$(function() {
   
      var a = ["http://img15.hostingpics.net/pics/688281banniereshaina.png", "http://img15.hostingpics.net/pics/688281banniereshaina.png"];
     
      b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);
   
    });


Il se trouve que je n'ai toujours rien sur mon écran.
Donc j'ai été chercher dans les Templates, pour trouver ce code:
Code:
<!-- BEGIN switch_logo_center -->
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                   

                    <!-- END switch_logo_center -->
et le remplacer par celui que vous conseillez sur l'un de vos topics en question.
Sauf que je ne trouve même pas ce passage dans mon > Templates> Général > overall_header

Voici mon template actuel:
Code:
<!DOCTYPE html>
<html>
   <!-- ################## -->
   <!-- Header du document -->
   <!-- ################## -->
   <head id="doc-header" >
      <meta charset="utf-8" />
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

      {T_HEAD_STYLESHEET}
      {CSS}
      
      <script type="text/javascript" >
         var param = {
            mode: 0
         };
      </script>
      
      <!-- Javascript de forumactif -->
      <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="https://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 elements */
               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 conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               /* Redimensionnement des elements 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');
            if(pm != null) { 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}');
            if(report != null) { report.focus(); }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
            $(document).ready(function() {            
               Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {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>
   
      <!-- {HOSTING_JS} -->
      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
       var _gaq = _gaq || [];
       _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
       _gaq.push(['_trackPageview']);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

       (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>
   
   <!-- ################# -->
   <!-- Corps du document -->
   <!-- ################# -->
   <body id="main" >
   
      <!-- Barre de menu -->
      <nav id="top-bar" >
         {GENERATED_NAV_BAR}
         <div class="wall" ></div>
      </nav>
      
      <div id="top-bar-left" ></div>
      <div id="top-bar-right" ></div>
      
      <!-- BEGIN giefmod_index1 -->
         <div id="last-topics">
            <div id="last-topics-canvas" >
               {giefmod_index1.MODVAR}
               <!-- BEGIN saut -->
                  <div style="height:{SPACE_ROW}px"></div>
               <!-- END saut -->
            </div>
         </div>
      <!-- END giefmod_index1 -->
      
      <div id="screen">
   
         <header>
            <a title="Accueil" href="{U_INDEX}" >
               <img alt="Logo" title="Logo" src="https://2img.net/i/fa/empty.gif" width="1200" height="643" />
            </a>
         </header>
   
         <div id="body" >
            <div id="canvas" >
   
   </body>
</html>

Templates édité et réécrit de ce fait par une autre personne, je ne peux donc pas gérer ce gros bazar toute seule malheureusement et requiers donc votre aide =/

Merci pour l'attention que vous porterez à mon problème ^^"
Bonne soirée♥


Dernière édition par Estrée le Mar 21 Fév 2017 - 18:01, édité 1 fois
Estrée

Estrée
Nouveau membre

Messages : 14
Inscrit(e) le : 10/10/2015

http://saintseiyagoldenhope.superforum.fr/
Estrée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Miettes Mar 21 Fév 2017 - 15:48

Coucou Smile

Dans ton template, le code qui va nous intéressé est ici :
Code:
<header>
            <a title="Accueil" href="{U_INDEX}" >
              <img alt="Logo" title="Logo" src="https://2img.net/i/fa/empty.gif" width="1200" height="643" />
            </a>
        </header>

Evidement, et comme tu le soulignes, la structure a été changée. Deux solutions se présentent à nous :
1) soit on modifie le javascript pour qu'il fonctionne avec ta structure. Dans ce cas, il suffit de remplacer :
Code:
$("#pun-logo img,#i_logo,#logo img")
par
Code:
$('#pun-logo img,#i_logo,#logo img, header > a img[alt="Logo"]')

2) Soit on modifie ton template pour faire fonctionner le js. Dans ce cas, il suffit de remplacer ça :
Code:
<header>
            <a title="Accueil" href="{U_INDEX}" >
              <img alt="Logo" title="Logo" src="https://2img.net/i/fa/empty.gif" width="1200" height="643" />
            </a>
        </header>
par ça :
Code:
<header>
            <a title="Accueil" href="{U_INDEX}" id="i_logo">
              <img alt="Logo" title="Logo" src="https://2img.net/i/fa/empty.gif" width="1200" height="643" />
            </a>
        </header>

Logiquement, que tu choisisses l'une ou l'autre des solutions, cela devrait fonctionner Smile
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Estrée Mar 21 Fév 2017 - 16:06

Bonjour et merci de ton aide précieuse ^^

Je viens d'essayer de modifier le java, mais cela ne fonctionne pas malheureusement.
Code:
$(function() {
   
      var a = ["http://img15.hostingpics.net/pics/688281banniereshaina.png", "http://img15.hostingpics.net/pics/688281banniereshaina.png"];
     
      b=function(){    $('#pun-logo img,#i_logo,#logo img, header > a img[alt="Logo"]').attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);
   
    });

Je vais de ce fait essayer la seconde solution que tu m'offres et reposterais à la suite pour te dire ce qu'il en est ^^
Estrée

Estrée
Nouveau membre

Messages : 14
Inscrit(e) le : 10/10/2015

http://saintseiyagoldenhope.superforum.fr/
Estrée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Miettes Mar 21 Fév 2017 - 16:07

Coucou Smile

Tu es sur que ton javascript est bien appelé sur la page ? Je ne le vois pas quand je regarde le code source Embarassed
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Estrée Mar 21 Fév 2017 - 16:10

Salut =)
Appelé c'est à dire? Que je lui donne un nom et l'hurle derrière mon écran? J'ai essayé ça n'est en effet pas très efficace.

Normalement le java est bien validé ^^
Estrée

Estrée
Nouveau membre

Messages : 14
Inscrit(e) le : 10/10/2015

http://saintseiyagoldenhope.superforum.fr/
Estrée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Miettes Mar 21 Fév 2017 - 16:12

=)

Quand tu crées le javascript, est-ce que tu as bien coché "toutes les pages" ?

bannière aléatoire non fonctionnelle. 6287056949
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Estrée Mar 21 Fév 2017 - 16:14

x) oui j'ai bien coché ce petit rectangle.

Cependant je me rappelle avoir lu ceci:

venant de ce sujet https://forum.forumactif.com/t381583-feuille-de-personnage-qui-ne-veut-pas-s-afficher
/!\ Note pour les éventuels futurs codeurs qui prendraient la relève :
Les templates overall_header, overall_footer_begin et overall_footer_end ont été modifiés de manière à fonctionner ensemble. Si vous revenez aux templates par défaut, faites le pour les 3 templates à la fois. De la même manière pour remettre le code que j'ai écrit, faites le pour les 3 templates à la fois. /!\

Faut-il que je répète le code du Overall header dans les deux autres templates? ^^
Estrée

Estrée
Nouveau membre

Messages : 14
Inscrit(e) le : 10/10/2015

http://saintseiyagoldenhope.superforum.fr/
Estrée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Miettes Mar 21 Fév 2017 - 16:41

Non non ^^ Ce que la personne voulait dire dans cette remarque, c'est que pour l'aide, les 3 templates avaient été changés. Si tu remets l'un d'eux par défaut, ça peut chambouler le codage des 2 autres ^^

Ici, Ton template overall_header a beaucoup beaucoup été modifié, et je me demande si certains éléments utiles n'ont pas été supprimés :/: Par exemple :
Code:
<!-- {HOSTING_JS} -->
Je pense que ça désactive les javascripts que tu crées dans ton pa. On va donc le décommenter Smile
Code:
{HOSTING_JS}

Voilà la template modifié :
Code:
<!DOCTYPE html>
<html>
  <!-- ################## -->
  <!-- Header du document -->
  <!-- ################## -->
  <head id="doc-header" >
      <meta charset="utf-8" />
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

      {T_HEAD_STYLESHEET}
      {CSS}
     
      <script type="text/javascript" >
        var param = {
            mode: 0
        };
      </script>
     
      <!-- Javascript de forumactif -->
      <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="https://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 elements */
              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 conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              /* Redimensionnement des elements 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');
            if(pm != null) { 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}');
            if(report != null) { report.focus(); }
        <!-- END switch_report_popup -->
        <!-- BEGIN switch_ticker -->
            $(document).ready(function() {           
              Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {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>
 
      {HOSTING_JS}
      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
      _gaq.push(['_trackPageview']);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (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>
 
  <!-- ################# -->
  <!-- Corps du document -->
  <!-- ################# -->
  <body id="main" >
 
      <!-- Barre de menu -->
      <nav id="top-bar" >
        {GENERATED_NAV_BAR}
        <div class="wall" ></div>
      </nav>
     
      <div id="top-bar-left" ></div>
      <div id="top-bar-right" ></div>
     
      <!-- BEGIN giefmod_index1 -->
        <div id="last-topics">
            <div id="last-topics-canvas" >
              {giefmod_index1.MODVAR}
              <!-- BEGIN saut -->
                  <div style="height:{SPACE_ROW}px"></div>
              <!-- END saut -->
            </div>
        </div>
      <!-- END giefmod_index1 -->
     
      <div id="screen">
 
        <header>
            <a title="Accueil" href="{U_INDEX}" >
              <img alt="Logo" title="Logo" src="https://2img.net/i/fa/empty.gif" width="1200" height="643" />
            </a>
        </header>
 
        <div id="body" >
            <div id="canvas" >
 
  </body>
</html>

Je te laisse tester ?
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Estrée Mar 21 Fév 2017 - 16:46

ça marche, on voit bien le java...
En revanche l'image est beaucoup trop zoomée, elle ne fait pas cette taille là au naturelle XD !
ou-est-ce que je peux changer les valeurs de l'image? il n'y a pas moyen d'essayer dans le java? ^^
Estrée

Estrée
Nouveau membre

Messages : 14
Inscrit(e) le : 10/10/2015

http://saintseiyagoldenhope.superforum.fr/
Estrée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Miettes Mar 21 Fév 2017 - 16:48

Ah ^^

Après, la déformation de l'image, ça se joue dans ton template, regarde :
Code:
<header>
            <a title="Accueil" href="{U_INDEX}" >
              <img alt="Logo" title="Logo" src="https://2img.net/i/fa/empty.gif" width="1200" height="643" />
            </a>
        </header>

Tu indiques : width="1200" height="643" donc l'image est redimensionnée à ces tailles. Logiquement, en supprimant ces 2 informations du template, ça règlera ton souci de déformation ^^ Tu auras donc :
Code:
<header>
            <a title="Accueil" href="{U_INDEX}" >
              <img alt="Logo" title="Logo" src="https://2img.net/i/fa/empty.gif" />
            </a>
        </header>
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Estrée Mar 21 Fév 2017 - 17:00

Mon dieu que j'aimerai avoir autant de connaissance dans le domaine du codage, vraiment un grand merci à toi ♥
Je ne sais pas ce que j'aurais fais sans ton aide précieuse.

( petite question tant que je t'ai sous le coude ahah! Sais-tu à tout hasard comment je peux centrer l'image sur le background? Car là il est en hauteur, et non en center. Puis-je ajouter <center></center> autours du code templates ou il faut quelque chose de spéciale? ^^ )
Estrée

Estrée
Nouveau membre

Messages : 14
Inscrit(e) le : 10/10/2015

http://saintseiyagoldenhope.superforum.fr/
Estrée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Miettes Mar 21 Fév 2017 - 17:08

Heureusement que je me débrouille un peu, c'est mon boulot le web ^^ De rien, ravie d'avoir pu t'aider ^^

Tu veux le centrer verticalement dans l'espace ?
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Estrée Mar 21 Fév 2017 - 17:11

A ce niveau c'est un peu plus que de la débrouillardise, tu n'aurais pas joué le role de Mc Gayver dans les années 90 des fois? x)'

> Si possible oui. au même en droit, mais un poil en-dessus, centrée, décollée du top de l'écran et amenée un peu plus bas vers le cadre dorée. =)
Estrée

Estrée
Nouveau membre

Messages : 14
Inscrit(e) le : 10/10/2015

http://saintseiyagoldenhope.superforum.fr/
Estrée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Miettes Mar 21 Fév 2017 - 17:18

^^

Tu peux essayer en ajoutant ça dans ta CSS :
Code:
header > a {
    display: inline-block;
    margin-top: 10%;
}
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Estrée Mar 21 Fév 2017 - 17:41

Tu es une magicienne, c'est génial tout marche, vraiment un grand merci à toi pour ton aide et cette activité Chronophage, je n'y serais clairement pas arrivée sans ton aide.

Je te souhaites un bon courage pour la suite ainsi qu'une bonne soirée =)
Estrée

Estrée
Nouveau membre

Messages : 14
Inscrit(e) le : 10/10/2015

http://saintseiyagoldenhope.superforum.fr/
Estrée a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannière aléatoire non fonctionnelle.

Message par Miettes Mar 21 Fév 2017 - 17:43

Merci Smile

Ravie d'avoir pu t'aider.

Bonne soirée à toi également (et n'oublie pas de mettre ton sujet en "résolu" Wink )
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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