Joomladay francophone 2018 à Paris 18 et 19 mai

Partie admin : fond article changer de couleur

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

  • Partie admin : fond article changer de couleur

    Bonjour,

    Voila j'ai modifié le css du template mais en allant dans la partie admin le fond pour écrire un article changer, voila une capture qui vous permettra de mieux comprendre :



    Je sais pas si je vous mais le fichier .css en entier ou pas...

    Merci de votre aide
    Dernière édition par asokimoz à 05/10/2007, 10h18

  • #2
    Dans ton css, tu as probalement appliqué une propriétés background à body. C'est elle qui te pose problème.

    Applique plutôt ce background à un div qui contiendra toute ta page et tu rêglera ton soucis.

    Ancien pseudo : Fleuve Blanc

    Commentaire


    • #3
      Ba enfaite le background et une image :

      Voila le bout de css

      Code:
      body {
      font-family : Arial, Helvetica, sans-serif;
      height: 100%;
      font-size: 71%;
      margin:0; 
      padding:0; 
      text-align:left; 
      background: url(../images/bg.png);
      color: #333;
      }
      La proprièter "color" ne sert a rien, non ?

      Commentaire


      • #4
        la propriété color sert à fixer la couleur général du texte qui sera aussi la couleur par défaut dans ta capture d'écran. Je pense que ça serait pas mal de déplacer cette propriété aussi.

        C'est bien cette propriété background que tu doit mettre ailleurs. Poste l'index.php de ton template si tu ne sais pas le faire.

        Ancien pseudo : Fleuve Blanc

        Commentaire


        • #5
          Voila l'index.phph du template :

          Code:
          <?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); 
          $right = mosCountModules( 'right' );
          $left = mosCountModules( 'left' );
          if ( $left && $right ) { $id = 'left-main-right';
          } elseif ( $left ) { 
          $id = 'left-main';
          } elseif ( $right ) {
          $id = 'main-right';
          } else {
          $id = 'main-only';
          }?>
          <!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(); ?>
          <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/css/template_css.css" rel="stylesheet" type="text/css" />
          <script type="text/javascript" language="javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/stylechanger.js"></script>
          </head>
          <body >
          <div id="pagewidth" >
          <div id="header"> <div id="logo" >
          </div></div>
          <div id="topmenu" ><div id="topmenu_inner" ><?php mosLoadModules ( 'user3', -2 ); ?></div></div>
          <div id="wrapper" class="clearfix" >
          <div id="wrapper_inner">
          <?php if( $left ) { ?><div id="left"><?php mosLoadModules("left", -2);?></div><?php }?>
          <div id="content-<?php echo $id ?>"><?php mosMainBody(); ?></div>
          <?php if( $right ) { ?><div id="right"><?php mosLoadModules("right", -2);?></div><?php }?>
          </div></div>
          <div id="footer" ><div id="footer_inner" > <?php mosLoadModules ( 'footer', -2 ); ?>
          <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.0/fr/">
          <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/2.0/fr/80x15.png" />
          </a>
          <br />- Les tutoriaux d'Inside Vector sont sous un 
          <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.0/fr/">contrat Creative Commons -</a>.<br />
          - (c)Copyright Inside Vector - Design by aSoKiMoZ - Propulser par Joomla - Tous droits réservés -
          
          </div></div></div>
          <?php mosLoadModules( 'debug', -1 );?>
          </body>
          </html>
          Merci pour ton aide ^_-

          Commentaire


          • #6
            Dans tes feuilles de style, supprime les 2 lignes en vert :
            Code:
            body {
            font-family : Arial, Helvetica, sans-serif;
            height: 100%;
            font-size: 71%;
            margin:0; 
            padding:0; 
            text-align:left; 
            background: url(../images/bg.png);
            color: #333;
            }
            et ajoute ce style :
            Code:
            .background {
            background: url(../images/bg.png);
            color: #333;
            }
            Dans index.php, ajoute ce que j'ai mis en fuchia :
            Code:
            <?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); 
            $right = mosCountModules( 'right' );
            $left = mosCountModules( 'left' );
            if ( $left && $right ) { $id = 'left-main-right';
            } elseif ( $left ) { 
            $id = 'left-main';
            } elseif ( $right ) {
            $id = 'main-right';
            } else {
            $id = 'main-only';
            }?>
            <!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(); ?>
            <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template;?>/css/template_css.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" language="javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/stylechanger.js"></script>
            </head>
            <body >
            <div id="background" >
            <div id="pagewidth" >
            <div id="header"> <div id="logo" >
            </div></div>
            <div id="topmenu" ><div id="topmenu_inner" ><?php mosLoadModules ( 'user3', -2 ); ?></div></div>
            <div id="wrapper" class="clearfix" >
            <div id="wrapper_inner">
            <?php if( $left ) { ?><div id="left"><?php mosLoadModules("left", -2);?></div><?php }?>
            <div id="content-<?php echo $id ?>"><?php mosMainBody(); ?></div>
            <?php if( $right ) { ?><div id="right"><?php mosLoadModules("right", -2);?></div><?php }?>
            </div></div>
            <div id="footer" ><div id="footer_inner" > <?php mosLoadModules ( 'footer', -2 ); ?>
            <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.0/fr/">
            <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/2.0/fr/80x15.png" />
            </a>
            <br />- Les tutoriaux d'Inside Vector sont sous un 
            <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.0/fr/">contrat Creative Commons -</a>.<br />
            - (c)Copyright Inside Vector - Design by aSoKiMoZ - Propulser par Joomla - Tous droits réservés -
            
            </div></div></div></div>
            <?php mosLoadModules( 'debug', -1 );?>
            </body>
            </html>
            Ancien pseudo : Fleuve Blanc

            Commentaire


            • #7
              J'ai bien fais les modif, sa a marché pour le fond des articles dans la partie admin mais sa modifier le fond du site :



              Le fond du site et devenus blanc alors qu'il était de la même couleur que celle qui entour le corps du site.

              Commentaire


              • #8
                Là, ça va commencer à être dur sans voir ta page. Tu as un lien à donner ?
                Ancien pseudo : Fleuve Blanc

                Commentaire


                • #9
                  désoler...

                  Clique là pour accéder à mon joomla

                  Commentaire


                  • #10
                    En effet, j'ai fait une erreur dans ce que je t'ai indiqué. A corriger dans tes CSS, remplace le "." par un "#" avant background. De plus je viens de remarquer que ça ne prend pas forcement toute la hauteur. Il faut donc ajouter les lignes que je te mets en fushia :
                    Code:
                    body {
                    font-family:Arial,Helvetica,sans-serif;
                    font-size:71%;
                    height:100%;
                    margin:0pt;
                    padding:0pt;
                    text-align:left;
                    height:100%;
                    }
                    
                    #background {
                    background:transparent url(../images/bg.png) repeat scroll 0%;
                    color:#333333;
                    height:100%;
                    position:absolute;
                    width:100%;
                    }
                    A tester sur IE pour être sur qu'il n'y a pas de surprise

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

                    Commentaire


                    • #11
                      Merci beaucoup sa a marché
                      Je tourne sous IE 6 et y a aucun soucis, merci encore

                      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