Forum Crea illusion Fantasy
A quoi sert le forum ?
Ce forum est liée à mon site Crea illusion Fantasy. Un plus pour vous aidez dans vos créations.Vous ne savez pas créer, et vous recherchez une création personnalisée. Le forum vous écoutera vos demandes.
Plusieurs sections :
Des aides: pour votre forum,votre site ou blog.Des tutoriels(photoshop,paintshop,gimp,photofiltre,ect...).Demandes de créations personnalisées. Aide pour prendre en main vos logiciels.Des tutos, des scripts. aides pour le logiciel Flash..... Des concours, des challenges, des duels. Vous y trouverez un accueil sympathique.
Au plaisir de vous lire sur le forum. D'autres choses à venir découvrir sur le forum de Créa illusion Fantasy.

N'hésitez pas à venir vous inscrire.


Aides & Conseils pour le graphisme & forum & site web & blog & tout autres supports.
 
AccueilPortailFAQPublicationsPublicationsS'enregistrerConnexion
Votre bannière ici,Faite la demande dans la catégorie: La place Public


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
Mimi
Admin


avatar


Messages : 1460
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2708

MessageSujet: Comment créer un i frame pour une page ou une page accueil  Lun 29 Mar - 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
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Créer une iframe  Lun 29 Mar - 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 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 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 cette image]
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
Mimi
Admin


avatar


Messages : 1460
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2708

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Lun 29 Mar - 21:24

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 lol!
Revenir en haut Aller en bas
http://www.mimicreations.fr
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Lun 29 Mar - 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/
Mimi
Admin


avatar


Messages : 1460
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2708

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Lun 29 Mar - 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
Mimi
Admin


avatar


Messages : 1460
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2708

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Lun 29 Mar - 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 cette image]


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
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Lun 29 Mar - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Ven 18 Mar - 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/
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Ven 18 Mar - 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 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
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Ven 18 Mar - 17:44

la page principale on l'appelle comment?? index???
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Ven 18 Mar - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Ven 18 Mar - 17:56

ok bon je vais essayer ce week-end
Revenir en haut Aller en bas
http://www.les-creations-de-katia.com/AuBonheurDeLudivine/
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Ven 18 Mar - 22:49

ok Katia Smile
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Sam 19 Mar - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Sam 19 Mar - 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/
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Sam 19 Mar - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Sam 19 Mar - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Sam 19 Mar - 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/
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Dim 20 Mar - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Dim 20 Mar - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Mer 20 Avr - 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/
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Mer 20 Avr - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Jeu 21 Avr - 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/
Ptite_Perle
Admin


avatar


Messages : 6705
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8961

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Jeu 21 Avr - 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/
katia66
Admin


avatar


Messages : 2337
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 : 661

MessageSujet: Re: Comment créer un i frame pour une page ou une page accueil  Jeu 21 Avr - 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/
Contenu sponsorisé




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 mettre un mot d'information pour les visiteurs
» Image de Fond pour titre Chatbox et Message sur Accueil.
» Code pour bannière en fond de page
» Comment enlever le : creer un forum dans le titre de la page
» Comment placer une barre rechercher en haut à droite de la page d'accueil ?

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