Passage-de-l-intro-a-la-page-d-accueil
Résolu
panter1963
Messages postés
53
Date d'inscription
Statut
Membre
Dernière intervention
-
panter1963 Messages postés 53 Date d'inscription Statut Membre Dernière intervention -
panter1963 Messages postés 53 Date d'inscription Statut Membre Dernière intervention -
Salut les pros ,
J aimrais savoir comment faire la transition htlm pour passe de ma page intro flash a ma page d accueil ??
merci
J aimrais savoir comment faire la transition htlm pour passe de ma page intro flash a ma page d accueil ??
merci
A voir également:
- Passage-de-l-intro-a-la-page-d-accueil
- Page d'accueil - Guide
- Page accueil iphone - Guide
- Impossible de supprimer une page word - Guide
- Passage qwerty azerty - Guide
- Numéro de page word - Guide
13 réponses
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!!!
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.
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......
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
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.
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......
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é
...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 !
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!
