[Problème] Beez2 - Default ; Carré en haut à droite pour le logo joomla

[charlotte26]

Bonjour,

J'ai un problème pour enlever le logo joomla et la phrase "Open Source Content Management", carré en haut à droite bleu, sur mon site internet.

http://dogsharmony.net/joomla1.6

Je suis sous joomla 1.6 et j'ai FileZilla pour mon FTP

Je voudrais savoir comment faire pour le supprimer avant la mise en ligne de mon site. J'ai cherché dans le "template css", comme pour mettre mon logo, mais j'ai rien trouvé.

Pouvez vous vous m'aider ?

Merci.

[chabi01]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Bonsoir,
Cherches dans ton index dans le bloc header.
Juste en faisant 2, 3 tests, j'ai pu voir que l'image Joomla se trouve dans :

/joomla1.6/images/joomla_black.gif

et que le texte est stylé dans :

#logo span.header1 {
    display: block;
    font-size: 0.4em;
    line-height: 0.8em;
    top: 0;
 }

Soit tu trouves les appels de module (ou le code html), soit tu styles tes blocs (avec par exemple un "color:transparent" pour le texte (ce n'est pas très propre : c'est juste pour l'exemple).
Le truc incontournable : installes Firebug et Webdeveloper pour Firefox !
Cordialement,

[charlotte26]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Bonsoir,

Merci pour la réponse rapide et les logiciels très intéressant.

Je n'arrive pas à lire mes index, ça s'ouvre sur une page internet vide. Après les codes que tu m'as donnés, je les ai trouvé sur position.css mais si je change quelque chose ça n'apparait pas, même en rafraichissant la page.

Comment dois-je faire ?
Merci

[dev_sw]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

salut
y as t'il quelq'un peux m'aider
j'ai un menu horizontale mais il contients des séparateur comme dns photo
comme je m'integre ces separateur dans joomla

[Terreco]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Tu peux déjà le remplacer par ce que tu veux (Titre et sous titre de ton site par exemple) dans Extension => Gestion des templates => Beez5 et là tu modifies logo - titre - description ...

[chabi01]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

salut
y as t'il quelq'un peux m'aider
j'ai un menu horizontale mais il contients des séparateur comme dns photo
comme je m'integre ces separateur dans joomla

[ATTACH=CONFIG]18842[/ATTACH]
[ATTACH=CONFIG]18842[/ATTACH]

Merci d'ouvrir un nouveau sujet ! Ce type d'intervention pollue la question initiale.
Pour Charlotte26 : Vérifie le code dans ce que renvoie Webdeveloper et Firebug : pour supprimer l'image, tu peux simplement l'éditer et pour le texte, j'ai pu simplement le rendre "invisible" avec le code que je t'ai donné.

[lefabdu51]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Je n'arrive pas à lire mes index, ça s'ouvre sur une page internet vide

ce ne sont pas les fichier index.html que tu doit ouvrir.Ceux ci ne sont présent que pour la sécurité du site.

C'est le fichier index.php situé dans le dossier /Templates/beez_20 que tu doit ouvrir.

Pour centrer ton logo, c est le fichier /templates/beez_20/css/personal.css que tu doit éditer.
Les autres fichiers css (dont position.css)sont au meme endroit.

Et apres c est à la ligne 94:
tu as .logoheader {
background: url("../images/personal/personal2.png") no-repeat scroll right bottom #0C1A3E;
Tu supprimes right et il se centreras et tu supprimes la couleur qui commence par # C est du noir. et ton fond seras blanc.

Pour tes textes
Partie Administration du site.
onglet gestion des templates tu cliques sur beez 20.Et tu est directement dessus.
Tu trouveras les textes a droite.Supprimes les et ils disparaitront directement.

[Veit]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Bonjour à tous, la question que Charlotte a posé il y a 3 semaines est une excellente question et je suis demandeur d'une réponse qui aille jusqu'au fond des choses car la question se pose aussi pour la personnalisation du gabarit (du template) Beez_20 livré avec Joomla 2.5 RC1 (qui est un prototype).

L'outil d'analyse Firebug permet en effet de lire des fichiers CSS et d'autres fichiers contenant du code, mais il ne permet pas, sauf peut-être à qui a acquis une formation spécifique, de comprendre l'assemblage des différentes instructions qui produisent le résultat affiché à l'écran. Le html affiché, c'est un html qui résulte des instructions présentes dans différents fichiers et le html affiché ne dit pas lesquels. Firebug, donc, peut dépanner dans des cas simples - à condition de savoir d'en servir -, mais dans le cas présent, il ne m'aide guère et n'a pas du beaucoup aider Charlotte puisque son site internet n'est toujours pas publié.

J'ai beaucoup de respect pour la conceptrice des gabarits Beez et pour son travail et donc je n'irai pas remettre celui-ci en cause.

Par contre, il me semble qu'il y a un défaut de conception de la chose, quelque part, mais où ? Et qui est hors la conception de ce gabarit.

Et ce défaut apparaît comme un manque de rigueur dans la séparation des choses : texte et images, veux-je dire.

Car le bandeau que Charlotte et moi cherchons à modifier résulte de la superposition de 3 éléments :
-1) un fichier image qui est un joli rectangle bleu, qui s'appelle personal2.jpg, qui est spécifique du template et qui est facile à trouver et dont l'adresse relative est donnée par l'un des fichiers css du gabarit (cf. ci-dessus et mon msg relatif à la prise en main de Joomla 2.5 RC1 ;
-2) un autre fichier image qui est un logo joomla, avec black dans son nom, qui est rangé ailleurs (ce qui est bien normal) -- mais celui-là, il ne saurait être question de le supprimer car on peut en avoir besoin !
-3) quatre mots de texte, à savoir open source content management, écrits dans le fichier qui appelle le logo, sous celui-ci.

Le problème de Charlotte et moi, et que ce fichier, on ne sait pas le trouver, même avec Firebug. On voit bien qu'il est dans une division header, d'un certain fichier, mais duquel ?

Il ne devrait pas y avoir superposition d'éléments graphiques ET on devrait pouvoir comprendre plus facilement comment, concrètement se fabrique la page internet qu'on veut voir apparaître à l'écran (je ne parle pas des considérations générales du type avoir des notions de ce que sont le html, le php, le CSS, mysql, apache ; et je trouve que la présentation qui est faite sur apprendrejoomla.fr ou autre site en français tel que celui d'Hagen Graf et qui présente l'exemple de la division d'une page en 5 parties - haut, milieu, bas, le milieu se partageant en gauche, centre, droite - est très claire), mais il nous manque dans les réponses données, à Charlotte et à moi, des indications essentielles aux webmestres amateurs que nous sommes.

Le même problème ayant été évoqué par Patrick27 à propos du gabarit Purity, il semble bien que ce soit à un niveau autre que celui de la conception / réalisation des gabarits (i.e. des templates) que le pb se pose et donc que c'est de ce côté qu'il faille chercher la solution à notre pb pratique.

[Veit]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Je vais essayer d'être plus précis. Concerne 2 5 RC 1 mais c'est la même chose que ce que Charlotte et d'autres ont trouvé sur les versions 1.6 et 1.7 et des templates livrés avec celles-ci par les développeurs de Joomla! :

1./ Analyse d’un site Joomla local, à l’aide du navigateur Opéra : clic droit sur la zone intéressante puis choix de lafonction « inspecter l’élément ». < leopold > est le nom que j’ai donné au sous-répertoire de mon répertoire www de WampServer et dans lequel j’ai installé 1 version de joomla 2 5 RC 1 (je me suisarrangé pour n’avoir plus qu’un seul sous-répertoire avec les versions RC 1 car si j’en ai deux, on dirait qu’elles interfèrent l’une avec l’autre !] On lit le code que voici :
/ CODE /

<!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" xml:lang="en-gb" lang="en-gb" dir="ltr" slick-uniqueid="3">
    <head></head>
    <body style="font-size: 100%">
      <div id="all">
        <div id="back">
          <div id="header">
            <div class="logoheader">
              <h1 id="logo">
                <img src="/leopold/images/joomla_black.gif" alt="Joomla!">
                <span class="header1">
                                        Open Source Content Management                                        </span>
              </h1>
            </div>
            <!-- end logoheader -->
etc. [dont balises de fin correspondant une à une aux balises de début mentionnées ci-dessus]

/ CODE \

2. Extrait (lu avec NotePad++) de mon fichier local d’adresse
C:\...\WAMP\www\leopold\templates\beez_20\index.ph p

/ CODE /

<?php
// commentaires
(viennent ensuite : des instructions)
?>

<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
        <head>
                <jdoc:include type="head" />
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/position.css" type="text/css" media="screen,projection" />
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/layout.css" type="text/css" media="screen,projection" />
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/print.css" type="text/css" media="print" />
<?php
        $files = JHtml::_('stylesheet', 'templates/'.$this->template.'/css/general.css', null, false, true);
        if ($files):
                if (!is_array($files)):
                        $files = array($files);
                endif;
                foreach($files as $file):
?>
                <link rel="stylesheet" href="<?php echo $file;?>" type="text/css" />
<?php
                 endforeach;
        endif;
?>
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/<?php echo htmlspecialchars($color); ?>.css" type="text/css" />
<?php			if ($this->direction == 'rtl') : ?>
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template_rtl.css" type="text/css" />
<?php				if (file_exists(JPATH_SITE . '/templates/beez_20/css/' . $color . '_rtl.css')) :?>
                <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/<?php echo $color ?>_rtl.css" type="text/css" />
<?php				endif; ?>
<?php			endif; ?>
                <!--[if lte IE 6]>
                <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ieonly.css" rel="stylesheet" type="text/css" />

                <?php if ($color=="personal") : ?>
                <style type="text/css">
                #line
                {      width:98% ;
                }
                .logoheader
                {
                        height:200px;

                }
                #header ul.menu
                {
                display:block !important;
                      width:98.2% ;


                }
                 </style>
                <?php endif;  ?>
                <![endif]-->
                <!--[if IE 7]>
                        <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie7only.css" rel="stylesheet" type="text/css" />
                <![endif]-->
                <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/hide.js"></script>
etc. : suivent autres instructions qui n’ont rien  voir avec ce qui nous intéresse ici 
        </head>

        <body>

<div id="all">
        <div id="back">
                <div id="header">
                                <div class="logoheader">
                                        <h1 id="logo">

                                        <?php if ($logo): ?>
                                        <img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>"  alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
                                        <?php endif;?>
                                        <?php if (!$logo ): ?>
                                        <?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
                                        <?php endif; ?>
                                        <span class="header1">
                                        <?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
                                        </span></h1>
                                </div><!-- end logoheader -->
etc. [dont éventuelles balises de fin correspondant une à une aux balises de début mentionnées ci-dessus et que j’aurais omis d’indiquer dans cette copie]

/ CODE \

3. Questions :
les instructions que voici, elles viennent d’où ? Elles sont fabriquées à l’aide de quoi d’autre que le fichier index ? Où aller les modifier pour supprimer les 4 mots en anglais et l’appel du logo ?
Faut-il le faire à un seul endroit ou dans tous les templates concnernés ?

<div id="all">
        <div id="back">
          <div id="header">
            <div class="logoheader">
              <h1 id="logo">
                <img src="/leopold/images/joomla_black.gif" alt="Joomla!">
                <span class="header1">
                                        Open Source Content Management                                        </span>
              </h1>
            </div>

[lefabdu51]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Pour le texte
Partie Administration du site.
onglet gestion des templates on cliques sur beez 20.
Et ca se trouves dans la colonne de droite...

Il n y as pas de modifications de fichiers a faire pour ca..

Ce sont des informations qui sont envoyées au fichier index.php par la base de donnée.

Descriptionn trouveras les 4 mots...... et au dessus on supprimes le lien vers l image....

Pourquoi vouloir a tout prix supprimer du PHP?

Ce sont des modifs que l on peut faire sans toucher au code justement.
Une capture d'ecran t en diras plus.....


Si vous chercher a comprendre comment fonctionnes joomla, je vous invites a taper "modele MVC" dans votre moteur de recherche favori. Cela vous aideras beaucoup a comprendre comment tout est lié..

Et si vous voulez commencer quelqupart, je vous conseilles http://dev.joomla.fr/tutoriels/item/...vc-hello-world

https://=http://fr.wikipedia.org/wik...ontr%C3%B4leur

[Veit]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Ca marche très bien ! A l'endroit indiqué, et par la méthode indiquée, suppression :
- du logo Joomla!
- de l'expression Open Source Content Management
- et, des mots Joomla! qui sont écrits en lettres blanches (elles ressortent bien visibles sur le fond jaune de mon image de frontispice et viennent interférer avece qui est écrit dessus).

La portion de code de la page affichée est devenue :

<div id="all">
        <div id="back">
                <div id="header">
                                <div class="logoheader">
                                        <h1 id="logo">

                                                                                                                                                                                                        <span class="header1">
                                                                                </span></h1>
                                </div><!-- end logoheader -->

à la place de (rappel)

<div id="all">
        <div id="back">
          <div id="header">
            <div class="logoheader">
              <h1 id="logo">
                <img src="/leopold/images/joomla_black.gif" alt="Joomla!">
                <span class="header1">
                                        Open Source Content Management                                        </span>
              </h1>
            </div>

Je retiens surtout, sur le fond, qu'il y a quelque part dans le système comme une instruction qui dit "va voir dans les tables de la base de données s'il n'y a pas une modification des instructions générales" (ce que Lefabdu51 a écrit ainsi

...informations qui sont envoyées au fichier index.php par la base de données

. Et ça, c'est très important car ça met une exception de taille au principe que j'avais compris, à savoir : les instructions générales d'assemblage = le php ; le détail de la mise en forme = le css ; les données (le contenu): dans les tables de la base de données. Grrr.... Merci du tuyau !!!

[chabi01]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Je retiens surtout, sur le fond, qu'il y a quelque part dans le système comme une instruction qui dit "va voir dans les tables de la base de données s'il n'y a pas une modification des instructions générales" (ce que Lefabdu51 a écrit ainsi . Et ça, c'est très important car ça met une exception de taille au principe que j'avais compris, à savoir : les instructions générales d'assemblage = le php ; le détail de la mise en forme = le css ; les données (le contenu): dans les tables de la base de données. Grrr.... Merci du tuyau !!!

C'est exactement ça !
Le code html/php génère la structure,
Le css présente suivant les règles données la structure
Le contenu est stocké dans la base pour être appelé à volonté.

Cordialement,

[Veit]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

Oui, Chabi01, mais nous voyons que cette séparation de rôles (de fonctions, pourait-on dire) n'est pas une répartition absolue. Et c'est cela qui faisait difficulté. Il y a autre chose que du contenu dans les tables de la base de données !

(Soit dit en passant, le pourquoi de cela, on peut le lire dans la littérature consacrée à l'architecture MDC.)

Et maintenant , je voudrais répondre à une question posée hier par Lefabdu51 : pourquoi diantre vouloir chercher à modifier le code ?
Tout simplement parce que depuis trois ans que je fréquente ce forum, c'est le genre de réponses que je lis le plus souvent.
J'ai rarement lu des réponses telles que celles de Lefabdu, invitant à tirer parti des ressources du panneau/tableau d'administration et disant précisément comment faire.

Cordialement aussi et merci à tous les 2 d'avoir répondu car ainsi j'ai bien avancé et change d'opinion à propos de Joomla! .

[lefabdu51]

Re : Beez2 - Default ; Carré en haut à droite pour le logo joomla

invitant à tirer parti des ressources du panneau/tableau d'administration et disant précisément comment faire.

C est mon principe et le principe de joomla...toujours regarder dans l'administration avant de toucher au code...
Joomla est prévu pour simplifier la vie des gens. Il y as énormement de choses que tu peut faire depuis la partie administration..

Dont toute la partie configuration des composants,modules et templates.
Tu peut regler beaucoup de choses, mais pas tout régler non plus....

une chose à savoir c est que beaucoup de templates et modules permettent un changement des couleurs, ou de la disposition depuis l'interface d administration, et ces pamaètres priment sur ceux que vous mettez dans votre feuille de style CSS... On les reconnais car ils sont directement intégrés dans la code HTMl que vous voyez avec firebug.
Et impossible à changer via la feuille de style..... Faire un tour dans l'interface, c est s eviter des soucis..

Les modifs de code php sont souvent dues soit a un disfonctionnement, soit à un changement dans le template, ou pour modifier la manière dont un composant envoies les données au template... Un exemple ou tu touches au php, c est quand tu veux rajouter une position sur un template, donc que tu modifies le comportement standard de celui ci...

Modifier la maniere dont un composant envoies sont contenu, c est la fameuse surcharge de composant, dont il est beaucoup question ici.. et la effectivement il faut toucher au code php.. ce sont les demandes les plus courantes ici..

Il faut voir joomla comme un système d exploitation (linux ou windows)... chaque composant que tu vas ajouter lui conferes des fonctionnalités supplémentaires, de la meme manière tu ajoutes la fonctionnalité bureautique en installant office... et de la meme manière, il doit etre mis a jour...
Et tu ne touches au code que pour changer la maniere dont sont traitées les informations....

Dans la base de donnée, on trouves aussi les id des visiteurs connectés, les identifiants de session, les réglages des composant et modules. généralement, chaque module installé en plus de l installation de base à ses propres tables dans la base de données.