Joomladay francophone 2018 à Paris 18 et 19 mai

Bien placer une position créée

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

  • Bien placer une position créée

    Bonjour à tous, voilà j'ai créer une position banner qui n'existait pas sur le template. Seulement je voudrais le placer sur la meme ligne que la position Header pour avoir les bannières comme sur la plupart des templates.

    Voici le lien pour voir les positions: http://www.asphaltemag.com/index.php?tp=1

    Merci d'avance pour votre coup de main
    Asphalte Mag - Driving Lifestyle

  • #2
    Quel est le template ? en fait il faut le mettre a la suite de ta position header et lui attribuer un css pour qu'il se place dans le header ..
    Facile a dire, mais peut etre pas a faire..

    Commentaire


    • #3
      Salut Yatoula, mon template est un Yootheme, mais leur forum est english et c po facile.
      C'est pour ça que je viens ici. J'ai déjà placé la position dans le html, maintenant je voudrais savoir ce qu'il faut que je mette dans le css...

      Merci de ton aide Yatoula. Dis moi s'il te faut certains fichiers...

      Merci
      Asphalte Mag - Driving Lifestyle

      Commentaire


      • #4
        Tu le veux où exactement par rapport au header :
        - à droite en réduisant la largeur du header ?
        - dans le header à gauche ou à droite des boutons de taille de police ?
        Ancien pseudo : Fleuve Blanc

        Commentaire


        • #5
          Hello Fleuveblanc et encore merci pour ta patience. Oui voilà je voudrais la mettre à droite, en réduisant la position header.
          Asphalte Mag - Driving Lifestyle

          Commentaire


          • #6
            Je suppose que les bannieres feront 468x60 ?

            Commentaire


            • #7
              Ton <div>banner</div> ne doit pas être avant le <div id="page-header">, mais dans le <div id="header"> avant le <div>header</div>
              Code:
              <body id="page" class="font-medium width-wide blue">
                <div id="page-header">
                  <div class="wrapper floatholder">
                    <div id="header">
                      <div>banner</div>
                      <div>header</div>
                      ...
                    </div>
                  </div>
                </div>
                ...
              Au niveau css :
              pour <div>banner</div>, il faut lui ajouter ou corriger :
              Code:
              float:right;
              width:468px;
              margin:0;

              pour <div>header</div>, il faut lui ajouter :
              Code:
              width:442px;
              Il faudra aussi changer :
              layout.css (ligne 205)
              Code:
              div#styleswitcher {
              height:20px;
              position:absolute;
              right:410px;
              top:10px;
              width:110px;
              }
              Il y aura peut-être quelques autre réglage à faire par la suite.

              Ancien pseudo : Fleuve Blanc

              Commentaire


              • #8
                Oula y'en a des trucs a changer Bon je fais tout ça et te tiens au courant et encore merci à vous
                Asphalte Mag - Driving Lifestyle

                Commentaire


                • #9
                  Bon j'ai fait les modifs et lorsque j'ai bouger le CSS, ya eu des petites somplications . Du coup j'ai remis le fichier defaut en attendant .

                  voici ce que j'ai modifier et mis dans le css:
                  div#header {
                  position: relative;
                  height: 155px;
                  width: 442px;
                  margin: 0px 20px 0px 20px;
                  }

                  div#banner {
                  float:right;
                  width:400px;
                  margin:0px;
                  }

                  div#styleswitcher {
                  position: absolute;
                  top: 10px;
                  right: 410px;
                  width: 110px;
                  height: 20px;
                  }
                  Avec ça comme modifs, le banner se reduit, le header aussi, mais ils restens l'un au dessus de l'autre, c'est pourquoi tout le reste se reduit aussi.
                  Asphalte Mag - Driving Lifestyle

                  Commentaire


                  • #10
                    Tu as fais mes modifs dans le fichier index.php pour déplacer le <div>banner</div> dans le <div id="header"> avant le <div>header</div> ?
                    Ancien pseudo : Fleuve Blanc

                    Commentaire


                    • #11
                      Oui oui j'ai fais la modif ca donne cela:

                      Code HTML:
                      <div id="page-header">
                      		  <div class="wrapper floatholder">
                      
                                              <div id="header">
                      	                        <?php mosLoadModules ( "banner", -1); ?>
                                                      <?php mosLoadModules ( "header", -1); ?>
                      				<a href="<?php echo $mosConfig_live_site;?>"><img id="logo" class="correct-png" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template; ?>/images/logo.png" alt="" title="" /></a>
                      Asphalte Mag - Driving Lifestyle

                      Commentaire


                      • #12
                        Hum... En fait tu as appliqué les style que je t'ai indiqué à div#header alors que je te les indiquait pour le <div>header</div>. Ca n'est pas le même div. Moi je te parle de celui qui est créé par <?php mosLoadModules ( "header", -1); ?> et non celui qui le contient <div id="header">

                        Si tu n'as pas la possibilité de lui ajouter une class ou un id, tu dois pouvoir le toucher en l'appelant div#header div. Mais tu risques d'avoir d'autres div qui hériteront de ces propriétés.

                        Dernière édition par 7am à 05/10/2007, 16h34
                        Ancien pseudo : Fleuve Blanc

                        Commentaire


                        • #13
                          Hummmmm j'avoue ne pas tout comprendre là...
                          le banner je ne l'ai pas mis au bon endroit dans le index?
                          Ou dois je le mettre lol
                          Asphalte Mag - Driving Lifestyle

                          Commentaire


                          • #14
                            Si, il est bien mis. C'est dans tes styles que tu t'es trompé et je ne l'avais pas remarqué.
                            Ancien pseudo : Fleuve Blanc

                            Commentaire


                            • #15
                              Ok que dois-je faire patron?
                              Asphalte Mag - Driving Lifestyle

                              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