Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Curious how this is done
Old 05-27-2007, 12:13 AM Curious how this is done
Average Talker

Posts: 15
Name: z
Trades: 0
http://www.starcraft2.com/
First I was wanting to take a look at how the effect on the bottom of the page was done, how the planet shows through. I figured probably just some sort of image with the planet image as the background. But when I view the source there is nothing there? I understand that a good majority of the page is done with flash but where is all the code for the page? How is this page showing anything?

Thanks in advance!
zm0nky is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-27-2007, 12:51 AM Re: Curious how this is done
taketherisk's Avatar
Skilled Talker

Posts: 89
Name: Brett
Location: New Zealand
Trades: 0
Through the use of XML.

More specifically XSL(Extensible Stylesheet Language).
Check out these pages(from that site):
http://www.starcraft2.com/layout/frontpage.xsl
http://starcraft2.com/layout/includes.xsl

http://www.starcraft2.com/layout/frontpage.xsl is included by the line of code in the source:
<?xml-stylesheet type="text/xsl" href="layout/frontpage.xsl"?>

for more info check out:
http://www.adobe.com/devnet/dreamwea..._overview.html
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE
taketherisk is offline
Reply With Quote
View Public Profile
 
Old 05-27-2007, 07:32 AM Re: Curious how this is done
Average Talker

Posts: 15
Name: z
Trades: 0
A bit more advanced then what I have learned yet. Thanks for the reply!
zm0nky is offline
Reply With Quote
View Public Profile
 
Old 05-27-2007, 09:40 AM Re: Curious how this is done
Angelosanto's Avatar
Webmaster Talker

Posts: 554
Name: Danny Angelosanto
Trades: 0
Actually, I'm pretty sure that that is easily done with just Photoshop and CSS.

The planet can be said as the pages background image, and then the div over the top of it can (1) Have the property "background-color:transparent" and (2) have the image with all the holes in it as the divs background image. This means that the image must have been made in Photoshop on a transparent canvas.

This method is much easier than the XSL one - Hope it helps
__________________
"Those who believe in telekinetics, raise my hand."
-Kurt Vonnegut
_____________________________________
Angelosanto is offline
Reply With Quote
View Public Profile Visit Angelosanto's homepage!
 
Old 05-29-2007, 02:09 PM Re: Curious how this is done
Novice Talker

Posts: 8
Name: Justin Losh
Location: Pennsylvania, United States
Trades: 0
I belive its this part of the layout/oinclude.xsl
Quote:
<xsl:with-param name="flashvars" select="concat( '&flang=',$lang, '&menu_1=',$loc/strs/str[@id='sc2.nav.1'], '&menu_2=',$loc/strs/str[@id='sc2.nav.2'], '&menu_3=',$loc/strs/str[@id='sc2.nav.3'], '&menu_4=',$loc/strs/str[@id='sc2.nav.4'], '&menu_5=',$loc/strs/str[@id='sc2.nav.5'], '&menu_6=',$loc/strs/str[@id='sc2.nav.6'], '&menu_7=',$loc/strs/str[@id='sc2.nav.7'], '&menu_8=',$loc/strs/str[@id='sc2.nav.8'], '&menu_9=',$loc/strs/str[@id='sc2.nav.9'], '&menu_1_link=',$loc/strs/str[@id='sc2.nav.link.1'], '&menu_2_link=',$loc/strs/str[@id='sc2.nav.link.2'], '&menu_3_link=',$loc/strs/str[@id='sc2.nav.link.3'], '&menu_4_link=',$loc/strs/str[@id='sc2.nav.link.4'], '&menu_5_link=',$loc/strs/str[@id='sc2.nav.link.5'], '&menu_6_link=',$loc/strs/str[@id='sc2.nav.link.6'], '&menu_7_link=',$loc/strs/str[@id='sc2.nav.link.7'], '&menu_8_link=',$loc/strs/str[@id='sc2.nav.link.8'], '&menu_9_link=',$loc/strs/str[@id='sc2.nav.link.9'], '&menu_elements=',$loc/strs/str[@id='sc2.nav.param.menuelements'], '&menu_sepchar=',$loc/strs/str[@id='sc2.nav.param.sepchar'], '&menu_vheight=',$loc/strs/str[@id='sc2.nav.param.vheight'], '&menu_yposition=',$loc/strs/str[@id='sc2.nav.param.yposition'], '&menu_space=',$loc/strs/str[@id='sc2.nav.param.space'], '&menu_fontsize=',$loc/strs/str[@id='sc2.nav.param.fontsize'], '&menu_sepfontsize=',$loc/strs/str[@id='sc2.nav.param.sepfontsize'], '&menu_sepdeltay=',$loc/strs/str[@id='sc2.nav.param.sepdeltay'], '&menu_sides=',$loc/strs/str[@id='sc2.nav.param.sides'], '&maintxtmenucolor=',$loc/strs/str[@id='sc2.nav.param.txtmenucolor'], '&maintxtmenuhover=',$loc/strs/str[@id='sc2.nav.param.txtmenuhover'] )" />
Justin is offline
Reply With Quote
View Public Profile Visit Justin's homepage!
 
Old 05-29-2007, 06:37 PM Re: Curious how this is done
Angelosanto's Avatar
Webmaster Talker

Posts: 554
Name: Danny Angelosanto
Trades: 0
I'm so sure that this is all entirely unnecessary when it can be done sing the method I posted above
__________________
"Those who believe in telekinetics, raise my hand."
-Kurt Vonnegut
_____________________________________
Angelosanto is offline
Reply With Quote
View Public Profile Visit Angelosanto's homepage!
 
Old 05-30-2007, 12:19 PM Re: Curious how this is done
Novice Talker

Posts: 8
Name: Justin Losh
Location: Pennsylvania, United States
Trades: 0
yes, I was just showing the code. I would also think it could be done with photoshop and css.
--I've even seen flash effects done with css :P
Justin is offline
Reply With Quote
View Public Profile Visit Justin's homepage!
 
Old 05-30-2007, 06:35 PM Re: Curious how this is done
Angelosanto's Avatar
Webmaster Talker

Posts: 554
Name: Danny Angelosanto
Trades: 0
You can also get some awesome animation effects using AJAX - check out Greenlush.com - thats all done in AJAX!
__________________
"Those who believe in telekinetics, raise my hand."
-Kurt Vonnegut
_____________________________________
Angelosanto is offline
Reply With Quote
View Public Profile Visit Angelosanto's homepage!
 
Reply     « Reply to Curious how this is done
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.33529 seconds with 12 queries