background

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

  • background

    coucou tout le monde
    Juste un petit soucis, avec l'image du background. celle ci dans le dossier image fait 22x33px mais on dirait que c'est une mosaique qui me remplit tout le background. Et de fait ma page web, se retrouve avec un scroll partant vers la droite ... tres tres loin .... Comment remedier a ce probleme merci par avance de toute vos reponses.

  • #2
    bon je viens de changer l'image pour voir. J ai donc edité page_bg dans fw. et coller un degradé de forme dessus. save et lors du visu du template je m apercois que le background uni a changé, maintenant je me retrouve avec des petites bandes horizontales qui partent toujours vers la droite trestres loin. pfuuuu

    Commentaire


    • #3
      Salut,

      heuuu bah je comprend pas très bien ta question du coup
      Du code ou un lien vers ton site ça serait pas de trop pour nous aider à t'aider...

      A+

      Commentaire


      • #4
        desolé pour la resolution mais c est vite fait, voila un petit apercu du site avec un zoom dan ie a 10% ET ON RIGOLE PASSSSSS.
        lol
        voila le pb, l image faisant ca est page_bg dans mes images. elle fait 22X33 et me tapisse un background un peu grand
        Fichiers joints

        Commentaire


        • #5
          et donc ... quand je modifie par une photo page_bg pour changer l apparence du background ca marche pas mais pas du tout.

          Commentaire


          • #6
            Voila le css

            Mais j y pige pas grand chose en fait...

            Mise a part une ligne qui me semble bizarre
            #page_bg {
            background: #c4ccd3 url(../images/page_bg.png) repeat top left;
            }
            J ai enlevé la fin du css car trop long
            __________________________________________________ ____________
            body {
            font-family: Tahoma, Verdana, Arial, sans-serif;
            line-height: 1.3em;
            margin: 0;
            padding: 0;
            font-size: 11px;
            color: #666666;
            background: #fff;
            }

            body.contentpane {
            background: #fff;
            }

            form {
            margin: 0;
            padding: 0;
            }

            img,table {
            border: none;
            }

            p {
            margin: 5px 0;
            text-align: justify;
            }

            a {
            color: #ee561a;
            outline: none;
            text-decoration: none;
            font-weight: 400;
            }

            a:link {
            font-weight: 400;
            }

            a:visited {
            font-weight: 400;
            color: #444;
            }

            a:hover {
            text-decoration: underline;
            font-weight: 400;
            }

            input {
            color: #ccc;
            outline: none;
            margin: 0;
            }

            input:focus {
            outline: none;
            }

            button {
            color: #fff;
            font-size: 11px;
            border: none;
            background: #696969;
            cursor: pointer;
            }


            #modlgn_remember.inputbox {
            background: none;
            border: none;
            width: auto;
            vertical-align:middle;
            }

            input.button, .validate {
            color: #fff;
            font-size: 11px;
            cursor: pointer;
            font-weight: 700;
            border: none;
            height:20px;
            line-height:19px;
            padding: 2px 4px 4px;
            margin:6px 0 0 0;
            }

            /*****************************************/
            /*** Template specific layout elements ***/
            /*****************************************/

            #page_bg {
            background: #c4ccd3 url(../images/page_bg.png) repeat top left;
            }

            #header_bg {
            height:332px;
            background: transparent url(../images/header_bg.png) repeat-x top left;
            }

            #wrapper {
            margin:0 auto;
            background: transparent url(../images/wrapper.png) no-repeat top center;
            }

            #header {
            margin:0 auto;
            position:relative;
            height:332px;
            width:980px;
            background: transparent url(../images/headerimg.jpg) no-repeat top center;
            }

            #pillmenu {
            position:absolute;
            top:28px;
            left:245px;
            height:40px;
            width:3000px;
            background: transparent url(../images/t_menu_bg.png) no-repeat bottom left;

            }

            #pillmenu ul {
            width:726px;
            height:30px;
            overflow:hidden;
            padding:0;
            margin:0;
            list-style: none;
            }

            #pillmenu li {
            float: left;
            }

            #pillmenu li a {
            float:left;
            color: #fff;
            text-decoration: none;
            font-weight: 700;
            height:30px;
            line-height:29px;
            padding: 0 16px 0 10px;
            margin:0;
            cursorointer;
            background: transparent url(../images/t_menu_divider.png) no-repeat right center;
            }

            #pillmenu li a:hover, #pillmenu li a#active_menu-nav {
            color:#000;
            }

            .logo {
            position:absolute;
            top:110px;
            right:20px;
            width:710px;
            margin:0;
            height:60px;
            overflow:hidden;
            }

            .logo table {
            width:710px;
            height:60px;
            }

            .logo table td{
            margin:0;
            padding:0;
            vertical-align:middle;
            }

            .logo h1 {
            text-align:left;
            color:#ff4900;
            line-height:normal;
            text-transform:uppercase;
            margin:0;
            padding:0;
            }

            .logo a, .logo a:link, .logo a:visited {
            color:#ff4900;
            font-size:26px;
            font-weight:700;
            text-decoration:none;
            }

            .logo a:hover {
            text-decoration:none;
            font-weight:700;
            }

            .newsflash {
            position:absolute;
            top:170px;
            right:20px;
            height:54px;
            width:700px;
            padding:10px;
            margin:0 0 10px 0;
            text-align:justify;
            overflow:hidden;
            }

            .newsflash h3 {
            height:17px;
            color:#2e677a;
            overflow:hidden;
            line-height:17px;
            margin:0;
            padding:0;
            text-align:left;
            text-transform:none;
            }

            .newsflash table tr td {
            color:#2e677a;
            height:60px;
            text-align:justify;
            }

            .newsflash a {
            color:#2e677a;
            font-weight:700;
            text-decoration:none;
            }

            .newsflash div.module {
            background:none;
            height:64px;
            margin:0 auto;
            overflow:hidden;
            }

            .newsflash div.module div {
            background:none;
            padding:0;
            }

            .newsflash table.contentpaneopen {
            margin:0;
            }

            .newsflash div.module_menu div div div, .newsflash div.module div div div, .newsflash div.module_text div div div {
            margin:0;
            padding:0;
            }

            .cpathway {
            position:absolute;
            bottom:6px;
            left:20px;
            height:15px;
            width:740px;
            line-height:15px;
            margin:0 auto;
            padding:0;
            overflow:hidden;
            }

            .cpathway img {
            float:left;
            padding:6px 6px 0 0;
            }

            span.breadcrumbs.pathway {
            float:left;
            padding:0;
            margin:0;
            color: #fff;
            }

            span.breadcrumbs.pathway a.pathway {
            float:left;
            margin:0;
            padding:0 6px 0 0;
            color:#c4ccd3;
            font-weight:400;
            }

            span.breadcrumbs.pathway a.pathway:hover {
            text-decoration: underline;
            }

            #search {
            position:absolute;
            width:199px;
            height:34px;
            bottom:21px;
            right:-7px;
            padding:20px 0 0 40px;
            background: transparent url(../images/search_bg.jpg) no-repeat bottom right;
            }

            .search {
            float:left;
            height:20px;
            }

            .search .inputbox {
            float:left;
            border: 1px solid #91bbc9;
            color: #2f5764;
            font-size:11px;
            line-height:13px;
            height:14px;
            width:140px;
            padding:3px 6px;
            margin:0 6px 0 0;
            background:none;
            }

            .search .button {
            float:left;
            margin:0;
            padding:0;
            border:none;
            width:25px;
            height:20px;
            text-indent:-9999px;
            background: transparent url(../images/search_btn.gif) no-repeat bottom right;
            }

            .search .button:hover {
            }

            #content {
            width:960px;
            margin:0 auto;
            }

            .content_m {background: transparent url(../images/content_m.gif) repeat-y top center;}
            .content_b {
            padding:0 0 10px 0;
            background: transparent url(../images/content_b.gif) no-repeat bottom center;}
            .content_t {
            padding:11px 0 0 0;
            background: transparent url(../images/content_t.gif) no-repeat top center;
            }

            .content_t_l {
            padding:11px 0 0 0;
            background: transparent url(../images/content_t_l.gif) no-repeat top center;
            }

            .content_t_r {
            padding:11px 0 0 0;
            background: transparent url(../images/content_t_r.gif) no-repeat top center;
            }

            .content_t_full {
            padding:11px 0 0 0;
            background: transparent url(../images/content_t_full.gif) no-repeat top center;
            }

            .content_b_l {
            padding:0 0 10px 0;
            background: transparent url(../images/content_b_l.gif) no-repeat bottom center;}
            .content_b_r {
            padding:0 0 10px 0;
            background: transparent url(../images/content_b_r.gif) no-repeat bottom center;}
            .content_b_full {
            padding:0 0 10px 0;
            background: transparent url(../images/content_b_full.gif) no-repeat bottom center;}

            .content_m_l {background: transparent url(../images/content_m_l.gif) repeat-y top center;}
            .content_m_r {background: transparent url(../images/content_m_r.gif) repeat-y top center;}
            .content_m_full {background: transparent url(../images/content_m_full.gif) repeat-y top center;}

            #leftcolumn, #rightcolumn {
            float: left;
            width: 210px;
            margin:0 10px 10px 0;
            }

            #rightcolumn {
            float: right;
            margin:0 0 10px 10px;
            padding:0 1px 0 0;
            }

            div#maincolumn {
            float: left;
            width:499px;
            padding:10px;
            margin:0 0 10px 0;
            }

            div#maincolumn_left, div#maincolumn_right {
            float: left;
            width:719px;
            padding:10px;
            margin:0 0 10px 0;
            }

            div#maincolumn_full {
            width:940px;
            margin:0 0 10px 0;
            padding:10px;
            }

            div.nopad {
            overflow: hidden;
            }

            div.nopad ul {
            clear: both;
            }

            td.middle_pad {
            width: 20px;
            }

            #footer {
            width:920px;
            height:20px;
            line-height:19px;
            text-align:center;
            padding:0 20px 40px 20px;
            margin:0 auto;
            color: #fff;
            overflow:hidden;
            }

            #footer a {
            color: #fff;
            font-weight:400;
            text-decoration: none;
            }


            #footer a:hover {
            text-decoration:underline;
            }

            a.footer123:link, a.footer123:visited {
            color: #000;
            font-family: Tahoma, Arial, sans-serif;
            text-decoration: underline;
            }

            #f123 {
            text-align: right;
            width: 100%;
            margin: 0 auto;
            font-family: Tahoma, Arial, sans-serif;
            }
            .f123 {
            text-align: right;
            font-family: Tahoma, Arial, sans-serif;
            text-decoration: none;
            }
            .f123_bg {
            background:url(../images/123_bg.png);
            width:134px;
            height:30px;
            text-align:center;
            padding: 0 3px;
            }
            .f123_1 {
            display: block;
            font-size: 10px;
            font-family: Tahoma, Arial, sans-serif;
            color: #666;
            text-align: left;
            padding: 0 0 2px 4px;
            }

            a.link_123:link, a.link_123:visited {
            font-size: 15px;
            font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
            color: #797979;
            text-decoration:none;
            font-weight: 700;
            }
            a.link_123:hover {
            font-size: 15px;
            font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
            color: #797979;
            text-decoration:none;
            font-weight: 700;
            }

            /*****************************************/
            /*** Joomla! specific content elements ***/
            /*****************************************/

            div.offline {
            background: #fffebb;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 1.2em;
            padding: 5px;
            }

            /* headers */
            div.componentheading {
            height: 22px;
            margin:0;
            color: #2e677a;
            }

            table.blog {

            }
            Dernière édition par christophe46 à 12/03/2010, 09h35

            Commentaire


            • #7
              Bonjour,
              j'ai aperçu un width:3000px; au milieu qui pourrait expliquer la grande largeur (j'ai pas cherché s'il y avait d'autres joyeusetés du genre). La background-image ne fait que remplir l'espace qui est créé..
              Schtroumpfe toi le Schtroumpf t'aidera.
              Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

              Commentaire


              • #8
                bonjour Grand Schtroumpf,
                à tes yeux un cailloux prend l'apparence d'un rocher, pour moi le css ressemble à un livre hebraïque depourvu de sens. Bon certe j'en rajoute un peu, J'ai bien compris que le contenu s'adapte au contenant. Si il y a ue contenance de 3000 px l'image page_bg se multiplira afin de remplir le contenant. Mais quelle serait la bonne grandeur alors??? 880 px? Ou bien reprendre comme exemple la largueur de la banniere qui est elle pile poil à la largeur de la fenêtre 980px. Je suis un peu à la rue. Merçi de votre aide

                Commentaire


                • #9
                  J ai remplacé Le width de 3000px par 980 la grandeur avait diminué, mais il y avait quand même un scroll certe avec un largeur inférieure, j'ai donc passé le 980 en 863 choppé sur un autre css. Et la plus de scroll. Petite question. cela ne va pas poser de pb par la suite???

                  Commentaire


                  • #10
                    Pour être sûr j'ai changé encore cette donnée en passant de 863 à 865. Et je pensais vraiment revoir apparaître le scroll en bas enfin une grandeur de fond un peu plus grande faisant de nouveau apparaître le scroll qui était présent précédement. Pouvez vous m'aider??? merçi.
                    Le scroll revient quand j'integre 900 en width et disparait à 870px. quelle serait la bonne grandeur en px.??? Je pose cette question car je ne suis vraiment pas sur de ce que je fais. merçi
                    Dernière édition par christophe46 à 12/03/2010, 09h21 Raison: complement

                    Commentaire


                    • #11
                      Juste un petit avis et je mets ce sujet en reglé s'il vous plait, merçi

                      Commentaire


                      • #12
                        ca dépend peut etre de la résolution de ton écran. T'es encore en 800x600 ?
                        900 - 950 sont des bonnes tailles, tout dépend de tes choix quant à l'allure du template. Tant que ça plait à l'oeil, c'est déjà pas mal
                        Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                        http://www.template-creator.com Outil de création de templates
                        Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                        Commentaire


                        • #13
                          salut ced,
                          Merçi de ton avis, je viens de vérifier la resolutio de mon écran et je suis a 1280x800 dans les parametres d affichages. tu en penses quoi ????

                          Commentaire


                          • #14
                            Re,
                            là on parle de la largeur du PillMenu, donc selon toute vraisemblance une boite pour accueillir un menu top horizontal, boit probablement contenue dans une boite contenu dans une boite contenue dans une boite... Il ne pilote la largeur du template que quand elle est trop large et qu'elle pousse tout hors des cadres.
                            Si tu as pris ce 863 dans la version originale du template (j'imagine qu'on ne diffuse pas des template avec une width:3000px) il n'y a pas de raison de la modifier...
                            Schtroumpfe toi le Schtroumpf t'aidera.
                            Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

                            Commentaire


                            • #15
                              tu viens toujours a mon secour grand schroumpth,
                              C'est vraiment très gentil, grace à ça j'avance. Et surtout je dors moins bête de jours en jours. Don pour toi le contenant de 3000px n'intervient que lorsque le contenu depasse , j'avais une barre d'habillage du top menu qui etait elle vraiment grande. et je pense que le bazar provient de celle ci. donc j avais déjà modifié cette barre à la bonne taille. mais je n avais pas fais de modif sur la boîte. Est ce que pour toi le choix d être passé à 870 px te semble judicieux???? ET pour répondre à ta question le template était en width 3000px lorsque que je l ai téléchargé. bizarre non !!! donc j ai passé le width à 870px
                              Dernière édition par christophe46 à 12/03/2010, 09h56

                              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