Logo cliquable

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

  • Logo cliquable

    Bonsoir, désolé de uper ce topic mais j'ai mis dans mon fichier index.php (template beez5) la ligne de code qui apparemment devrait marcher et ça m'affiche un lien cliquable (avec écrit "logo") tout en haut de mon site.
    Merci d'avance.
    Dernière édition par psgfan5 à 02/01/2012, 21h11

  • #2
    Re : Logo cliquable

    Bonjour,
    [mode modo]Ça n'est pas une bonne idée de poster à la suite d'un sujet existant, surtout quand il s'agit d'un sujet Joomla 1.5 et qu'on utilise Joomla 1.7 (Beez5...). Nouveau sujet créé[/mode modo]

    La ligne de code en question c'était laquelle (il y avait plusieurs variante dans le sujet initial) ?

    Code:
    <img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/logo.png" alt="logo" /> )
    Le "logo" que tu vois est le texte du Alt ce qui veut dire simplement que ton image n'est pas trouvée.
    > vérifie que tu as bien une image nommée logo.png dans templates/tontemplate/images/
    > utilise Firebug sou firefox ou affiche le code source de la page pour vérifier que le chemin du logo est bon dans la page et n'a pas été altéré en route par rapport à l'idée qui'on s'en fait.
    Schtroumpfe toi le Schtroumpf t'aidera.
    Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

    Commentaire


    • #3
      Re : Logo cliquable

      Bonsoir, merci pour votre aide.

      La ligne de code était celle ci: <a href="http://mon site.com/index.php"><img src="<?php echo $this->baseurl; ?>/templates/beez5/mon logo.png" alt="logo" /></a>

      Commentaire


      • #4
        Re : Logo cliquable

        C'est bon j'ai réussi c'était bien ça le problème. Merci encore pour votre aide !

        Edit: ah j'avais pas vu que le lien n'est pas seulement sur le logo mais aussi sur toute la largeur de la page d'accueil. Donc du logo jusque tout à droite de la page d'accueil.
        Comment peut-on remédier à cela svp ?
        Dernière édition par psgfan5 à 02/01/2012, 22h57

        Commentaire


        • #5
          Re : Logo cliquable

          Re,
          j'avais pas vu que le lien n'est pas seulement sur le logo mais aussi sur toute la largeur de la page d'accueil. Donc du logo jusque tout à droite de la page d'accueil.
          Il faudrait installer Firebug sous Firefox, clic droit sur l'image, inspecter un élément.
          Tu verrras dans le partie droite du volet Firebug les styles CSS en jeu, et peut-être y en a-t-il un qui impose une grande largeur...
          Schtroumpfe toi le Schtroumpf t'aidera.
          Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

          Commentaire


          • #6
            Re : Logo cliquable

            Bonjour, j'ai installé firebug, j'ai fait clic droit sur l'image et voilà ce que j'obtiens (j'y comprends pas grand chose au html/css) donc je préfère vous laisser regarder ça si vous le voulez bien:
            #logo img {
            display: block;
            }
            position.css (ligne 199)
            img {
            border: 0 none;
            }
            position.css (ligne 410)
            * {
            margin: 0;
            padding: 0;
            }
            position.css (ligne 18)
            Hérité de aindex.php
            a:link, a:visited {
            color: #7BA428;
            }
            beez5.css (ligne 31)
            Hérité de h1#logo
            h1#logo {
            font-size: 3em;
            }
            beez5.css (ligne 91)
            h1#logo {
            font-size: 3.5em;
            line-height: 1em;
            }
            position.css (ligne 189)
            Hérité de div.logoheader
            .logoheader {
            color: #555555;
            }
            beez5.css (ligne 77)
            .logoheader {
            font-weight: normal;
            line-height: 1.5em;
            text-align: left;
            }
            position.css (ligne 217)
            Hérité de div#all
            #all {
            color: #333333;
            }
            beez5.css (ligne 26)
            #all {
            font-size: 0.8em;
            }
            layout.css (ligne 49)
            #all {
            text-align: left;
            }
            position.css (ligne 33)
            Hérité de body
            element.style {
            font-size: 100%;
            }
            body {
            color: #333333;
            font-family: arial,helvetica,sans-serif;
            }
            beez5.css (ligne 19)
            body {
            font-size: 100.01%;
            text-align: center;
            }
            position.css (ligne 24)

            Merci d'avance.

            Commentaire


            • #7
              Re : Logo cliquable

              Re,
              d'où il sort ce h1#logo ? Tu peux nous copier ici un extrait de l'index.php de 5/6 lignes avant l'image à 5/6 lignes après ?
              Schtroumpfe toi le Schtroumpf t'aidera.
              Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

              Commentaire


              • #8
                Re : Logo cliquable

                J'espère que c'est bien ça que vous voulez:

                <div id="all">
                <div id="back">
                <?php if(!$templateparams->get('html5', 0)): ?>
                <div id="header">
                <?php else: ?>
                <header id="header">
                <?php endif; ?>
                <div class="logoheader">
                <h1 id="logo">

                <a href="url de mon site/index.php"><img src="<?php echo $this->baseurl; ?>/templates/beez5/nom logo.png" alt="logo" /></a>
                <?php if ($logo != null ): ?>
                <img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
                <?php else: ?>
                <?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
                <?php endif; ?>
                <span class="header1">
                <?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
                </span></h1>

                Commentaire


                • #9
                  Re : Logo cliquable

                  Re,
                  essaye d'enlever <h1 id="logo"> et </h1>
                  Schtroumpfe toi le Schtroumpf t'aidera.
                  Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

                  Commentaire


                  • #10
                    Re : Logo cliquable

                    Ça fonctionne mais le logo n'est pas entier (partie du haut enlevée) et le titre que j'avais mis à partir des paramètres du template est à présent à côté du logo en petit au lieu d'être en dessous en gros (de taille titre h1 donc).
                    Et quand je mets ma souris sur le logo la flèche devient comme une main (ça c'est normal) et un soulignement vert apparaît sur la partie inférieure. Comme pour d'autres éléments du template.

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X