Passage-de-l-intro-a-la-page-d-accueil
Résolu/Fermé
panter1963
Messages postés
53
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
22 septembre 2013
-
4 oct. 2009 à 05:13
panter1963 Messages postés 53 Date d'inscription jeudi 24 septembre 2009 Statut Membre Dernière intervention 22 septembre 2013 - 6 oct. 2009 à 23:48
panter1963 Messages postés 53 Date d'inscription jeudi 24 septembre 2009 Statut Membre Dernière intervention 22 septembre 2013 - 6 oct. 2009 à 23:48
A voir également:
- Passage-de-l-intro-a-la-page-d-accueil
- Page d'accueil iphone - Guide
- Supprimer une page word - Guide
- Page d'accueil google - Guide
- Comment remettre ma page d'accueil comme avant - Forum Windows
- Traduire une page web - Guide
13 réponses
113pictural
Messages postés
457
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
5 octobre 2009
53
4 oct. 2009 à 06:40
4 oct. 2009 à 06:40
Ok, dans ta page d'accueil que tu ouvres avec Bloc-note, tu écriras ceci entre <head> et </head>
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
le code .css suivant:
<style type="text/css">
.accueil
{
display: block;
position relative
}
.accueil span
{
display:none /*reste caché jusqu'au survol par le curseur*/
}
.accueil: hover span
{
position: absolute;
display: block;
width: _px; /*largeur de la video*/
height: _px; /*hauteur de la video*/
top: _px; /*depuis le haut de la video*/
left: _px; /*depuis la gauche de la video*/
color: blue; /*ou d'autres couleurs du texte: #_ _ _ _ _ _*/
border: _px solid blue; /*ou d'autres couleurs du bord: #_ _ _ _ _ _*/
padding: _px _px _px _px /*espace interne depuis le haut, la droite, le bas, la gauche*/
}
</style>
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
entre <body> et </body> le code .html suivant, à l'emplacement où tu souhaites voir apparaître ton flash
<a class="accueil" href="_.htm">
<object ...><param ...>
</object>
<span>Ici le texte cliquable qui apparaît au seul passage du curseur de la souris du visiteur de la page ...Ce texte en "info-bulle" capte désormais la fonction du lien actif, et est effectivement opérationnel avec tous les navigateurs, sur un flash ...Ouf!
</span>
</a>
Voilà voilà voilà. Sauf erreur d'écriture ici, ça marche parfaitement! avec l'intérêt de saisir la curiosité d'un visiteur avec une "info-bulle de texte, voire d'image, au choix!!!
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
le code .css suivant:
<style type="text/css">
.accueil
{
display: block;
position relative
}
.accueil span
{
display:none /*reste caché jusqu'au survol par le curseur*/
}
.accueil: hover span
{
position: absolute;
display: block;
width: _px; /*largeur de la video*/
height: _px; /*hauteur de la video*/
top: _px; /*depuis le haut de la video*/
left: _px; /*depuis la gauche de la video*/
color: blue; /*ou d'autres couleurs du texte: #_ _ _ _ _ _*/
border: _px solid blue; /*ou d'autres couleurs du bord: #_ _ _ _ _ _*/
padding: _px _px _px _px /*espace interne depuis le haut, la droite, le bas, la gauche*/
}
</style>
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
entre <body> et </body> le code .html suivant, à l'emplacement où tu souhaites voir apparaître ton flash
<a class="accueil" href="_.htm">
<object ...><param ...>
</object>
<span>Ici le texte cliquable qui apparaît au seul passage du curseur de la souris du visiteur de la page ...Ce texte en "info-bulle" capte désormais la fonction du lien actif, et est effectivement opérationnel avec tous les navigateurs, sur un flash ...Ouf!
</span>
</a>
Voilà voilà voilà. Sauf erreur d'écriture ici, ça marche parfaitement! avec l'intérêt de saisir la curiosité d'un visiteur avec une "info-bulle de texte, voire d'image, au choix!!!
113pictural
Messages postés
457
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
5 octobre 2009
53
4 oct. 2009 à 05:27
4 oct. 2009 à 05:27
Créer un lien <a href="_.htm"><object ...><param="_" ... ...></object></a>
sur un flash est possible. Toutefois, parmi les navigateurs FireFox, InternetExplorer, Safari et Chrome, InternetExplorer l'ignorera , ce qui est bien embêtant, n'est-ce pas!
Ainsi une astuce toute simple pourra être mise en oeuvre, uniquement en .css et .html, sans javascript bien entendu! Cette astuce fonctionnera bien évidemment sur tous les navigateurs modernes ...
Si cette astuce en .css et .html vous était accessible, je vous la renseignerais très volontiers.
sur un flash est possible. Toutefois, parmi les navigateurs FireFox, InternetExplorer, Safari et Chrome, InternetExplorer l'ignorera , ce qui est bien embêtant, n'est-ce pas!
Ainsi une astuce toute simple pourra être mise en oeuvre, uniquement en .css et .html, sans javascript bien entendu! Cette astuce fonctionnera bien évidemment sur tous les navigateurs modernes ...
Si cette astuce en .css et .html vous était accessible, je vous la renseignerais très volontiers.
panter1963
Messages postés
53
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
22 septembre 2013
4 oct. 2009 à 06:16
4 oct. 2009 à 06:16
J aimerais mieux que ça fonctionne sur IE
Mais il faudrait que tu me disent exactement ou le placer et comment je sus novice..
merci--
Au fur et a mesure......
Mais il faudrait que tu me disent exactement ou le placer et comment je sus novice..
merci--
Au fur et a mesure......
113pictural
Messages postés
457
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
5 octobre 2009
53
4 oct. 2009 à 06:18
4 oct. 2009 à 06:18
As-tu quelques connaissances du langage .css?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
panter1963
Messages postés
53
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
22 septembre 2013
4 oct. 2009 à 06:18
4 oct. 2009 à 06:18
non...désolé
panter1963
Messages postés
53
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
22 septembre 2013
4 oct. 2009 à 06:45
4 oct. 2009 à 06:45
J écris tout ça.......... tel quel ...???
Tu inscris ....entre <body> et </body> le code .html suivant, à l'emplacement où tu souhaites voir apparaître ton flafh
C et une page intro flash...alos je veux qu elle soit l ouverture de mon site
Tu inscris ....entre <body> et </body> le code .html suivant, à l'emplacement où tu souhaites voir apparaître ton flafh
C et une page intro flash...alos je veux qu elle soit l ouverture de mon site
113pictural
Messages postés
457
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
5 octobre 2009
53
4 oct. 2009 à 06:57
4 oct. 2009 à 06:57
Ah là, je peux pas t'instruire des rudiments du .html ni du .css!
Désolé.
Pour info, un site parfait pour qui démarre en info-graphie et webmastering (cela a été mon cas):
https://openclassrooms.com/fr/
Entretemps, copie bien ce que je t'ai écris en .css et .html car le rechercher plus tard une nouvelle fois pour enfin l'utiliser te serait une vraie galère. Un lien actif et efficace sur un .flv ou un .swf grâce au seul .css, ça n'existe nulle part ailleurs et nul autre demain (j'ai trop galéré sur ce point que je l'ai créé par moi-même).
Bonne journée.
Désolé.
Pour info, un site parfait pour qui démarre en info-graphie et webmastering (cela a été mon cas):
https://openclassrooms.com/fr/
Entretemps, copie bien ce que je t'ai écris en .css et .html car le rechercher plus tard une nouvelle fois pour enfin l'utiliser te serait une vraie galère. Un lien actif et efficace sur un .flv ou un .swf grâce au seul .css, ça n'existe nulle part ailleurs et nul autre demain (j'ai trop galéré sur ce point que je l'ai créé par moi-même).
Bonne journée.
panter1963
Messages postés
53
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
22 septembre 2013
4 oct. 2009 à 06:59
4 oct. 2009 à 06:59
Je pensais qu il fallait ça dans ma page d intro: regarde ça c est ma page d intro
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta name="description" content />
<meta name="keywords" content />
<meta name="generator" Content="Microsoft FrontPage 5.0" />
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-----------les plugin----------------------->
<script type="text/JavaScript" src="global_004.js"></script>
<script type="text/JavaScript" src="language_005.js"></script>
<script type="text/JavaScript">var AjaxImgLoading="<img src='loading_002.gif' border='0'>";
</script>
<script type="text/JavaScript" src="Ajax_006.js"></script>
<script type="text/JavaScript">var dmWorkPath=""</script>
<script type="text/JavaScript" src="dmenu_007.js"></script>
<script type="text/JavaScript" src="dmenu_dyn_008.js"></script>
<script type="text/JavaScript" src="dmenu_popup_009.js"></script>
<script type="text/JavaScript" src="dmenu_add_010.js"></script>
<!-----------les plugin----------------------->
<script type="text/JavaScript">
<!--
function OpenWindow(URL,nom_win,parametres,largeur,hauteur)
{
var gauche = (screen.width - largeur)/2;
var haut = (screen.height - hauteur)/2;
if (screen.width - largeur<1) {gauche=0}
if (screen.height - hauteur<1) {hauteur=0}
if (hauteur!="" || largeur!="") {parametres=parametres+',left='+gauche+',top='+haut}
try
{w.close()}
catch (ex)
{
}
w=window.open(URL,nom_win,parametres);
}
function JumpMenu(cible,selectObj,restore)
{
eval(cible+".location='"+selectObj.options[selectObj.selectedIndex].value+"'");
if (restore){selectObj.selectedIndex=0};
}
//-->
</script>
<!--ACTUA59|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||-->
</head>
<body onload=" initialise_traduction();">
<table border="0" cellspacing="0" cellpadding="2" align="center" width="100%">
<form name="accueil_animation">
<tr>
<td align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="900" HEIGHT="700" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" id="myFlash">
<param name="movie" value="flash_003.swf">
<param name="quality" value="high">
<param name="flashvars" value="val_societe=Academie&val_slogan=Concept%20Coiffure%20beaute&val_ligne1=Academie&val_ligne2=Concept%20Coiffure%20beaute">
<embed src='flash_003.swf' flashvars='val_societe=Academie&val_slogan=Concept%20Coiffure%20beaute&val_ligne1=Academie&val_ligne2=Concept%20Coiffure%20beaute' quality=high type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' WIDTH='800' HEIGHT='500' name='myFlash' swLiveConnect='true'>
</embed>
</object>
<br>
<br>
<input type="button" value="Quitter l'animation" name="bouton_accueil_animation" onclick="window.location='index_011.htm'">
</td>
</tr>
</form>
</table>
<script language="javascript">
</script>
</body>
</html>
Au fur et a mesure......
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta name="description" content />
<meta name="keywords" content />
<meta name="generator" Content="Microsoft FrontPage 5.0" />
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-----------les plugin----------------------->
<script type="text/JavaScript" src="global_004.js"></script>
<script type="text/JavaScript" src="language_005.js"></script>
<script type="text/JavaScript">var AjaxImgLoading="<img src='loading_002.gif' border='0'>";
</script>
<script type="text/JavaScript" src="Ajax_006.js"></script>
<script type="text/JavaScript">var dmWorkPath=""</script>
<script type="text/JavaScript" src="dmenu_007.js"></script>
<script type="text/JavaScript" src="dmenu_dyn_008.js"></script>
<script type="text/JavaScript" src="dmenu_popup_009.js"></script>
<script type="text/JavaScript" src="dmenu_add_010.js"></script>
<!-----------les plugin----------------------->
<script type="text/JavaScript">
<!--
function OpenWindow(URL,nom_win,parametres,largeur,hauteur)
{
var gauche = (screen.width - largeur)/2;
var haut = (screen.height - hauteur)/2;
if (screen.width - largeur<1) {gauche=0}
if (screen.height - hauteur<1) {hauteur=0}
if (hauteur!="" || largeur!="") {parametres=parametres+',left='+gauche+',top='+haut}
try
{w.close()}
catch (ex)
{
}
w=window.open(URL,nom_win,parametres);
}
function JumpMenu(cible,selectObj,restore)
{
eval(cible+".location='"+selectObj.options[selectObj.selectedIndex].value+"'");
if (restore){selectObj.selectedIndex=0};
}
//-->
</script>
<!--ACTUA59|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||-->
</head>
<body onload=" initialise_traduction();">
<table border="0" cellspacing="0" cellpadding="2" align="center" width="100%">
<form name="accueil_animation">
<tr>
<td align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="900" HEIGHT="700" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" id="myFlash">
<param name="movie" value="flash_003.swf">
<param name="quality" value="high">
<param name="flashvars" value="val_societe=Academie&val_slogan=Concept%20Coiffure%20beaute&val_ligne1=Academie&val_ligne2=Concept%20Coiffure%20beaute">
<embed src='flash_003.swf' flashvars='val_societe=Academie&val_slogan=Concept%20Coiffure%20beaute&val_ligne1=Academie&val_ligne2=Concept%20Coiffure%20beaute' quality=high type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' WIDTH='800' HEIGHT='500' name='myFlash' swLiveConnect='true'>
</embed>
</object>
<br>
<br>
<input type="button" value="Quitter l'animation" name="bouton_accueil_animation" onclick="window.location='index_011.htm'">
</td>
</tr>
</form>
</table>
<script language="javascript">
</script>
</body>
</html>
Au fur et a mesure......
113pictural
Messages postés
457
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
5 octobre 2009
53
4 oct. 2009 à 07:27
4 oct. 2009 à 07:27
Ok, j'ai lu ton .html
Ce sera facile d'y placer:
1. le .css que j'ai écrit, entre <head> et </head>, en écrivant les vraies valeurs que tu souhaites, là ou apparaissent actuellement des _ . Egalement, sera judicieux de renseigner les dimensions du block dans
.accueil
{
display: block;
position relative;
width: 900px;
height: 700px
}
2. entre <body> et </body> là où apparaît le .swf:
<table border="0" cellspacing="0" cellpadding="2" align="center" width="100%">
<tr>
<td align="center">
<a class="accueil" href="index_011.htm>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="900" HEIGHT="700" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" id="myFlash">
<param name="movie" value="flash_003.swf">
<param name="quality" value="high">
<param name="flashvars" value="val_societe=Academie&val_slogan=Concept%20Coiffure%20beaute&val_ligne1=Academie&val_ligne2=Concept%20Coiffure%20beaute">
<embed src='flash_003.swf' flashvars='val_societe=Academie&val_slogan=Concept%20Coiffure%20beaute&val_ligne1=Academie&val_ligne2=Concept%20Coiffure%20beaute' quality=high type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' WIDTH='900' HEIGHT='700' name='myFlash' swLiveConnect='true'>
</embed>
</object>
<span>
Quitter l'animation/Entrer sur le site
</span>
</td>
</tr>
</table>
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Tu remarqueras que:
1. j'ai ajusté à 900x700px les 2 commandes de dimensions du .swf
2. j'ai supprimé toute présence d'un bouton: le .swf tout entier est dynamique grâce au lien en .css et .html que j'y ai placé
3. la présence du .swf s'exprime d'une façon fort compliquée, pas tout à fait correcte; mais je n'y ai rien changé
Ce sera facile d'y placer:
1. le .css que j'ai écrit, entre <head> et </head>, en écrivant les vraies valeurs que tu souhaites, là ou apparaissent actuellement des _ . Egalement, sera judicieux de renseigner les dimensions du block dans
.accueil
{
display: block;
position relative;
width: 900px;
height: 700px
}
2. entre <body> et </body> là où apparaît le .swf:
<table border="0" cellspacing="0" cellpadding="2" align="center" width="100%">
<tr>
<td align="center">
<a class="accueil" href="index_011.htm>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="900" HEIGHT="700" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" id="myFlash">
<param name="movie" value="flash_003.swf">
<param name="quality" value="high">
<param name="flashvars" value="val_societe=Academie&val_slogan=Concept%20Coiffure%20beaute&val_ligne1=Academie&val_ligne2=Concept%20Coiffure%20beaute">
<embed src='flash_003.swf' flashvars='val_societe=Academie&val_slogan=Concept%20Coiffure%20beaute&val_ligne1=Academie&val_ligne2=Concept%20Coiffure%20beaute' quality=high type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' WIDTH='900' HEIGHT='700' name='myFlash' swLiveConnect='true'>
</embed>
</object>
<span>
Quitter l'animation/Entrer sur le site
</span>
</td>
</tr>
</table>
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Tu remarqueras que:
1. j'ai ajusté à 900x700px les 2 commandes de dimensions du .swf
2. j'ai supprimé toute présence d'un bouton: le .swf tout entier est dynamique grâce au lien en .css et .html que j'y ai placé
3. la présence du .swf s'exprime d'une façon fort compliquée, pas tout à fait correcte; mais je n'y ai rien changé
113pictural
Messages postés
457
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
5 octobre 2009
53
4 oct. 2009 à 09:11
4 oct. 2009 à 09:11
...où
<span>
Quitter l'animation/Entrer sur le site
</span>
est toute la subtilité de la commande .css !
<span>
Quitter l'animation/Entrer sur le site
</span>
est toute la subtilité de la commande .css !
113pictural
Messages postés
457
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
5 octobre 2009
53
4 oct. 2009 à 09:50
4 oct. 2009 à 09:50
erratum: une erreur de frappe, classique à la rédaction en ligne, s'est glissée.
Désormais il faut lire:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::
.accueil
{
display: block;
position: relative;
width: 900px;
height: 700px
}
::::::::::::::::::::::::::::::::::::::::::::::::::::::::
...les 2 points après position!
Désormais il faut lire:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::
.accueil
{
display: block;
position: relative;
width: 900px;
height: 700px
}
::::::::::::::::::::::::::::::::::::::::::::::::::::::::
...les 2 points après position!
panter1963
Messages postés
53
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
22 septembre 2013
6 oct. 2009 à 23:42
6 oct. 2009 à 23:42
rien a faire ça marche pas...lolll...je pense que le probleme est devant l écran...:(
panter1963
Messages postés
53
Date d'inscription
jeudi 24 septembre 2009
Statut
Membre
Dernière intervention
22 septembre 2013
6 oct. 2009 à 23:48
6 oct. 2009 à 23:48
Merci pour tout tes efforts...c est tres gentil..