[FLASH] adaper ma PSP au contenu

Statut
N'est pas ouverte pour d'autres réponses.
W

[wAly]

bibi j'en suis baba
slt à tous,

voilà je suis a la recherche d'un tuto qui m'expliquerait comment faire pour "éclater" ma PSP càd que j'aimerais que la taille de la PSP s'adapte au contenu...

Pour que vous compreniez bien, je vous met un printscreen...




Merci
 
*Serval

*Serval

Elite
Alors, c'est pas toujours simple ça, moi je dois toujours chipoter, surtout pour que ce soit compatible avec tous les navigateurs.

Je ne pense pas que ce soit la meilleure façon de le faire, bien au contraire, mais je n'ai rien trouvé d'autre, donc je t'explique déjà ça ^^


Voici comment je fais.

Dans mon css, j'ai un id qui est "contenu" qui contient toute la page, un id "header" qui contient l'en-tête, un id "texte" qui va être la div affichant la zone bleue chez toi et un id "footer" qui représente le pied de page (la barre grise du dessous avec le logo PSP)

Tu dois donc faire quelque chose du style :
Code: 
html { height: 100%; }

body { height: 100%; margin:0; padding:0; /* encore plein de trucs blablabla */ }

* html contenu { height: 100%; }

div#contenu {	
min-height: 100%; 
/* d'autres trucs*/
}

div#header{
/* on s'en fout ici */
}

div#texte{
	background-image:url("img/fond_bleu.png");
	background-repeat:repeat-y;
}

div#footer {
	background-image:url("img/barre_dessous.png");
	background-repeat:no-repeat;
	position: absolute; bottom: 20px;
	}
Donc ici, on
Le min-height assure que le contenu fait au moins 100% de la fenêtre (plus si le texte est trop long) pour firefox. Ca ne fonctionne pas pour IE, donc je le "buggue" en lui mettant * html contenu { height: 100%; }

ensuite je colle le footer en position absolue au bas de la page.

La zone texte s'étendra donc, et le fond derrière se répetera verticallement autant de fois qu'il le faut




petite remarque, pour ton fond bleu, tu ne sais pas faire une découpe fine dans ce motif. les dégradés verticaux ca pose problème :/
 
1er
OP
W

[wAly]

bibi j'en suis baba
jpense que je me suis mal exprimer :s je voulais via flash créé une anim qui une fois que le texte dépasse la taille de l'écran de la PSP, l'écran s'ouvre( comme sur mon print) et que la taille s'adapte en fonction de mon texte...

sinon je ferai comme tu as noté

Merci en tt cas ;)
 
*Serval

*Serval

Elite
hihi, pas regardé le tag du titre :D
 
[L56]

[L56]

Elite
Salut,

Tout d'abord, tu dois mettre ton champs texte en auto-size.
Ensuite, tu dois tracker le chargement de tes datas avec l'évènement 'onLoad'.
Quand la booleènne de l'évenement sera passée à 'true', tu pourras recupérer la hauteur de ton champs texte.
Tu devras alors calculer la différence que tu as entre la hauteur total de ta psp et le bas de ton champs texte. N'oublies pas d'y soustraire également la garniture du bas de ta PSP.
Tu obtriendras donc la hauteur à combler par des 'languettes' de degradé blanc que tu placera en attachMovie().

Pour ton image bleu, c'est plus problématique, car arriver à la répeter de manière propre parraît impossible.
Le mieux serait de faire une image assez longue, et de la dévoiler avec un masque, transformé au préalable en clip auquelle tu transmettras la hauteur du champs texte

Je te conseille de travailler avec des classes extends MovieClip.

[L56]
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut