[Flash]Comment avoir un site qui s adapte a la resolution ?

Comment avoir un site qui s adapte a la resolution ? [Flash] - Infographie 2D - Graphisme

Marsh Posté le 24-07-2003 à 21:22:59    

Bonjour a tous
 
J ai remarque que ce site www.designchapel.com s adapte aux resolutions de l ecran et ce sans deformer les image qui sont dedans . Comment fait on cela ?

Reply

Marsh Posté le 24-07-2003 à 21:22:59   

Reply

Marsh Posté le 24-07-2003 à 22:31:46    

Bon, j'ai pas regarder ce site (RTC [:spamafote]) mais logiquement, si tu fais tout en vectoriel et que dans ta page tu fais appelle à ton animation flash en la définissant en pourcentage, ça doit s'adapter à toutes les résolutions. Après, si tu parles dans le sens photos, etc.. (.gif, .jpg, .png...) benh je sais pas.


Message édité par RiderCrazy le 24-07-2003 à 22:32:23
Reply

Marsh Posté le 24-07-2003 à 22:44:58    

y'a bien une solution en javascript, mais c'est innenvisageable! -> il faudrait faire 1 site par résolution :D

Reply

Marsh Posté le 24-07-2003 à 23:05:04    

A la limite, ce qu'il me parait possible de faire si tu as des photos que tu ne peut pas mettre en vectoriel:
-tu fais toute l'interface du site en vectoriel
-tu fais plusieurs versiond e tes images (plusieurs tailles pour différentes résolutions)
-un petit script (javascript dans la page ou alors il doit bien avoir des fonctions dans le style en actionscript direct sou le flash) pour detecter la resoltion du client et hop, tu charges les images en conséquence. le reste étant en vectoriel, ça s'adapte.
Mais bon, c'est un peu du bidouillage là :o

Reply

Marsh Posté le 24-07-2003 à 23:06:26    

RiderCrazy a écrit :

Bon, j'ai pas regarder ce site (RTC [:spamafote]) mais logiquement, si tu fais tout en vectoriel et que dans ta page tu fais appelle à ton animation flash en la définissant en pourcentage, ça doit s'adapter à toutes les résolutions. Après, si tu parles dans le sens photos, etc.. (.gif, .jpg, .png...) benh je sais pas.

oui mias la c est pas 100% vectoriel car , la femme qui est en arriere plan est clairement toshop .

Reply

Marsh Posté le 25-07-2003 à 01:21:34    

non elle est en vecteurs..ça se voit quand on zoome

Reply

Marsh Posté le 25-07-2003 à 11:00:22    

DushnoK a écrit :

non elle est en vecteurs..ça se voit quand on zoome

ca me tonnerait qu il l aie faites sous flash :/

Reply

Marsh Posté le 25-07-2003 à 22:09:35    

j'avais fait ça a une epoque pour mon site (http://www.graphicbeaute.com)
si ça peut aider...
 
function position() {
     if (screen.width > 1152){window.moveTo(240,0);}
else if (screen.width > 1024){window.moveTo(176,0);}
else if (screen.width > 800) {window.moveTo(112,0);}
else if (screen.width = 800) {window.moveTo(0,0)  ;}}
position();
 
function redim() {
if (screen.width >= 800)
 {self.resizeTo(800, screen.height);}}
redim();
 
 
 
sa redimmensionne et sa centre la page
 
en ce qui concerne le fait qu'il faut que les images soient adaptés a la resolution, je pense que oué, il faut faire en vectoriel, mais pour les photos et autres, ya pas le choix ...

Reply

Marsh Posté le 26-07-2003 à 10:20:36    

Donc si ya des photos ou autre chose que du vectoriel fait sous flash c est foutu ...

Reply

Marsh Posté le 26-07-2003 à 10:21:05    

meme si par exemple je veux que que mon image aie une taille fixe et le reste de la page soit adaptable ?

Reply

Marsh Posté le 26-07-2003 à 10:21:05   

Reply

Marsh Posté le 26-07-2003 à 10:54:33    

_-_-_-_GREG_-_-_-_ a écrit :

meme si par exemple je veux que que mon image aie une taille fixe et le reste de la page soit adaptable ?


ben c tout a fait possible, il suffit d'utiliser des tableaux avec un parametre de taille en pourcentage

Reply

Marsh Posté le 27-07-2003 à 13:16:01    

Comment fait on un panneau dans flash 5 ?

Reply

Marsh Posté le 27-07-2003 à 14:19:29    

_-_-_-_GREG_-_-_-_ a écrit :

Comment fait on un panneau dans flash 5 ?


quest ce ke t'appellles un panneau ?
et quand je te parle de tableaux, je parle dans la page html , pas dans flash.
tu veux faire un site tt en flash ?

Reply

Marsh Posté le 27-07-2003 à 14:34:11    

oui tt flash

Reply

Marsh Posté le 27-07-2003 à 14:37:46    

tu peux surement faire un script actionscript pour adapter a la resolution ou alors tu mets 100% ds les dimensions de l'anim ds la page html

Reply

Marsh Posté le 27-07-2003 à 14:42:52    

PhenXDesign a écrit :

tu peux surement faire un script actionscript pour adapter a la resolution ou alors tu mets 100% ds les dimensions de l'anim ds la page html

Mais j aimerais que ce soit un element dans l anim qui reste tjrs a la meme taille , les autres grandissent en fonction  de la resolution .

Reply

Marsh Posté le 27-07-2003 à 15:07:44    

_-_-_-_GREG_-_-_-_ a écrit :

Mais j aimerais que ce soit un element dans l anim qui reste tjrs a la meme taille , les autres grandissent en fonction  de la resolution .


pktu veux kil soit tj  ala meme taille?

Reply

Marsh Posté le 27-07-2003 à 15:10:13    

pask il est pas en vectoriel

Reply

Marsh Posté le 27-07-2003 à 19:31:36    

_-_-_-_GREG_-_-_-_ a écrit :

pask il est pas en vectoriel  


ok, mais il fera toujours la meme taille si c'est en plein ecran (ou si la fenetre du site fait toujours la meme proportion de l'ecran dans differentes resolutions), donc on peut adapter sa taille ...

Reply

Marsh Posté le 27-07-2003 à 19:36:22    

PhenXDesign a écrit :

ok, mais il fera toujours la meme taille si c'est en plein ecran (ou si la fenetre du site fait toujours la meme proportion de l'ecran dans differentes resolutions), donc on peut adapter sa taille ...

Oui mais non... ça va pixelliser [:spamafote]

Reply

Marsh Posté le 27-07-2003 à 23:10:09    

dans des basses resolutions 800*600, tout pixellise, bien sur on voit plus les pixels en 800*600 ke ne 1280*1024 kan on voit l'img a 100%; mais sa fait pas tache par rapport au reste et pui si on veut pas ke sa pixellise, sufit d'agrandir un chti peu l'img (le jpg permet de le faire sans trop de surplus de poids)

Reply

Marsh Posté le 01-08-2003 à 10:40:34    

pour moi la nana du site, c une photo qui a été entierement vectorialisé (je sais pas si ca se dit ?! lol) sous Flash


---------------
Leon
Reply

Marsh Posté le 01-08-2003 à 14:40:44    

leon-pctuning a écrit :

pour moi la nana du site, c une photo qui a été entierement vectorialisé (je sais pas si ca se dit ?! lol) sous Flash


[:acherpy]
 

Reply

Marsh Posté le 01-08-2003 à 18:24:45    

pour un site tout en flash tu peux faire un index avec ce script :
 
<script language="JavaScript">  
<!-- script créé par le webmaster de : -->
<!-- www.creation-de-site.net -->
<!-- vous y trouverez des javascripts, des images, des tutoriaux et des ressources gratuites. -->  
<!--
function redirect_resolution()
{
if (screen.width < 800) // 640 et -
window.location.href='800.html';
else if (screen.width < 1024) // 800
window.location.href='800.html';
else if (screen.width == 1024) // 1024
window.location.href='1024.html';
else if (screen.width > 1024) // + de 1280 et +
window.location.href='1024.html';
}
-->
</script>
 
et ensuite tu fais les page html correspondante (ici 800.html et 1024.html) ou tu définis la résolution de ton document flash
 
pour le 800 :
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
  id="index" width="740" height="440">
  <param name="movie" value="index.swf">
  <param name="quality" value="high">
  <param name="bgcolor" value="#FFFFFF">
  <embed name="index" src="800.swf" quality="high" bgcolor="#FFFFFF"
    width="740" height="440"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
  </embed>
</object>
 
et pour le 1024 :
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
  id="index" width="947,2" height="563,2">
  <param name="movie" value="index.swf">
  <param name="quality" value="high">
  <param name="bgcolor" value="#FFFFFF">
  <embed name="index" src="800.swf" quality="high" bgcolor="#FFFFFF"
    width="947,2" height="563,2"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
  </embed>
</object>
 
 

Reply

Marsh Posté le 01-08-2003 à 23:26:14    

Gaboriau a écrit :

pour un site tout en flash tu peux faire un index avec ce script :
 
<script language="JavaScript">  
<!-- script créé par le webmaster de : -->
<!-- www.creation-de-site.net -->
<!-- vous y trouverez des javascripts, des images, des tutoriaux et des ressources gratuites. -->  
<!--
function redirect_resolution()
{
if (screen.width < 800) // 640 et -
window.location.href='800.html';
else if (screen.width < 1024) // 800
window.location.href='800.html';
else if (screen.width == 1024) // 1024
window.location.href='1024.html';
else if (screen.width > 1024) // + de 1280 et +
window.location.href='1024.html';
}
-->
</script>
 
et ensuite tu fais les page html correspondante (ici 800.html et 1024.html) ou tu définis la résolution de ton document flash
 
pour le 800 :
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
  id="index" width="740" height="440">
  <param name="movie" value="index.swf">
  <param name="quality" value="high">
  <param name="bgcolor" value="#FFFFFF">
  <embed name="index" src="800.swf" quality="high" bgcolor="#FFFFFF"
    width="740" height="440"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
  </embed>
</object>
 
et pour le 1024 :
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
  id="index" width="947,2" height="563,2">
  <param name="movie" value="index.swf">
  <param name="quality" value="high">
  <param name="bgcolor" value="#FFFFFF">
  <embed name="index" src="800.swf" quality="high" bgcolor="#FFFFFF"
    width="947,2" height="563,2"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
  </embed>
</object>
 
 
 


Merci bien je vais etudier ce code de plus pres , mais je suis une tanche en html .
Je dois donc faire 2 version ?

Reply

Marsh Posté le 02-08-2003 à 00:43:55    

_-_-_-_GREG_-_-_-_ a écrit :


Merci bien je vais etudier ce code de plus pres , mais je suis une tanche en html .
Je dois donc faire 2 version ?

dans ce code 4... en fait c'est tout con: t'as un code javascript qui detecte la résolution de ton visiteur et qui le renvoie sur la page adéquat...

Reply

Marsh Posté le 02-08-2003 à 02:25:02    

en fait la page avec l'"embeded object" est généré par le logiciel (swish dans mon cas), je t'ai donné tout le code mais c'était juste au cas ou tu aurais voulu avoir les formats, tu peux en générer un et ensuite modifier la résolution ici c'est width="740" height="440 pour l'écran 800 et width="947,2" height="563,2" pour le 1024.  
 
Sans doute que ton logiciel flash génère aussi les page html, tout ce qui reste à faire ensuite c'est un index avec le script qui renvoie vers la bonne résolution.  
 
Je sais pas si c'est très clair, n'hésites pas à redemander des explications si ça va pas :)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed