Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Rejoignez le forum, c'est rapide et facile

Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Artkabis

Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Forum d'entraide en graphisme et webdesign. Formation pour Flash, Photoshop et les langages: as2, as3, html, php, javascript, etc.

Le Deal du moment :
Xiaomi Mi Smart Camera 2K Standard Edition (design ...
Voir le deal
11.39 €

3 participants

    Chargement de texte avec formatage par css et sa scrollBar

    artkabis
    artkabis
    Fondateur
    Fondateur


    Messages : : 4545
    Age : : 40
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    Chargement de texte avec formatage par css et sa scrollBar Left_bar_bleue9/10Chargement de texte avec formatage par css et sa scrollBar Empty_bar_bleue  (9/10)

    Chargement de texte avec formatage par css et sa scrollBar Empty Chargement de texte avec formatage par css et sa scrollBar

    Message par artkabis Mer 25 Fév - 12:18

    Bonjour à tous, bon ben après avoir passé pas mal de temps sur ce tutoriel, le voici enfin terminé.

    Ce tutoriel est l'un de mes plus complet et je pense qu'il vous plaira. Pour vous donner un petit aperçut de ce que vous aurez à la fin de ce tuto, voici quelques infos sur l'application final:

    •Chargement de fichier texte
    •Chargement d'une feuille de style css
    •Mise en place et formatage du texte via la feuille de style
    •Gestion des erreurs de chargement lié au texte avec message interne à l'application
    •Gestion des erreurs de chargement lié à la feuille css avec message interne

    Voici à quoi ressemblera votre application à la fin de ce tutoriel:
    Chargement de texte avec formatage par css et sa scrollBar Apercu12

    Voili voilou, en tout cas j'ai passé pas mal de temps à dénicher des infos sur ce fameux formatage avec css, il faut savoir qu'en France, je n'ai pas trouvé un seul site qui indiquait la marche à suivre, donc je pense que ce tuto et plutôt le bienvenue...

    Les fichiers sources:

    source_as_css.zip

    Le code utiliserdans notre classe externe:
    Code:

    package com.artkabis
    {
       //_____○○○--Imports--○○○_____\\
       import flash.text.TextField;
       import flash.text.TextFormat;
       import flash.text.TextFormatAlign;
       import flash.text.StyleSheet;
       import fl.controls.UIScrollBar;
       import flash.display.Sprite;
       import flash.events.Event;
       import flash.events.IOErrorEvent;
       import flash.net.URLLoader;
       import flash.net.URLRequest;
       
       public class Tutocss extends Sprite
       {
          //--------------------------○○ Declaration des différentes variables
          private var formatErr:TextFormat = new TextFormat();
          private var loader:URLLoader = new URLLoader();
          private var LoaderText:URLLoader = new URLLoader();
          private var sheet:StyleSheet = new StyleSheet();
          private var txtErr:TextField = new TextField ();
          
          //_________________________________○○○ Constructeur\\
          public function Tutocss ()
          {
             var lienTxt:URLRequest = new URLRequest ("news_as3.txt");
             var lienCss:URLRequest = new URLRequest ("Style.css");
             
             //------------------------------------------○○ Paramètrage du texte
             formatErr.align = TextFormatAlign.CENTER;
             formatErr.color = 0xFF0000;
             formatErr.size = 14;
             formatErr.font = "Eras Bold ITC";
             txtErr.width = 350;
             txtErr.x = (stage.stageWidth - txtErr.width)/2;
             txtErr.y = stage.stageHeight /2;
             txtErr.multiline = false;
             txtErr.defaultTextFormat = formatErr;
             
             //-----------------------○○ initialisation des écouteurs et des loaders
             loader.load ( lienCss );
             LoaderText.load ( lienTxt );
             LoaderText.addEventListener(IOErrorEvent.IO_ERROR, erreurT);
             loader.addEventListener(IOErrorEvent.IO_ERROR, erreurC);
             LoaderText.addEventListener(Event.COMPLETE,chargeCompletCss);
          }
          public function erreurT (e:IOErrorEvent):void
          {
             addChild ( txtErr );
             txtErr.text = "Chargement du texte impossible...";
          }
          public function erreurC (e:IOErrorEvent):void
          {
             addChild ( txtErr );
             txtErr.text = "Chargement du style css impossible...";
          }
          public function chargeCompletCss (event:Event):void
          {
             sheet.parseCSS(loader.data);
             var contenu:String = event.target.data;
             news.styleSheet = sheet;
             news.htmlText = contenu;
          }
       }
    }

    Le tutoriel:


    Dernière édition par artkabis le Ven 27 Fév - 19:35, édité 1 fois
    Lilwarre A.K.A. Prod
    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte


    Messages : : 631
    Age : : 34
    Logiciels : Logiciels : : Adobe Master Collection CS4!
    Date d'inscription : 31/12/2008

    Capacités en graphisme
    Capacité graph:
    Chargement de texte avec formatage par css et sa scrollBar Left_bar_bleue0/0Chargement de texte avec formatage par css et sa scrollBar Empty_bar_bleue  (0/0)

    Chargement de texte avec formatage par css et sa scrollBar Empty Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par Lilwarre A.K.A. Prod Jeu 26 Fév - 8:21

    Merci beaucoup car c'était un tutoriel que je cherchais .
    Toujours du gros boulot tu fais.
    Une bonne journée je te souhaite. pfff
    artkabis
    artkabis
    Fondateur
    Fondateur


    Messages : : 4545
    Age : : 40
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    Chargement de texte avec formatage par css et sa scrollBar Left_bar_bleue9/10Chargement de texte avec formatage par css et sa scrollBar Empty_bar_bleue  (9/10)

    Chargement de texte avec formatage par css et sa scrollBar Empty Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par artkabis Ven 27 Fév - 19:36

    Le tuto est arrivé !!!!
    Lilwarre A.K.A. Prod
    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte


    Messages : : 631
    Age : : 34
    Logiciels : Logiciels : : Adobe Master Collection CS4!
    Date d'inscription : 31/12/2008

    Capacités en graphisme
    Capacité graph:
    Chargement de texte avec formatage par css et sa scrollBar Left_bar_bleue0/0Chargement de texte avec formatage par css et sa scrollBar Empty_bar_bleue  (0/0)

    Chargement de texte avec formatage par css et sa scrollBar Empty Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par Lilwarre A.K.A. Prod Ven 27 Fév - 21:19

    Et bein toi on peut pas dire que tu vas doucement Smile.
    Tu enchaine les tutoriels.
    Bravoo ! cheers
    artkabis
    artkabis
    Fondateur
    Fondateur


    Messages : : 4545
    Age : : 40
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    Chargement de texte avec formatage par css et sa scrollBar Left_bar_bleue9/10Chargement de texte avec formatage par css et sa scrollBar Empty_bar_bleue  (9/10)

    Chargement de texte avec formatage par css et sa scrollBar Empty Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par artkabis Sam 28 Fév - 0:21

    En plus, celui-là est plutôt sympa !!!
    Lilwarre A.K.A. Prod
    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte


    Messages : : 631
    Age : : 34
    Logiciels : Logiciels : : Adobe Master Collection CS4!
    Date d'inscription : 31/12/2008

    Capacités en graphisme
    Capacité graph:
    Chargement de texte avec formatage par css et sa scrollBar Left_bar_bleue0/0Chargement de texte avec formatage par css et sa scrollBar Empty_bar_bleue  (0/0)

    Chargement de texte avec formatage par css et sa scrollBar Empty Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par Lilwarre A.K.A. Prod Sam 28 Fév - 11:05

    Oui je te l'accorde pfff .
    LaMartine61
    LaMartine61
    Nouveau membre
    Nouveau membre


    Messages : : 10
    Age : : 62
    Logiciels : Logiciels : : Quels logiciels utilisez-vous ?
    Adobe Master CS5
    Date d'inscription : 12/07/2011

    Chargement de texte avec formatage par css et sa scrollBar Empty Au sujet du tutoriel

    Message par LaMartine61 Mar 12 Juil - 20:25

    Bonjour!

    Je suis heureuse d'être parmi vous mais j'ai besoin de votre aide.

    Voilà, ce tutoriel est vraiment très intéressant. Je l'ai suivi à la lettre et tout fonctionne bien lorsque l'on fait Contrôle > Tester l'animation.

    Mais lorsque je fais Fichier > Publier ma barre de défilement ne fonctionne pas... bien je ne vois que le background et pas le scroller. Pourquoi?

    Je me suis aperçue, qu'avec une souris à roulette, le texte défile mais pour ceux qui n'ont pas de souris, qu'il utilise un portable, bien ils ne peuvent pas voir le reste du texte. Pourquoi?

    J'ai même essayé avec les fichiers du tutoriel pour voir si c'était moi qui a fait un erreur et bien non, même avec les fichiers du tutoriel et que je fais Fichier > Publier je n'ai pas accès au scroller de la scrollbar.

    Pouvez-vous m'aider?

    Merci beaucoup pour tout.

    Contenu sponsorisé


    Chargement de texte avec formatage par css et sa scrollBar Empty Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar - 22:24

      Ne ratez plus aucun deal !
      Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
      IgnorerAutoriser