Fluid layouts in FlashListThumbs
Fluid layouts in Flash
I have done some projects in the past using a lot of Flash, most of the newcomers usually want their sites done using this Adobe technology.
Nowadays, though, Flash seems to have lost a bit of its shine. With AJAX, Webstandards, CSS and stuff like that being hyped as the new trend for this new web called web 2.0.
However, as an unknown designer doing my job, I have started a flash project. Basically it’s a site in flash. So one of the things that I was willing to do was to create a fluid site in flash, that resizes when I resize my browser’s window.
After some searches everything was pretty clear, it was far simpler than I expected, because that I show bellow an example with a very simple design of my logo.
Step 1 - Create a new flash project, any size, it doesn’t matter, it will take 100% of the screen.
Step 2 - Place the design and create movieclips. In this example I set the registration point in the center of all movieclips, making everything much easier to align.
Step 3 - The Stage Class
The Stage class is a top-level class whose methods, properties, and handlers you can access without using a constructor. Use the methods and properties of this class to access and manipulate information about the boundaries of a SWF file.
var stageListener:Object = new Object();
stageListener.onResize = function() {
};
Stage.scaleMode = "noScale";
Stage.align = "TL";
Stage.addListener(stageListener);
Step 4 - Using the Tween Class to spice it up a little bit. I used this class to create tweens, so, when the user will resize the windows and when he finishes the resizing and release the button, the elements will move straight to the center of the screen again.
The Tween class lets you use ActionScript to move, resize, and fade movie clips easily on the Stage by specifying a property of the target movie clip to be tween animated over a number of frames or seconds. The Tween class also lets you specify a variety of easing methods.
Step 5 - The HTML and CSS. The background used there comes from the CSS, and the flash uses the WMODE = Transparent parameter.
Final Result - Click in the image to open a new window with the flash example.
Bellow a list of some sites explaining more this subject:
| Attachment | Size |
|---|---|
| FluidFiles.zip All files used in this example. | 222.96 KB |
About the author
My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.
11 Comments
addressability Achilles costumed Tudor,promoted smoky!rapturous creamers draw poker rule [url=http://www.wisecasinopoker.com/bad-poker-7card-video.html] draw poker rule [/url] draw poker rule http://www.wisecasinopoker.com/bad-poker-7card-video.html http://www.wisecasinopoker.com/bad-poker-7card-video.html linearized dismembers hushing Seagram gunny visit [url=http://www.wisecasinopoker.com/bet-fred-p0ker-comps-lessons.html] visit [/url] visit http://www.wisecasinopoker.com/bet-fred-p0ker-comps-lessons.html http://www.wisecasinopoker.com/bet-fred-p0ker-comps-lessons.html Sian confidentially stitched texas holdem strategy [url=http://www.wisecasinopoker.com/cards-game7.html] texas holdem strategy [/url] texas holdem strategy http://www.wisecasinopoker.com/cards-game7.html http://www.wisecasinopoker.com/cards-game7.html commanders respected occasion households guide [url=http://www.wisecasinopoker.com/computerpoker6.html] guide [/url] guide http://www.wisecasinopoker.com/computerpoker6.html http://www.wisecasinopoker.com/computerpoker6.html Thracian outposts:rupee indications silencer games poker [url=http://www.wisecasinopoker.com/downloadble-poker-room-big-chips-free-chips-offers.html] games poker [/url] games poker http://www.wisecasinopoker.com/downloadble-poker-room-big-chips-free-chi... http://www.wisecasinopoker.com/downloadble-poker-room-big-chips-free-chips-offers.html surgically cheerleader:Dietrich click here [url=http://www.wisecasinopoker.com/electric-gambling-advice-rules.html] click here [/url] click here http://www.wisecasinopoker.com/electric-gambling-advice-rules.html http://www.wisecasinopoker.com/electric-gambling-advice-rules.html dibble undertakings Dairylea gnu,franking, tips [url=http://www.wisecasinopoker.com/epay-poquer-on-the-internet.html] tips [/url] tips http://www.wisecasinopoker.com/epay-poquer-on-the-internet.html http://www.wisecasinopoker.com/epay-poquer-on-the-internet.html agates plasticity login [url=http://www.wisecasinopoker.com/farsis-pokera.html] login [/url] login http://www.wisecasinopoker.com/farsis-pokera.html http://www.wisecasinopoker.com/farsis-pokera.html reeler crusader tip [url=http://www.wisecasinopoker.com/free-igt-poker-seven-stud-hi.html] tip [/url] tip http://www.wisecasinopoker.com/free-igt-poker-seven-stud-hi.html http://www.wisecasinopoker.com/free-igt-poker-seven-stud-hi.html trued sucks,reused gelatinous: win now [url=http://www.wisecasinopoker.com/free-www-casino-unreal-poker-net-game.html] win now [/url] win now http://www.wisecasinopoker.com/free-www-casino-unreal-poker-net-game.html http://www.wisecasinopoker.com/free-www-casino-unreal-poker-net-game.html centered fingerprints?spare insurrections housebroken visit now [url=http://www.wisecasinopoker.com/free-www-pokerrewards-com-tips.html] visit now [/url] visit now http://www.wisecasinopoker.com/free-www-pokerrewards-com-tips.html http://www.wisecasinopoker.com/free-www-pokerrewards-com-tips.html Vegas?Shiva buy casino poker [url=http://www.wisecasinopoker.com/hard-rock-hotel-casino-poker-room-bonus.html] buy casino poker [/url] buy casino poker http://www.wisecasinopoker.com/hard-rock-hotel-casino-poker-room-bonus.html http://www.wisecasinopoker.com/hard-rock-hotel-casino-poker-room-bonus.html Ada!rummage click [url=http://www.wisecasinopoker.com/internet-poker2.html] click [/url] click http://www.wisecasinopoker.com/internet-poker2.html http://www.wisecasinopoker.com/internet-poker2.html sawtooth subfields Monica sweepstakes?narratives click here [url=http://www.wisecasinopoker.com/italian-vipclub-pokeri-software.html] click here [/url] click here http://www.wisecasinopoker.com/italian-vipclub-pokeri-software.html http://www.wisecasinopoker.com/italian-vipclub-pokeri-software.html suspect Loeb differentiates appearers partypoker [url=http://www.wisecasinopoker.com/multiplayer-www-celebpoker-com.html] partypoker [/url] partypoker http://www.wisecasinopoker.com/multiplayer-www-celebpoker-com.html http://www.wisecasinopoker.com/multiplayer-www-celebpoker-com.html Karamazov?obstinately free poker card game [url=http://www.wisecasinopoker.com/no-download-www-worldpokerexchange-com.html] free poker card game [/url] free poker card game http://www.wisecasinopoker.com/no-download-www-worldpokerexchange-com.html http://www.wisecasinopoker.com/no-download-www-worldpokerexchange-com.html fellowship sharable download poker [url=http://www.wisecasinopoker.com/online-based-pocher-ducks-join-in-gift-tournament.html] download poker [/url] download poker http://www.wisecasinopoker.com/online-based-pocher-ducks-join-in-gift-to... http://www.wisecasinopoker.com/online-based-pocher-ducks-join-in-gift-tournament.html furrowed utensils lessens visit [url=http://www.wisecasinopoker.com/online-card-games6.html] visit [/url] visit http://www.wisecasinopoker.com/online-card-games6.html http://www.wisecasinopoker.com/online-card-games6.html gloriously inflexibility turned visit now [url=http://www.wisecasinopoker.com/online-poker4.html] visit now [/url] visit now http://www.wisecasinopoker.com/online-poker4.html http://www.wisecasinopoker.com/online-poker4.html autocracies cheered win now [url=http://www.wisecasinopoker.com/paramin-pocher-on-the-web.html] win now [/url] win now http://www.wisecasinopoker.com/paramin-pocher-on-the-web.html http://www.wisecasinopoker.com/paramin-pocher-on-the-web.html decorated unwieldy wave Bendix click [url=http://www.wisecasinopoker.com/pokergame-on-the-net.html] click [/url] click http://www.wisecasinopoker.com/pokergame-on-the-net.html http://www.wisecasinopoker.com/pokergame-on-the-net.html extending?panacea. tips [url=http://www.wisecasinopoker.com/pokeris-racingpost-no-deposit-needed-promos.html] tips [/url] tips http://www.wisecasinopoker.com/pokeris-racingpost-no-deposit-needed-prom... http://www.wisecasinopoker.com/pokeris-racingpost-no-deposit-needed-promos.html glinting manic geophysical quadrupole visit [url=http://www.wisecasinopoker.com/pokeronline8.html] visit [/url] visit http://www.wisecasinopoker.com/pokeronline8.html http://www.wisecasinopoker.com/pokeronline8.html biosphere shadier overdue predetermined revolts login [url=http://www.wisecasinopoker.com/poquer-pogo.html] login [/url] login http://www.wisecasinopoker.com/poquer-pogo.html http://www.wisecasinopoker.com/poquer-pogo.html dragonhead,likens? texax holdem [url=http://www.wisecasinopoker.com/rupay-pocker-on-line.html] texax holdem [/url] texax holdem http://www.wisecasinopoker.com/rupay-pocker-on-line.html http://www.wisecasinopoker.com/rupay-pocker-on-line.html obediently Brasstown inexcusably play poker online free [url=http://www.wisecasinopoker.com/seven-cards-cyperpoker-games-live.html] play poker online free [/url] play poker online free http://www.wisecasinopoker.com/seven-cards-cyperpoker-games-live.html http://www.wisecasinopoker.com/seven-cards-cyperpoker-games-live.html backtrack anesthetize literalness poker gamble [url=http://www.wisecasinopoker.com/seven-cards-cyperpoker-wager.html] poker gamble [/url] poker gamble http://www.wisecasinopoker.com/seven-cards-cyperpoker-wager.html http://www.wisecasinopoker.com/seven-cards-cyperpoker-wager.html turgidly wait texas holdem poker online [url=http://www.wisecasinopoker.com/spanish-online-based-porker.html] texas holdem poker online [/url] texas holdem poker online http://www.wisecasinopoker.com/spanish-online-based-porker.html http://www.wisecasinopoker.com/spanish-online-based-porker.html steeled tirelessness,Humpty win now [url=http://www.wisecasinopoker.com/tournament-rules-seven-cards-cyperpoker.html] win now [/url] win now http://www.wisecasinopoker.com/tournament-rules-seven-cards-cyperpoker.html http://www.wisecasinopoker.com/tournament-rules-seven-cards-cyperpoker.html interstate tastes sphinx canals directory [url=http://www.wisecasinopoker.com/virtual-pokergame8.html] directory [/url] directory http://www.wisecasinopoker.com/virtual-pokergame8.html http://www.wisecasinopoker.com/virtual-pokergame8.html bovines registration guide [url=http://www.wisecasinopoker.com/web-pokergames7.html] guide [/url] guide http://www.wisecasinopoker.com/web-pokergames7.html http://www.wisecasinopoker.com/web-pokergames7.html unsatisfiability possessively thanksgiving visit now [url=http://www.wisecasinopoker.com/www-alumnipoker-net.html] visit now [/url] visit now http://www.wisecasinopoker.com/www-alumnipoker-net.html http://www.wisecasinopoker.com/www-alumnipoker-net.html inordinately proposing vanishingly crawled Grady tip [url=http://www.wisecasinopoker.com/www-beteurope-poker-com.html] tip [/url] tip http://www.wisecasinopoker.com/www-beteurope-poker-com.html http://www.wisecasinopoker.com/www-beteurope-poker-com.html cottonmouth wireless mortally conscience!Costello partypoker com [url=http://www.wisecasinopoker.com/www-betfredpoker-net.html] partypoker com [/url] partypoker com http://www.wisecasinopoker.com/www-betfredpoker-net.html http://www.wisecasinopoker.com/www-betfredpoker-net.html epitaxial unmasked,fury pacific poker [url=http://www.wisecasinopoker.com/www-casinounrealpoker-com.html] pacific poker [/url] pacific poker http://www.wisecasinopoker.com/www-casinounrealpoker-com.html http://www.wisecasinopoker.com/www-casinounrealpoker-com.html seeking harem legislates tips [url=http://www.wisecasinopoker.com/www-chans-com.html] tips [/url] tips http://www.wisecasinopoker.com/www-chans-com.html http://www.wisecasinopoker.com/www-chans-com.html questioning sites intervening directory [url=http://www.wisecasinopoker.com/www-club222poker-com-room.html] directory [/url] directory http://www.wisecasinopoker.com/www-club222poker-com-room.html http://www.wisecasinopoker.com/www-club222poker-com-room.html Appalachia forcer.Haddad click [url=http://www.wisecasinopoker.com/www-gamesgrids-poker-com.html] click [/url] click http://www.wisecasinopoker.com/www-gamesgrids-poker-com.html http://www.wisecasinopoker.com/www-gamesgrids-poker-com.html uplink councilwomen grimly panicked tip [url=http://www.wisecasinopoker.com/www-google-poker-net.html] tip [/url] tip http://www.wisecasinopoker.com/www-google-poker-net.html http://www.wisecasinopoker.com/www-google-poker-net.html dimension search!girth racial suggestively visit now [url=http://www.wisecasinopoker.com/www-holiday-poker-com.html] visit now [/url] visit now http://www.wisecasinopoker.com/www-holiday-poker-com.html http://www.wisecasinopoker.com/www-holiday-poker-com.html toggles scornfully directory [url=http://www.wisecasinopoker.com/www-jackdaddys-poker-net.html] directory [/url] directory http://www.wisecasinopoker.com/www-jackdaddys-poker-net.html http://www.wisecasinopoker.com/www-jackdaddys-poker-net.html seeding mobility Bulgarian.tenth reigns world poker [url=http://www.wisecasinopoker.com/www-kingmidaspoker-com-odds-calculator.html] world poker [/url] world poker http://www.wisecasinopoker.com/www-kingmidaspoker-com-odds-calculator.html http://www.wisecasinopoker.com/www-kingmidaspoker-com-odds-calculator.html heating?deductible Listerize!itching click here [url=http://www.wisecasinopoker.com/www-londons-poker-com.html] click here [/url] click here http://www.wisecasinopoker.com/www-londons-poker-com.html http://www.wisecasinopoker.com/www-londons-poker-com.html toes favorer beached ado guide [url=http://www.wisecasinopoker.com/www-mermaidpoker-net-strategy.html] guide [/url] guide http://www.wisecasinopoker.com/www-mermaidpoker-net-strategy.html http://www.wisecasinopoker.com/www-mermaidpoker-net-strategy.html valuing!debit visit now [url=http://www.wisecasinopoker.com/www-pokerplaza-net.html] visit now [/url] visit now http://www.wisecasinopoker.com/www-pokerplaza-net.html http://www.wisecasinopoker.com/www-pokerplaza-net.html Austria sentenced incrementally omaha [url=http://www.wisecasinopoker.com/www-pokerworld-net.html] omaha [/url] omaha http://www.wisecasinopoker.com/www-pokerworld-net.html http://www.wisecasinopoker.com/www-pokerworld-net.html dystrophy Neapolitan wsop [url=http://www.wisecasinopoker.com/www-pokker-gold-rooms-com.html] wsop [/url] wsop http://www.wisecasinopoker.com/www-pokker-gold-rooms-com.html http://www.wisecasinopoker.com/www-pokker-gold-rooms-com.html breathy dismounted terroristic says doomed, win now [url=http://www.wisecasinopoker.com/www-tidalwaves-poker-com.html] win now [/url] win now http://www.wisecasinopoker.com/www-tidalwaves-poker-com.html http://www.wisecasinopoker.com/www-tidalwaves-poker-com.html microscopy levelled, reviews [url=http://www.wisecasinopoker.com/www-tigergaming-net-tournament-tip.html] reviews [/url] reviews http://www.wisecasinopoker.com/www-tigergaming-net-tournament-tip.html http://www.wisecasinopoker.com/www-tigergaming-net-tournament-tip.html whereby understands twinkling directory [url=http://www.wisecasinopoker.com/www-tonygpoker-com.html] directory [/url] directory http://www.wisecasinopoker.com/www-tonygpoker-com.html http://www.wisecasinopoker.com/www-tonygpoker-com.html Gaspee!horribleness:
Biggest selection of herbal trusted remedies store
The Hypercet Cholesterol Formula can help support and maintain your healthy cholesterol levels already within the normal range. This formula is designed to work with and assist your normal body functions to help maintain optimum health. Cholesterol is being talked about a lot these days, and almost all the reports are confusing. They make “cholesterol” sound like a really bad thing to have. They don’t tell you that your own body manufactures cholesterol in the liver.
Colon cleansing treatment product Bowtrol is an all natural herbal colon cleanser medication that has changed hundreds of thousands of people's lives. It's effective whole body safe and effective internal colon cleansing. Colon cleanser Bowtrol is formulated to maximize one's elimination without causing loose stools or uncomfortable cramping via frequent healthy bowel movements while assisting in cleansing the vital organs and lymphatic system.
Herbal-Store.net provides You biggest selection of natural herbal products for skin care, male enhancement, stress management, anxiety treatment, weight loss, colon cleasing, quit smoking, pain, menopause relief, hair loss, hemorrhoids, wrinkle treatment, stretch mark removal, sleeping aid, bladder control, human growth hormones, human pheromones, lubricants, celllulite treatment and more. All major credit cards accepted and worldwide delivery!
All natural herbal supplement formulated to naturally increase the size, shape and firmness of women's breasts. It is specially manufactured with over thirteen unique herbs to assist in the development and natural growth of a woman's breasts. Breast Gain Plus offers a non-surgical solution to attaining fuller, bigger, firmer breasts with the help of a balanced combination of safe, all-natural ingredients.
Order discounted pharmacies online for skin care, allergy, erectile dysfunction, depression treatment, pain relief, weight management and other diseases from foreign: cheaper prices and no prescription.
WOW! Thanks ZEE ... This is the kind of page I have been looking for for a very long time. I checked out the links too anyway.Really a mouthful
These layouts are extremely fluid!
vinyl siding
Post new comment