Revenir en haut Aller en bas
Forum Crea illusion Fantasy


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.


Partagez|

Comment créer un i frame pour une page ou une page accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas
Aller à la page : 1, 2  Suivant
AuteurMessage
avatar
Messages : 1312
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2823
Admin

Mimi
18 - 16
MessageSujet: Comment créer un i frame pour une page ou une page accueil Lun 29 Mar 2010 - 14:25
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 flower
Revenir en haut Aller en bas
http://www.mimicreations.fr
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Créer une iframe Lun 29 Mar 2010 - 21:04

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 étape

Sur ta page principale , tu va crée un tableau
[Vous devez être inscrit et connecté pour voir ce lien]

Dans ce tableau , tu créer une colonne
[Vous devez être inscrit et connecté pour voir ce lien]

Ensuite dans la colonne , on va insérer l' iframe menu
[Vous devez être inscrit et connecté pour voir ce lien]

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 ce lien]

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 ce lien]

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 Wink

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 ce lien]
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 1312
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2823
Admin

Mimi
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Lun 29 Mar 2010 - 21:24
Une erreur sur la page Perle
[Vous devez être inscrit et connecté pour voir ce lien]

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 lol!
Revenir en haut Aller en bas
http://www.mimicreations.fr
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Lun 29 Mar 2010 - 22:23
Euh ta page d'erreur c'est pas celle de ta page d'accueil de ton site mimi?
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 1312
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2823
Admin

Mimi
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Lun 29 Mar 2010 - 22:31
Et ben non c'est une page vierge que j'avais renommé, là je vais essayé avec ma page anniversaire de mariage flower
Revenir en haut Aller en bas
http://www.mimicreations.fr
AuteurMessage
avatar
Messages : 1312
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2823
Admin

Mimi
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Lun 29 Mar 2010 - 22:46
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 ce lien]


Là je stoppe je verrai demain autrement je vais y passer la nuit lol! et demain travail Mad
Revenir en haut Aller en bas
http://www.mimicreations.fr
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Lun 29 Mar 2010 - 23:02
Ok on verra demain mimi Smile

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
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Ven 18 Mar 2011 - 17:01
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.
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Ven 18 Mar 2011 - 17:38
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 ce lien]

Tes frames ce remplissent avec les pages du menu et l'autre central:

[Vous devez être inscrit et connecté pour voir ce lien]


Donc à réaliser une page menu:

[Vous devez être inscrit et connecté pour voir ce lien]

Et la page qui s'affichera à coter du menu

[Vous devez être inscrit et connecté pour voir ce lien]


N'hésite pas à demander si c'est encore confus

Bisousss
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Ven 18 Mar 2011 - 17:44
la page principale on l'appelle comment?? index???
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Ven 18 Mar 2011 - 17:46
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
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Ven 18 Mar 2011 - 17:56
ok bon je vais essayer ce week-end
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Ven 18 Mar 2011 - 22:49
ok Katia Smile
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Sam 19 Mar 2011 - 16:05
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.
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Sam 19 Mar 2011 - 17:10
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???
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Sam 19 Mar 2011 - 17:42
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.
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Sam 19 Mar 2011 - 18:09
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.
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Sam 19 Mar 2011 - 18:12
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.
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Dim 20 Mar 2011 - 1:05
Kikou Katia

firefox ne prend pas en compte le scrolls et les curseurs fantasie

Bisouss
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Dim 20 Mar 2011 - 9:47
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
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Mer 20 Avr 2011 - 19:02
j'ai un souci avec la iframe du menu, j'aimerais qu'elle soit plus vers la droite car sinon elle empiète sur le cadre comment je peux faire.
et encore j'ai changé car au début je voulais mettre un cadre pour le menu et un cadre pour le centre mais c'était trop compliqué et pas droit,si un jour tu as le temps pourrais tu nous dire comment faire.
merci d'avance
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Mer 20 Avr 2011 - 19:53
Coucou Katia

Tu parle de l'iframe menu, sur ton site de Pâques?

Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Jeu 21 Avr 2011 - 13:06
non non là je fais le menu pour le 1er Mai, et je galère car plutôt que faire un cadre je voudrais inserrer deux cadre un à gauche pour le menu et l'autre pour le centre, je parle des images, pas des i-frames, ca je sais le faire.
Le souci c'est que l'iframe n'est pas bien centrée pour le pas dépasser les cadres que j'ai fait.
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Jeu 21 Avr 2011 - 13:09
Kikou Katia

Eh bien pour que ca sois centrer, tu parle de l'écriture?

Peux tu me montrer un copie ecran, car pour moi la c'est vague, pour que je puisse d'aider.
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 2145
Venue : 16/03/2010 Je suis: : Féminin
Né(e) le : 18/05/1969
Age : 48
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 737
Admin

katia66
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil Jeu 21 Avr 2011 - 15:24
non je voudrais centrer les iframes pour qu'elles tombe pile dans les cadres mais là c'est bon j'ai réussi, eheh je cogite, même si je suis enfumée par les vapeurs du cerveau, lol
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
AuteurMessage
Contenu sponsorisé
18 - 16
MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil
Revenir en haut Aller en bas

Comment créer un i frame pour une page ou une page accueil

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 2Aller à la page : 1, 2  Suivant

Sujets similaires

-
» Comment faire pour retirer un véhicule du GPS
» COMMENT CONFIGURER LE MTU SUR BBOX POUR XBOX LIVE?
» sos pour un nul en gps carmin 250nuvi
» MàJ des Cartes pour le Nüvi 200
» Comment acheter des cartes supplémentaires pour un Nüvi avec CN Europe NT 2008 - Region 2 (Fra)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Sites web-