aide pour mon SITE

hello tous!
j'aurai besoin d'un peu d'aide ou plutôt de tips pour fignoler certains trucs sur mon site
jihro.free.fr

le plus simple, j'aimerais remplacer mes typos d'accueil gif par des
typos flash sur fond transparent, même chose pour la page cinema/movie
en fait, j'utilise dreamweaver MX et même avec google je ne trouve pas comment rendre le fond de mes texte flash transparent

et aussi j'aimerais animer ma page d'accueil, juste que certaines étoiles/points soit animées
mais là je ne sais pas du tout, si je remplace mon image de fond par un gif animé fait dans after ça risque d'être lourd!
pas d'idée...

si toi là tu sais quelque chose dis le moi!
(les avis sont bienvenus aussi)
merci

mets ce parametre a ton objet flash

Code:

<param name="wmode" value="transparent">

et voila.

ahhhhh j'esperais que ce soit tout con mais impossible de trouver ds dreamweaver!
merci Thor! et l'autre truc une idée?

Bein quel genre d'anim tu veux ?
Et tu te sens vraiment obligé de faire une guirlande de Noel ? Tu sais c'est tres bien comme cela hein ;p

eh bien je voulais faire vivre certaines étoiles en anim de position pas d'intensité, genre elle partent du centre très lentement pour aller vers l'exterieur, pour donner un tout petit peu de vie!

sinon je fais mes compressions en H264 via after mais du coup le movie doit être complètement téléchargé avant de le voir.
exemple les derniers quicktime que j'ai mis blood the last vampire... et en plus ils sont lourds!
vous avez un truc?
j'utilisais cleaner XL avant mais ce n'est pas friendly user

pour le quicktime tu avais une appli qui te reconvertissait ton QT dans un mode ou il commençait à lire une fois que le tampon était suffisant. Comme ça pas besoin d'attendre le chargement complet.

non non pas de video faut le faire en javascript
Il f aut intégrer ce script juste après la balise
et met un fichier appeler 4.gif (ou sinon tu remplaces dans le script mais c'est plus facile de renomer)

Code:

<script language="Javascript1.2">
<!-- script écrit par Altan. Visitez son site! -->
<!-- http://www.altan.hr/snow -->

<!-- script utiliser à titre d'exemple -->
<!-- http://www.espace-webmaster.com -->

<!-- Begin
var no = 15; // nombre de flocon
var speed = 9; // Vitesse ou tombe les flocons
var snowflake = "4.gif"; // Nom de votre image

var ns4up = (document.layers) ? 1 : 0; // Version de netscape
var ie4up = (document.all) ? 1 : 0; // Version d' Internet Exploreur
var dx, xp, yp; // Coordonnées de positionnement
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // définition du coordonné
xp[i] = Math.random()*(doc_width-50); // définition de la position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // définition de l'amplitude
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // définition de l'animation pour Netscape
for (i = 0; i < no; ++ i) { // de même pour chaque point
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // Définition de l'animation pour Internet Exploreur
for (i = 0; i < no; ++ i) { // de même pour chaque point
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

Swoop a écrit:pour le quicktime tu avais une appli qui te reconvertissait ton QT dans un mode ou il commençait à lire une fois que le tampon était suffisant. Comme ça pas besoin d'attendre le chargement complet.

et tu te souviens de son nom ça m'interesse!

merci Thor je vais étudier ça! c'est très interessant!
avec ça je vais pouvoir avoir un mvt class du centre (le cercle) vers l'exterieur?
let's see!

le script que je t'ai filer c'est du haut vers le bas mais avec quelques modif' tu dois pouvoir t'en sortir

et ton logiciel Swoop tu t'en souviens?

atta je rentre de week end, je vais chercher aujourd'hui

finalement pour le fond je fais un fondu dans flash entre 2 jpegs
par contre comment remplacer mon fond (un jpeg ) par un swf?
par propriétés de la page, je remplage l'image par le swf mais ça n'affiche rien???
je ne sais pas trop... une idée pour le noob en flash?
merci déjà pour le reste en tout cas

A ce prix là fais carrément un site en flash...

Sinon pour le background en flash je sais pas, mais pour les quicktime qui se lisent avant la fin du chargement, je crois que tu peux le faire directement avec quicktime pro, en exportant ton fichier en sequence quicktime, dans les options, en bas, tu coches "préparer pour l'enchainement via internet" et "démarrage rapide"
Je suis pas sur à 100%..

essaie de regarder vers media encoder de chez adobe... ca te proposera des fichier flv où tu va pouoir les joindre à ta page web... de facon plus sympa... et pour le loading, ca devrait se gerer facilement ! puisque moins lourd...

Herronelou a écrit:A ce prix là fais carrément un site en flash...

t fou je le refais pas à 0!
je dois déjà apprendre nuke alors...
pour quicktime il me semble bien que l'option existe, mais mes videos sont déjà encodées, je n'ai pas envi de les réencoder juste pour cocher ça, ludo me parlait d'un logiciel qui rajouterai ça mais il ne l'a pas retrouvé

sinon je vais voir pour les fichiers flv et media encoder
pourquoi rien n'est simple!

parce que tu fais du web.... et que (pour ma part) c'est d'une logique inversée... !!!

ben ouais c'est vraiment pas mon métier...

hello!
j'essaye à présent de remplacer les typos gif de l'index par des texts flash
mais ça désactive le "a href" je ne sais pas pourquoi

j'ai bien essayé ça

Code:

 <a href="html/cinema.html" target="toto" style="position: absolute; width:142px; height:52px; top: 68px; left: 200px; display: block;"></a>

mais comme mon tableau est centré, la zone ne correspond pas en fonction de la taille de la fenêtre

voici le code de la page
la partie en question se trouve environ au milieu

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>//// /////////////// ///////////// jihro //// /////////////// ///////// //// </title>
<meta name="DEscriptION" content="jihro, graphiste, after, effects, cinema ">
<meta name="keywords" content="">
<link rel="SHORTCUT ICON" href="http://jihro.free.fr/favicon.ico">
<style type="text/css">
.fond {
   background-color;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bolder;
   color: 4C5424;
   font-style: normal;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   }
</style>
<style type="text/css">
a:link {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 18px;
   font-style: normal;
   font-weight: bolder;
   color: #FFFFFF;
   text-decoration: none;
   text-transform: none;
   }
a:visited {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 18px;
   font-style: normal;
   font-weight: bolder;
   color: #FFFFFF;
   text-decoration: none;
   }

</style>
<style type="text/css">
<!--
.types {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   font-style: normal;
   font-weight: bolder;
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
}
body {
   background-color: #3D0101;
   margin-right: 0px;
   background-image: url(SOURCES/1-home/HomeNewWorld_4.JPG);
   background-repeat: no-repeat;
   background-position: center top;
}
.Style1 {color: #650F10}

-->
</style>
</head>


<body>

      <table width="915" border="0" align="center" class="types">
  <tr>
    <td height="23" align="center" valign="middle" class="types"><a href="index.html" class="Style3"><img src="SOURCES/1-home/HomE.gif" width="25" height="21" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" align="center" valign="middle" class="types">
      <table width="100%" height="38" border="0" align="center" class="types">
        <tr align="center" valign="middle">

cette partie!

Code:

<td width="133" class="types"><div align="center"><p class="Style2"><a href="html/cinema.html" target="toto">
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="145" height="47">
                <param name="BGCOLOR" value="#580D11">
                <param name="wmode" value="transparent">
                <param name="movie" value="SOURCES/1-home/chrono.swf">
                <param name="quality" value="high">
                <embed src="SOURCES/1-home/chrono.swf" width="145" height="47" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#580D11" ></embed>
              </object>
              </a></p>


Code:

        </span>
          </td>
          <td width="179" class="types"><span class="Style2"><font color="#FFFFFF"><a href="html/real-perso.html" target="toto"><img src="SOURCES/1-home/typos%20gif/rea.GIF" width="131" height="21" border="0"><img src="SOURCES/1-home/typos%20gif/perso.GIF" width="81" height="25" border="0"></a></font></span></td>
          <td width="175" class="types"><span class="Style2"><font color="#FFFFFF"><a href="html/work-bandemo.html" target="toto"><img src="SOURCES/1-home/typos%20gif/oldemo.gif" width="143" height="21" border="0"><img src="SOURCES/1-home/typos%20gif/work.gif" width="77" height="25" border="0"></a></font></span></td>
          <td width="134" class="types"><p class="Style2"><font color="#FFFFFF"><a href="html/still%20images.html" target="toto"><img src="SOURCES/1-home/typos%20gif/images.GIF" width="93" height="26" border="0"><img src="SOURCES/1-home/typos%20gif/still.GIF" width="67" height="25" border="0"></a></font></p></td>
          <td width="99" class="types"><span class="Style2"><font color="#FFFFFF"><a href="html/links.html" target="toto"><img src="SOURCES/1-home/typos%20gif/liens.GIF" width="53" height="21" border="0"><img src="SOURCES/1-home/typos%20gif/links.GIF" width="72" height="25" border="0"></a></font></span></td>
          <td width="163" class="types"><span class="Style2"><font color="#FFFFFF"><a href="html/coord-parcours.html" target="toto"><img src="SOURCES/1-home/typos%20gif/parcours.GIF" width="113" height="20" border="0"><img src="SOURCES/1-home/typos%20gif/coord.GIF" width="84" height="25" border="0"></a></font></span></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="40" align="center" valign="middle" class="types"><iframe src="" name="toto" width="900" height="540" scrolling="auto" frameborder="0" class=".fond Style1" allowtransparency="true" application="true"></iframe></td>
  </tr>
 
  <tr>
    <td width="100%" height="43" align="center" valign="middle" class="types"><div align="right">
      <p><font face="Arial, Helvetica, sans-serif"><a href="http://www.imingo.net" target=_blank><img src="http://www.imingo.com/services/compteur/icptsp.php?id=compteur_invisible"
 name="imingo.com" border="0" alt="un compteur pour votre site"></a><span class="Style2"><a href="http://imdb.com/name/nm1551620/" target="_blank"><img src="SOURCES/1-home/imdb.jpg" width="35" height="20" border="0"></a></span><a href="SOURCES/1-home/cookies_fortune.html" target="_blank"><img src="SOURCES/1-home/chat.gif" width="32" height="32" border="0"></a> </font></p>
      </div></td>
  </tr>
</table>
 

</body>
</html>


j'ai pas tout lu mais pour faire un lien en flash, tu peux inclure le lien dans ton swf..du coup plus besoin de href..

ouais

Herronelou a écrit:j'ai pas tout lu mais pour faire un lien en flash, tu peux inclure le lien dans ton swf..du coup plus besoin de href..

pas besoin de tout lire (j'ai tout mis au cas où)! en fait la partie dont je parlais est isolé entre les 2 quotes
j'ai bien vu que je pouvais mettre un lien ds le swf mais je n'arrive pas à modifier ce lien pour rajouter le target (car j'utilise des iframes)
en fait je ne trouve pas le lien ds le code source de l'objet...

tu peux t'en sortir avec un truc du genre

Code:

navigateToURL(targetURL, "menuIframe");

sur ton bouton et

Code:

<iframe src=home.html name="menuIframe" width="630" height="300" frameborder="0" scrolling="no"></iframe>

dans ton code

merci bien!
je vais tester ça...