Lien du header

[foxies]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous !

Je suis un peu embêtée avec mon header. J'aimerais qu'il redirige vers la page d'accueil de mon forum en faisant clique droit dessus puis en sélectionnant "ouvrir le lien dans un nouvel onglet" (comme j'arrive à le faire sur les autres forums en fait). Pour l'instant, je n'arrive qu'à le rendre "cliquable" si je puis dire avec la fonction cursor: pointer;.

Mon CSS :

Code:

/* APPARENCE HEADER */
div#header {
background-repeat:no-repeat; background-position:top center;
background-image:url('http://i.imgur.com/BOW91KO.png');
width:100%; height:259px;
cursor:pointer;
}

Merci d'avance pour votre aide

[Self]

Bonjour,

On ne peut pas vraiment rendre une div cliquable sans lien hormis en passant par du js, qui donnerait à peu de chose près quelque chose comme ça :

Code:

(function($){ $('#header').click(function(){window.open('/');}); })(jQuery);

[foxies]

Bonjour,

Je ne pensais pas que cela nécessiterait du JS, merci de m'avoir mise sur la piste ! Néanmoins, le code ne fonctionne pas, et mes connaissances limitées dans le domaine font que je ne sais pas le corriger.

[Self]

Bonjour,

En fait il y a déjà du js dans votre code html, comme je ne pouvais pas voir le lien du forum, je n'avais pas vu ce code :

Code:

<div id="header" onclick="document.location.href='/forum'"></div>

Il suffit de changer cette ligne de code par celle-ci :

Code:

<div id="header" onclick="window.open('/')"></div>

La ligne se trouve logiquement dans le template overall_header, n'oubliez pas d'enregistrer celui-ci après la validation .

[foxies]

Bonjour,

Merci pour votre réponse rapide. Excusez-moi pour le retard de la mienne, je n'étais pas chez moi ce weekend.

Je vais peut être paraître tatillonne, mais le résultat n'est pas celui attendu car je recherche la même fonctionnalité que sur la majorité des forums (dont celui-ci), c'est à dire pouvoir avoir accès à la page du forum en cliquant sur le header : clique gauche sans qu'une nouvelle page s'ouvre comme c'était le cas avant que je n'utilise votre dernier code et clique droit qui permet de sélectionner ensuite "Ouvrir dans un nouvel onglet". Le problème étant que mon clique gauche me ramenait bien sur la page principale de mon forum, mais lorsque j'effectuais un clique droit sur le header, les possibilités étaient moindres puisque on ne me proposait pas "Ouvrir dans un nouvel onglet" (seulement "Retour", "Actualiser", etc.).

J'espère que mes explications sont plus claires

[Invité]

Hello pinke et Self ,
Dans le template overall_footer_begin :
Affichage/Templates/Général/overall_footer_begin

Recherches ceci:

Code:

<div id="page-footer">
   <div align="center">


Juste après déposes ceci:

Code:


<a style="float:right;color:red !important;font-size:13px !important;text-decoration:none !important;"href="{U_INDEX}"target="_blank">*</a>



Penses à enregistrer puis à valider en cliquant respectivement sur puis

Tu auras un point de couleur rouge qui ressemble à ceci * qui sera donc cliquable et qui aura l'avantage au clic d'ouvrir la page directement dans un nouvel onglet ( target="_blank" ) .


Tu peux changer la couleur et la taille de police ici:

Code:

color:red !important;font-size:13px !important;

Tu peux remplacer le * par du texte quelconque ou même une image:
Pour une image:

Code:


<a style="float:right;text-decoration:none !important;"href="{U_INDEX}"target="_blank"><img src="LE LIEN DE L IMAGE"/></a>


a++

[Neptunia]

Bonjour ^^


Sans ajouter ou modifier quoi que ce soit, cliquer sur le header avec le bouton central de la souris (communément appelé roulette) ou encore Ctrl + clic gauche.

[foxies]

Bonjour et merci pour vos propositions !

En me plongeant dans le template overall_header de base, j'ai finalement trouvé le bout de code correspondant au lien de l'index ;

Code:

<a href="{U_INDEX}"></a>

Je l'ai placé autour du code correspondant à ma bannière ; cela a résolu mon problème