|
Mimi
A les clefs du forum
Je tiens le trousseau de clefs du forum
Partenaires
Très honoré d'être partenaire
Messages : 1292 Venue : 01/07/2009 Je suis : Age : 72 Je vie à : Dijon Humeur : Bonne Humeur Mes Points : 111200 Comment créer un i frame pour une page ou une page accueil | | Visitant souvent des sites dont celui de notre Ptite Perle, j'ai remarqué les i frames et j'aimerais savoir comment les faire? Comment marquer son texte, faire les liens..... Merci de votre aide pour m'éclairer davantage, là je découvre |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120821 Créer une iframe | | Il y as différentes façons pour faire des iframes, tout dépend du support sur lequel vous partez. Pour ceci je part d'une des pages du site à mimi, un site fait en tableau. Je vais être le plus clair possible pour ce tuto pour créer des menus avec iframe Ceci est un exemple pour un site comme le tien mimi , avec un index avec un tableau Pour exemple je prend ta page : Le langage des fleurs 1ière étapeSur ta page principale , tu va crée un tableau [Vous devez être inscrit et connecté pour voir cette image]Dans ce tableau , tu créer une colonne [Vous devez être inscrit et connecté pour voir cette image]Ensuite dans la colonne , on va insérer l' iframe menu [Vous devez être inscrit et connecté pour voir cette image]Tu clique à l'endroit ou tu veux ton iframe menu, donc là c'est dans la colonne. Le code à mettre dans le code source de ta page, - Code:
-
<iframe src="menu.html" name="menu" width="150" marginwidth="0" height="760" marginheight="0" scrolling="yes" frameborder="0" id="frame"></iframe>
Dans l'autre cadre (centrale) on va créer une autre iframe [Vous devez être inscrit et connecté pour voir cette image]Tu clique sur le cadre centrale. Le code à mettre dans le code source de ta page, - Code:
-
<iframe src="centre.html" name="centre" width="1040" marginwidth="0" height="760" marginheight="0" scrolling="yes" frameborder="0" id="frame"></iframe>
2 ième étapes:Nous allons créer deux pages Une page que tu nommera : menu Une page que tu nommera: centre Ensuite dans les codes iframes que je vous es donnée plus haut, je vous explique les lignes de codes src: le lien avec le noms de votre page centrale, pour ici c'est : centre.html width: mettre la largeur que vous souhaitez pour votre cadre, attention à la largeur de votre page de départ, pour ici c'est : Height: mettre la hauteur que vous souhaitez à votre iframe, pareil attention à la hauteur de votre page, pour ici c'est :< height= 780> Scolling: mettre yes, pour avoir la barre de défilement, si vous mettez No, vous n'avez pas de barre. Frameborder: 0 <== comme ceci par de cadre autour de votre frame centrale.
3ième étapes:
Sur votre page menu et aussi sur votre page centre, nous allons mettre le code pour avoir le scrollbar au couleur de votre page [Vous devez être inscrit et connecté pour voir cette image]
A mettre au début de votre code source de votre page, script à insérer entre HEAD et /HEAD
Le code du la scrollbar - Code:
-
html { scrollbar-arrow-color:#000000; scrollbar-face-color:#AE0001; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-track-color:#AE0001; }
Changer dans le code par rapport à la couleur que vous souhaitez pour votre page Description des mots dans le code:
arrow-color : couleur des flèches. 3dlight-color : couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés highlight-color : couleur claire du relief des boutons face-color : couleur du dessus des boutons et de la barre de défilement. shadow-color : couleur sombre du relief des boutons darkshadow-color : couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés track-color : couleur du fond de la barre.
4 ième étapes: Sur votre page: menu, mettez votre liste de liens
Comment mettre un lien et lui dire de s'ouvrir dans la frame centrale?
C'est simple, enfin normalement
Sur un lien de votre page iframe menu
Exemple: Les fleurs, doit ouvrir la page : fleursrose.html , ou ? ==>l'iframe centrale, vous mettrez le noms de votre iframe centre, donc centre
Ceci qui donne en code: - Code:
-
<a href="Fleursrose.html" target="centre">Les fleurs</a> Normalement si vous avez tout bien effectuer, en vous mettant sur votre page principale, en cliquant dans le menu, sur le lien Les fleurs, la page doit s'ouvrir dans la frame centrale, donc la page html, fleursrose.html
A chaque lien de votre menu, vous devez créer une page. Répéter à chaque fois les opérations ci-dessus
Aperçu final [Vous devez être inscrit et connecté pour voir cette image] |
| |
| |
Mimi
A les clefs du forum
Je tiens le trousseau de clefs du forum
Partenaires
Très honoré d'être partenaire
Messages : 1292 Venue : 01/07/2009 Je suis : Age : 72 Je vie à : Dijon Humeur : Bonne Humeur Mes Points : 111200 Re: Comment créer un i frame pour une page ou une page accueil | | Une erreur sur la page Perle [Vous devez être inscrit et connecté pour voir cette image]Là je m'y collerai demain après midi car six fois et là j'ai des messages erreurs et ma page se déforme. Bon on verra demain |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120821 Re: Comment créer un i frame pour une page ou une page accueil | | Euh ta page d'erreur c'est pas celle de ta page d'accueil de ton site mimi? |
| |
| |
Mimi
A les clefs du forum
Je tiens le trousseau de clefs du forum
Partenaires
Très honoré d'être partenaire
Messages : 1292 Venue : 01/07/2009 Je suis : Age : 72 Je vie à : Dijon Humeur : Bonne Humeur Mes Points : 111200 Re: Comment créer un i frame pour une page ou une page accueil | | Et ben non c'est une page vierge que j'avais renommé, là je vais essayé avec ma page anniversaire de mariage |
| |
| |
Mimi
A les clefs du forum
Je tiens le trousseau de clefs du forum
Partenaires
Très honoré d'être partenaire
Messages : 1292 Venue : 01/07/2009 Je suis : Age : 72 Je vie à : Dijon Humeur : Bonne Humeur Mes Points : 111200 Re: Comment créer un i frame pour une page ou une page accueil | | J'ai réssayé mais cela n'apparait pas comme toi par contre ma page bienvenue c'est ok [Vous devez être inscrit et connecté pour voir cette image]Là je stoppe je verrai demain autrement je vais y passer la nuit et demain travail |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120821 Re: Comment créer un i frame pour une page ou une page accueil | | Ok on verra demain mimi Donc si je pense bien, ton bienvenue en blanc , c'est ou normalement tu as ton menu? Bienvenue en noir, c'est ta frame centrale ou tout doit s'afficher, quand on cliquera sur un lien du menu? La position de tes deux bienvenue est bonne apparement, il te marque que le script pour le scrollbar, pour délimiter ton menu, du centre de la page Attention l'exemple que je donne, et pour des fonds unis, car pour des fonds avec des motifs, c'est encore autre chose car il faut fixer le fond qui ne soit pas défilant Mais pour débuter il est préférable de commencer avec des choses simples. PS: La scrollbar, ne ce verra que si ta page menu par ex, et plus longue que ta page principale |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103940 Re: Comment créer un i frame pour une page ou une page accueil | | je n'y ai rien compris là c'est trop dur pour moi, les liens du menu je les mets dans la page créer à la 2ième étape mais es qu'il doit y avoir un taille pour la largeur ou la hauteur. |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120821 Re: Comment créer un i frame pour une page ou une page accueil | | Kikou Katia La hauteur et la largeur, tu la définie sur l'iframe qui est sur ta page principale Regarde un design avec de frame un pour le menu et l'autre pour la frame centrale: [Vous devez être inscrit et connecté pour voir cette image]Tes frames ce remplissent avec les pages du menu et l'autre central: [Vous devez être inscrit et connecté pour voir cette image]Donc à réaliser une page menu: [Vous devez être inscrit et connecté pour voir cette image]Et la page qui s'affichera à coter du menu [Vous devez être inscrit et connecté pour voir cette image]N'hésite pas à demander si c'est encore confus Bisousss |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103940 Re: Comment créer un i frame pour une page ou une page accueil | | la page principale on l'appelle comment?? index??? |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120821 Re: Comment créer un i frame pour une page ou une page accueil | | La page principale oui index, vue que c'est la page de ton site, ou on aura tout dedans
Quand je parle de page principale, c'est l'ensemble de ton design donc ton index |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103940 Re: Comment créer un i frame pour une page ou une page accueil | | ok bon je vais essayer ce week-end
|
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120821 Re: Comment créer un i frame pour une page ou une page accueil | | ok Katia |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103940 Re: Comment créer un i frame pour une page ou une page accueil | | j'ai créer mes 3 pages, la principale, le menu et le centre, maintenant j'aimerais faire les autres le code que tu donne pour l'exemple des fleurs tu le mets où et es que tu fais à chaque fois une nouvelle page. |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103940 Re: Comment créer un i frame pour une page ou une page accueil | | j'ai tester en faisant une autre page mais là je bloque pour l'histoire du lien j'ai rien compris et puis ca ne marche pas ca me fais une autre page??? |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120821 Re: Comment créer un i frame pour une page ou une page accueil | | Kikou Katia
Tout tes liens doivent s'ouvrir dans l'iframe centrale, je ne connais pas le noms que tu lui à donnée.
Par ex si tu l'a appellé frameCentrale, tout les liens de ton menu, doit s"ouvre dans frameCentrale
au lieu de leur dire de s'ouvrir en target_blank, tu leur dit d'ouvrir en clible en frameCentrale.
Ensuite tu crée autant de page que tu veux et de liens , ceci s'ouvriront toutjours dans la cible, en frameCentrale. |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103940 Re: Comment créer un i frame pour une page ou une page accueil | | non c'est bon ca marche, mais voilà un truc bizarre, quand je regarde dans firefox il n'y a pas la couleur des scrolls et pas de curseur personel, et quand je vais dans IE là il y a les couleurs et mon curseur mais pas contre mon cadre central avec mes pages ne marche pas il m'ouvre un autre onglet alors là je ne comprends pas pourquoi ca marche dans l'un et pas dans l'autre. |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103940 Re: Comment créer un i frame pour une page ou une page accueil | | alors là je n'y comprends plus rien là maintenant dans IE ca marche les pages s'ouvre sur le centre. par contre j'ai le souci de firefox pourquoi les scrolls et mon curseur ne se mettent pas?? chez toi aussi tes scrolls sont gris sur ton menu Pâques. |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120821 Re: Comment créer un i frame pour une page ou une page accueil | | Kikou Katia
firefox ne prend pas en compte le scrolls et les curseurs fantasie
Bisouss |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103940 Re: Comment créer un i frame pour une page ou une page accueil | | ok merci pour l'info sinon tout est bon il sont trop basique firefox,pfff, pour eux les fiuritures c'est pas la peine,lol enfin c'est pas grave |
| |
| |