Tuto as2 pour texte formate et CSS dans Flash

Bien que le CSS a de nombreuses propriétés pour modifier différents éléments de texte, la mise en œuvre actuelle de CSS en Flash est très limité. Le tableau ci-dessous, montre les balises accepte et interprète:

CSS --- ActionScript :

utilisation et valeurs interpretees

balises acceptees

text-align-----------textAlign-----------Les valeurs reconnues sont------------ left, center, et right.

font-size------------fontSize------------ Seule la partie numérique de la valeur est utilisée; (px, pt) ne sont pas parsees; pixels et les points sont équivalentes.

text-decoration-----------textDecoration-----------Les valeurs reconnues sont------------ none et underline.

margin-left---------------marginLeft--------------- Seule la partie numérique de la valeur est utilisée. (px, pt) ne sont pas parsees; pixels et les points sont équivalentes.

margin-right--------------marginRight-------------- Seule la partie numérique de la valeur est utilisée. (px, pt) ne sont pas parsees; pixels et les points sont équivalentes.

font-weight---------------fontWeight---------------Les valeurs reconnues sont------------ normal et bold.

font-style-----------fontStyle-----------Les valeurs reconnues sont------------ normal et italic.

text-indent---------------textIndent--------------- Seule la partie numérique de la valeur est utilisée. (px, pt) ne sont pas parsees; pixels et les points sont équivalentes.

font-family---------------fontFamily--------------- Une liste délimitée par des virgules des polices de caractères à utiliser, dans l'ordre décroissant de l'opportunité. Toute famille de polices peut être utilisé. Si vous spécifiez un nom de police générique, il sera converti en une police approprié . Les conversions de font suivantes sont disponibles: mono est converti en _typewriter, sans-serif est converti en _sans et serif est converti en _serif.

color----------------color--------------- Seul des valeurs de couleur hexadécimal (comme"#000000") sont pris en charge.les couleurs Nommé (comme bleu) ne sont pas supportées.

display--------------display-------------Les valeus acceptees sont------------ inline, block, et none.

Voir Un Exemple

Formatage du fichier texte de l Exemple pour la lecture dans Flash
(valable pour AS2 et AS3 )

content=15 mai 2008
 
 <ul><li>
 Envoie de la video 
 "SSAF Jo-Cyril"
 
 </li>
 <li style="list-style: none">dont je suis le cameraman pour le concours sweetspot de Zapiks et Nike ACG - 
 <a href="http://www.zapiks.fr/ssaf-jo-cyril-.html" target="_blank"> 
 Voir la video
 </a> 
 15 mai 2008
 
 <img src="16974-2.jpg" /> </li><li>
 Rajout de la partie News
 </li>
 <li style="list-style: none"> 
 13 mai 2008
 </li><li>
 Envoie de la video 
 "charge d'adrenaline"
 
 </li>
 <li style="list-style: none">dont je suis le cameraman pour le concours sweetspot de Zapiks et Nike ACG - 
 <a href="http://www.zapiks.fr/ssaf-concours-sweetspot-char.html" target="_blank"> 
 Voir la video
 </a>

le "content=" tout au debut tu texte corespond au "my_txt.htmlText = this.content;" dans l action script a vous d adapter a votre as

CSS (corespondant au texte ci dessus )
(valable pour AS2 et AS3 )

Action Script AS2 (corespondant au texte et CSS ci dessus ,( avec une scrolbar) )

"ATTENTION IL EST TRES IMPORTANT D APPELER LA CSS AVANT LE TEXTE DANS L ACTION SCRIPT AS2"

//debut Scrollbar
 
this.createClassObject(mx.controls.UIScrollBar, "my_sb", 20);
my_sb.setScrollTarget(my_txt);
my_sb.setSize(16, my_txt._height); 
my_sb.move(my_txt._x + my_txt._width, my_txt._y);
 //Fin Scrollbar
 
 
//LECTURE DES FICHIERS EXTERNE CSS EN PREMIER !! TRES IMPORTANT
var flash_css = new TextField.StyleSheet();
flash_css.load("http://rad2.free.fr/ccm/Essais/Bureau/styles.css");
flash_css.onLoad = function(success:Boolean) {
	if (success) {
	       my_txt.styleSheet = flash_css;
	} else {
	       trace("Could not load CSS file.");
	}
};
//LE TEXTE APRES LE CSS !! TRES IMPORTANT
function loadMyText(evt) {
	var loadit_lv:LoadVars = new LoadVars();
	loadit_lv.load("http://rad2.free.fr/ccm/Essais/Bureau/text.txt");
	loadit_lv.onLoad = function(success:Boolean) {
	       if (success) {
	               my_txt.condenseWhite = true;
	               my_txt.htmlText = this.content;
	       } else {
	               trace("Could not load text file.");
	       }
	};
}
loadMyText();
//FIN DE LA LECTURE DES FICHIERS EXTERNE

TOP

Pour plus de Details sur les balises acceptees

+ de TUTO SUR MON SITE