Insérer une page HTML dans la navigation avec CSS

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

Résolu Insérer une page HTML dans la navigation avec CSS

Message par Archimus le Mer 30 Sep 2015 - 10:20

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://toadius-dmh.forumactif.be/

Description du problème

Bonjour,

J'ai suivi ce tutoriel pour avoir mes images qui clignotent lorsqu'on passe dessus. Comment puis-je insérer une page HTML créée par mes soins dans le menu de navigation dans le même style que les autres boutons ?

Merci beaucoup.


Dernière édition par Archimus le Jeu 1 Oct 2015 - 0:16, édité 1 fois

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer une page HTML dans la navigation avec CSS

Message par R-max le Mer 30 Sep 2015 - 22:29

bonsoir , il faut tous d'abord crée l'image en question .
ensuite rdv dans le panneau d'administration>affichage>page d'accueil>entête et navigation>ajouter un menu personnalisé ..

récupérer le lien de la page html dans la barre du navigateur ,pour la redirection ..

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer une page HTML dans la navigation avec CSS

Message par Archimus le Mer 30 Sep 2015 - 23:37

Bonjour,

Merci pour votre réponse. Toutefois, je voulais créer un effet over comme sur le reste de mon menu. Comment puis-je faire ?

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer une page HTML dans la navigation avec CSS

Message par R-max le Mer 30 Sep 2015 - 23:57

voici l'exemple du css , pour le bouton index (accueil) a gauche

Code:
/*IMAGE INDEX*/
#i_icon_mini_index{
  background-image:url('http://img15.hostingpics.net/pics/266025Accueil.png'); /*image si la souris ne survole pas*/
  width:200px; /*Largeur de l'image*/
  height:50px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
  background-image:url('http://img15.hostingpics.net/pics/775290Accueilsurvol.png'); /*image si la souris survole*/
  width:200px; /*Largeur de l'image*/
  height:50px; /*Hauteur de l'image*/
}

bien que je pense que le mieux et de codé directement dans le template ,pour pouvoir ajouté une class ou une id a votre image ,pour pouvoir lui attribuer un css en hover ..

car je ne suis pas sur que en passant par le PA >>entête et navigation >>menu personnalisé ça fonctionne , avec du texte oui ,mais pas avec une image ,
a confirmé .

ps:pour la modif template j'en ai fait une y'a pas longtemps ,je vais rechercher le sujet
bonne soirée ,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Insérer une page HTML dans la navigation avec CSS

Message par Neptunia le Jeu 1 Oct 2015 - 0:08

Bonjour ^^

Pour les boutons personnalisés, il faut leur créer un identifiant et la bonne nouvelle est qu'on peut le faire sans toucher aux templates.

La solution dans ce message (le lien positionne directement sur la solution)
résolu recuperer un code pour l'introduire a un .css pour les themes

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Insérer une page HTML dans la navigation avec CSS

Message par Archimus le Jeu 1 Oct 2015 - 0:14

Un grand merci pour ton aide Smile Cela fonctionne parfaitement +1 pour toi Smile

Bonne journée.

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.

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


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