header cliquable sur le thème.

Image header retour index Support des Thèmes

Visiteur

Boosteur Inactif

Le 29/10/2018 à 15h58

Boosteur Inactif
Voir le profil du membre
Inscrit le : 24/04/2024

Bonjour,
Est-il possible de rendre l'image du header cliquable.
Je m'explique: j'ai un thème perso "inspiré" d'un théme phpbb, j'ai donc plus ou moins transféré les images et couleurs vers phpboost.
Cela fonctionne (il n'y a pas de raison) mais sur phpbb l'image du header (1210X245px) est intégralement cliquable et renvoie à "/".
Sur phpbb la solution est ainsi proposée dans overall_header:

Code HTML :

<div class="inner">
      <a href="{U_INDEX}" title="{L_INDEX}">
      <img src="{T_THEME_PATH}/images/header.png" class="logo-image-wrapper" alt="header"></a>
         </div>

Cela permet aussi de conserver la même image (responsive) sur petit écran. Je butte sur l'adaptation de ce code.
Car phpboost utilise une autre formule.
Pouvez-vous m'indiquer la marche à suivre où comment "contourner" le problème.
j'ai essayé -en local- plusieurs manip sans grand succès l'image est cliquable mais ne change pas de dimensions en petit écran.
Mon thème est en 5.1.3 et body.tpl inchangé.

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 29/10/2018 à 17h23

#162772

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Bonjour Damabia,

Il te suffit pour cela d'adapter le fichier body.tpl de ton template.

body.tpl :

    <div id="site-infos">
        <div id="site-logo" # IF C_HEADER_LOGO #style="background-image: url({HEADER_LOGO});"# ENDIF #></div>
        <div id="site-name-container">
            <a id="site-name" href="{PATH_TO_ROOT}/">{SITE_NAME}</a>
            <span id="site-slogan">{SITE_SLOGAN}</span>
        </div></div>

Actuellement le lien

<a>

est uniquement sur le

{SITE_NAME}

, il te faut englober le logo et autre si besoin. Il faudra probablement adapter le CSS du coup.

Visiteur

Boosteur Inactif

Le 30/10/2018 à 06h49

#162776

Boosteur Inactif
Voir le profil du membre
Inscrit le : 24/04/2024

Bonjour,

Oui ce système je l'avais compris, mais il n'est pas simple de supprimer le container site-name le logo et slogan, afin de n'avoir qu'une image celle du header qui s’adapte aux dimensions des écrans.
Je tourne le problème dans tout les sens , en ce moment je "refais" entièrement toute l'entête, mais sans vraiment de connaissance particulière je procède par tâtonnements.
j'essais le width: 100%; en css comme sur le tpl et j'improvise ..
Bref pas vraiment rentable mais, j'apprends !

Édité par Visiteur Le 30/10/2018 à 06h49

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 01/11/2018 à 11h22

#162807

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Bonjour,

Je n'ai pas compris si tu avais finalement réussi.

Si tu débute, je t'invite à lire quelques articles sur internet qui te permettront d’acquérir les bases nécessaires à la personnalisation de ton site web.
https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_CSS

Support des Thèmes

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie