Lien du header

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Lien du header

Message par foxies Mer 16 Aoû 2017 - 15:36

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 Smile
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien du header

Message par Self Mer 16 Aoû 2017 - 16:46

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);
Self

Self
Membre actif

Masculin
Messages : 3819
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien du header

Message par foxies Jeu 17 Aoû 2017 - 7:59

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.
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien du header

Message par Self Jeu 17 Aoû 2017 - 8:32

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?theme_id=201497'"></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 Smile .
Self

Self
Membre actif

Masculin
Messages : 3819
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien du header

Message par foxies Lun 21 Aoû 2017 - 7:51

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 Smile
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien du header

Message par Invité Mar 22 Aoû 2017 - 6:03

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 :enreg: puis header - Lien du header 824052533

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>

Wink

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien du header

Message par Neptunia Mar 22 Aoû 2017 - 6:14

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.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien du header

Message par foxies Mar 22 Aoû 2017 - 7:15

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 Smile
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum