Design e programação criativa na web.

Posts tagged ‘HTML’

Tutorial Flash, XML com HTML e CSS

Um maneira simples de importar um ficheiro xml para dentro do flash. Desta maneira pode-se importar um textos com as “tags” HTML e criar um ficheiro CSS para que estilizar os diversos elementos. Tenham em conta que o suporte de css no flash limita-se ao standard CSS1.

Código actionscript:

var ficheiro_xml = new XML();

caixa_de_texto.html = true;
ficheiro_xml.ignoreWhite = true;

// –> criar o objecto CSS
var folha_css = new TextField.StyleSheet();
// — carregar CSS
folha_css.load(“nome_da_folha de estilos.css”);
caixa_de_texto.styleSheet = folha_css;

//–>Carregar o XML<–//
ficheiro_xml.onLoad = function(sucesso) {
if (sucesso) {
trace(“sucesso”);
} else {
trace(“ERRO ao carregar o XML!!!”);

}
nome_caixa_texto.htmlText=ficheiro.firstChild.childNodes[0].firstChild.nodeValue;
};
ficheiro_xml.load(“endereço_do_ficheiro.xml”);

/////\\\\

Código XML:

<?xml version=”1.0″ encoding=”utf-8″ ?>

<textos>
<texto1><![CDATA[<html><body><p class=”titulo”>¿Lorem ipsum dolor sit amet, consectetuer<p>
<p class=”texto”>Lorem ipsum dolor sit amet, consectetuer <span class=”span”> Lorem ipsum dolor sit amet, consectetuer.</span> Lorem ipsum dolor sit amet, consectetuer!</p></body></html>]]>

</texto1>
<texto2>2 -Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nisl risus, tristique id, ultrices et, varius vitae, magna. Suspendisse nunc. Phasellus sit amet massa. Phasellus mauris. Pellentesque placerat nunc ac ante. Sed luctus venenatis arcu. Nam turpis purus, dictum non, lobortis a, tristique eget, pede.

</texto2>
</textos>

Código CSS:

.titulo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC6600;
font-weight: bold;
}
.texto {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight: normal;
}

.span {
font-weight: bold;
}

////

Aqui está o zip com todos os ficheiros.
-> Download

Nuvem de etiquetas