暴雪的星际争霸(SC2)告诉了我, "动态网页"是这么做的...
[ 2007-08-13 02:15:47 | Author: 星辉一冷 ]
我的观点: 暴雪确实很牛B, 牛B的不只是游戏, 连WEB也牛X, 虽然我知道XML+XSLT完全可以实现这些效果, 但我接触WEB开发这么长时间, 还是第一次看到纯XML+XSLT, 并且能够将页面, 表现, 内容, 行为都分离得如此清晰, 如此精致的效果!
强烈推荐各位WEB DEVELOPER去逛逛, 也许这即将成为一种趋势...
居然全XSL控制内容? 我又继续打开了frontpage.xsl
layout/frontpage.xsl
/layout/includes.xsl
我想看到这里就有不少朋友会有点云里雾里了... 全都是样式嘛, 怎么没看到内容? 那些页面中的文字怎么都搜索不到呢?
嘿嘿, 让我来告诉你吧...
http://www.starcraft2.com/strings/en_us/strings.xml
Comment Feed: http://www.dreammx.com/xhyl/feed.asp?q=comment&id=384
Trackback URL: http://www.dreammx.com/xhyl/trackback.asp?id=384&key=xhyl
强烈推荐各位WEB DEVELOPER去逛逛, 也许这即将成为一种趋势...
引用
就在众多玩家为SC2的诞生而欢呼的时候, 不知道各位Web Developer有没有看下, 虽然我还算不上是SC的忠实Fans, 但作为一个普通的游戏爱好者, 也怀着好奇的心态上去瞅了瞅... 本来是想看看游戏的一些细节和资料, 结果, 我却被这个网站给深深吸引了...
首页华丽的效果, 载入的时候速度并没有明显的减慢, 让我感觉有些奇怪... 现在这个网站一定是热点, 怎么速度还这么稳定?(当然也不排除Blizzard有米). 习惯性的右键, 查看源代码...
这不看不知道, 一看真的是吓一跳. 首页的代码居然只有下面区区几行:
首页华丽的效果, 载入的时候速度并没有明显的减慢, 让我感觉有些奇怪... 现在这个网站一定是热点, 怎么速度还这么稳定?(当然也不排除Blizzard有米). 习惯性的右键, 查看源代码...
这不看不知道, 一看真的是吓一跳. 首页的代码居然只有下面区区几行:
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="layout/frontpage.xsl"?>
<page lang="en_us">
<frontpage/>
</page>
XML+XSLT<?xml-stylesheet type="text/xsl" href="layout/frontpage.xsl"?>
<page lang="en_us">
<frontpage/>
</page>
居然全XSL控制内容? 我又继续打开了frontpage.xsl
layout/frontpage.xsl
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:import href="includes.xsl"/>
<xsl:template name="styles">
.header {height:467px;}
.header .logo {display:none;}
.header div {width:960px; position:absolute;}
.header table td {overflow:hidden;}
.header table td div {position:relative; left:0px; background:url(/images/language/<xsl:value-of select="$lang"/>/loading.gif) 50% 50% no-repeat;}
.nav {background:url(/images/layout/bg-nav-index.jpg) 0 0 no-repeat;}
</xsl:template>
<xsl:template name="header">
<div>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'splash'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/main_intro2.swf')"/>
<xsl:with-param name="wmode" select="'window'"/>
<xsl:with-param name="width" select="'960'"/>
<xsl:with-param name="height" select="'467'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&maintxtaccess=',$loc/strs/str[@id='sc2.splash.txt.access'],
'&maintxtnetwork=',$loc/strs/str[@id='sc2.splash.txt.network'],
'&maintxtloading=',$loc/strs/str[@id='sc2.splash.txt.loading'],
'&maintxtskipintro=',$loc/strs/str[@id='sc2.splash.txt.skipintro'],
'&maintxtskipintro_deltax=',$loc/strs/str[@id='sc2.splash.txt.skipintro_deltax'],
'&maintxtskipintro_deltay=',$loc/strs/str[@id='sc2.splash.txt.skipintro_deltay'],
'&maintxtmoviecinematic=',$loc/strs/str[@id='sc2.splash.txt.moviecinematic'],
'&maintxtmoviecinematictitle=',$loc/strs/str[@id='sc2.splash.txt.moviecinematictitle'],
'&maintxtmoviegameplay=',$loc/strs/str[@id='sc2.splash.txt.moviegameplay'],
'&maintxtmoviegameplaytitle=',$loc/strs/str[@id='sc2.splash.txt.moviegameplaytitle'],
'&maintxtmovieartwork=',$loc/strs/str[@id='sc2.splash.txt.movieartwork'],
'&maintxtmovieartworktitle=',$loc/strs/str[@id='sc2.splash.txt.movieartworktitle'],
'&maintxtspecies=',$loc/strs/str[@id='sc2.splash.txt.species'],
'&maintxtclosemovie=',$loc/strs/str[@id='sc2.splash.txt.closemovie'],
'&maintxtclosemovie_deltax=',$loc/strs/str[@id='sc2.splash.txt.closemovie_deltax'],
'&maintxtmenucolornav=',$loc/strs/str[@id='sc2.splash.txt.menucolornav'],
'&maintxtmenuhovernav=',$loc/strs/str[@id='sc2.splash.txt.menuhovernav'],
'&mainvideointrourl=',$loc/strs/str[@id='sc2.mediahost'],$loc/strs/str[@id='sc2.splash.video.filepath.intro'],$loc/strs/str[@id='sc2.splash.video.filename.intro'],
'&mainvideocinematicurl=',$loc/strs/str[@id='sc2.mediahost'],$loc/strs/str[@id='sc2.splash.video.filepath.cinematic'],$loc/strs/str[@id='sc2.splash.video.filename.cinematic'],
'&mainvideoartworkurl=',$loc/strs/str[@id='sc2.mediahost'],$loc/strs/str[@id='sc2.splash.video.filepath.artwork'],$loc/strs/str[@id='sc2.splash.video.filename.artwork'],
'&mainvideogameplayurl=',$loc/strs/str[@id='sc2.splash.video.filepath.gameplay'],$loc/strs/str[@id='sc2.splash.video.filename.gameplay'],
'&maintxtmoviecontrolurl=',$loc/strs/str[@id='sc2.mediahost'],$loc/strs/str[@id='sc2.splash.video.controls.filepath'],$loc/strs/str[@id='sc2.splash.video.controls.filename'],
'&maintxtnoflash=',$loc/strs/str[@id='sc2.labels.noflashcaps'],
'&maintxtnoflashcommand=',$loc/strs/str[@id='sc2.splash.noflash.command'],
'&maintxtnoflashparams=',$loc/strs/str[@id='sc2.splash.noflash.params'],
'&maintxtportraitprotoss=',$loc/strs/str[@id='sc2.splash.txt.protosssection'],
'&maintxtportraitterran=',$loc/strs/str[@id='sc2.splash.txt.terransection'],
'&maintxtportraitzerg=',$loc/strs/str[@id='sc2.splash.txt.zergsection'],
'&maintxtportraitstatus=',$loc/strs/str[@id='sc2.splash.txt.status'],
'&maintxtportraitonline=',$loc/strs/str[@id='sc2.splash.txt.online'],
'&maintxtportraitcomingsoon=',$loc/strs/str[@id='sc2.splash.txt.comingsoon'],
'&maintxtportraitnotavailable=',$loc/strs/str[@id='sc2.splash.txt.notavailable'],
'&mainlinkprotoss=',$loc/strs/str[@id='sc2.splash.link.protoss'],
'&maininterfaceurl=',$loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/',$loc/strs/str[@id='sc2.splash.interface.filename'],
'&mainloaderfontsize=',$loc/strs/str[@id='sc2.korea.main.loaderfontsize'],
'&mainloaderfontsmall=',$loc/strs/str[@id='sc2.korea.main.loaderfontsmall'],
'&mainloaderfontperct=',$loc/strs/str[@id='sc2.korea.main.loaderfontperct'],
'&txtportraitssize=',$loc/strs/str[@id='sc2.korea.main.txtportraitssize'],
'&txtmoviessizecinematic=',$loc/strs/str[@id='sc2.korea.main.txtmoviessizecinematic'],
'&cinematictrailery=',$loc/strs/str[@id='sc2.korea.main.cinematictrailery'],
'&artworktrailery=',$loc/strs/str[@id='sc2.korea.main.artworktrailery'],
'&gameplaytrailery=',$loc/strs/str[@id='sc2.korea.main.gameplaytrailery']
)"/>
<xsl:with-param name="noflash"><blockquote class='noflash-index'> <ul class='noflash-index-list'> <li>» <a href='/movies.xml#m1'><xsl:value-of select="$loc/strs/str[@id='sc2.splash.txt.moviecinematictitle']"/></a></li><li>» <a href='/movies.xml#m2'><xsl:value-of select="$loc/strs/str[@id='sc2.splash.txt.movieartworktitle']"/></a></li> </ul> <em class='flashtoggle'><a href='javascript:toggleFlash();'><xsl:value-of select="$loc/strs/str[@id='sc2.labels.yesflash']"/></a></em><a href='/features/protoss/'><img src='/images/layout/pixel.gif' class='protosslink' /></a> <img src='/images/layout/pixel.gif' class='terranlink'/><img src='/images/layout/pixel.gif' class='zerglink'/></blockquote></xsl:with-param>
</xsl:call-template>
</div>
</xsl:template>
<xsl:template match="frontpage">
<div class="index-content">
<div class="main">
<div class="featured">
<div class="index-light"></div>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'featured'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/featured.swf')"/>
<xsl:with-param name="wmode" select="'window'"/>
<xsl:with-param name="width" select="'496'"/>
<xsl:with-param name="height" select="'121'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&title1=',$loc/strs/str[@id='sc2.featured.title.1'],
'&sub1=',$loc/strs/str[@id='sc2.featured.sub.1'],
'&link1=',$loc/strs/str[@id='sc2.featured.link.1'],
'&bg1path=',$loc/strs/str[@id='sc2.featured.img.1'],
'&fontsize1=',$loc/strs/str[@id='sc2.featured.param.fontsize.1'],
'&fontsizesmall1=',$loc/strs/str[@id='sc2.featured.param.fontsizesmall.1'],
'&yposition1=',$loc/strs/str[@id='sc2.featured.param.yposition.1'],
'&letterspacing1=',$loc/strs/str[@id='sc2.featured.param.letterspacing.1'],
'&title2=',$loc/strs/str[@id='sc2.featured.title.2'],
'&sub2=',$loc/strs/str[@id='sc2.featured.sub.2'],
'&link2=',$loc/strs/str[@id='sc2.featured.link.2'],
'&bg2path=',$loc/strs/str[@id='sc2.featured.img.2'],
'&fontsize2=',$loc/strs/str[@id='sc2.featured.param.fontsize.2'],
'&fontsizesmall2=',$loc/strs/str[@id='sc2.featured.param.fontsizesmall.2'],
'&yposition2=',$loc/strs/str[@id='sc2.featured.param.yposition.2'],
'&letterspacing2=',$loc/strs/str[@id='sc2.featured.param.letterspacing.2'],
'&title3=',$loc/strs/str[@id='sc2.featured.title.3'],
'&sub3=',$loc/strs/str[@id='sc2.featured.sub.3'],
'&link3=',$loc/strs/str[@id='sc2.featured.link.3'],
'&bg3path=',$loc/strs/str[@id='sc2.featured.img.3'],
'&fontsize3=',$loc/strs/str[@id='sc2.featured.param.fontsize.3'],
'&fontsizesmall3=',$loc/strs/str[@id='sc2.featured.param.fontsizesmall.3'],
'&yposition3=',$loc/strs/str[@id='sc2.featured.param.yposition.3'],
'&letterspacing3=',$loc/strs/str[@id='sc2.featured.param.letterspacing.3'],
'&titlecolor1=',$loc/strs/str[@id='sc2.featured.param.titlecolor.1'],
'&subcolor1=',$loc/strs/str[@id='sc2.featured.param.subcolor.1'],
'&titlecolor2=',$loc/strs/str[@id='sc2.featured.param.titlecolor.2'],
'&subcolor2=',$loc/strs/str[@id='sc2.featured.param.subcolor.2'],
'&titlecolor3=',$loc/strs/str[@id='sc2.featured.param.titlecolor.3'],
'&subcolor3=',$loc/strs/str[@id='sc2.featured.param.subcolor.3']
)"/>
<xsl:with-param name="noflash"><div class='noflash-featured' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.featured.img.1']"/>) 7px 8px no-repeat; margin-left:1px;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.featured.link.1']"/>' class='no-underline'><span><strong><xsl:value-of select="$loc/strs/str[@id='sc2.featured.title.1']"/></strong><br/><em><xsl:value-of select="$loc/strs/str[@id='sc2.featured.sub.1']"/></em></span><img src='/images/layout/noflash-featuredbox.png' /></a></div> <div class='noflash-featured' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.featured.img.2']"/>) 7px 8px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.featured.link.2']"/>' class='no-underline'><span><strong><xsl:value-of select="$loc/strs/str[@id='sc2.featured.title.2']"/></strong><br/><em><xsl:value-of select="$loc/strs/str[@id='sc2.featured.sub.2']"/></em></span><img src='/images/layout/noflash-featuredbox.png' /></a></div> <div class='noflash-featured' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.featured.img.3']"/>) 7px 8px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.featured.link.3']"/>' class='no-underline'><span><strong><xsl:value-of select="$loc/strs/str[@id='sc2.featured.title.3']"/></strong><br/><em><xsl:value-of select="$loc/strs/str[@id='sc2.featured.sub.3']"/></em></span><img src='/images/layout/noflash-featuredbox.png' /></a></div></xsl:with-param>
</xsl:call-template>
</div>
<div class="index-textbox">
<div>
<ul id="maintab">
<li><a onclick="javascript:xmlDataLoad('/strings/{$lang}/overview.xml','/layout/blank.xsl','ajaxcontentarea',true,'loader')"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.overview']"/></a> | </li>
<li><a href="javascript:toggleFlash();"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.toggleflash']"/></a> | </li>
<li><a onclick="javascript:xmlDataLoad('/strings/{$lang}/rss.xml','/layout/rss.xsl','ajaxcontentarea',true,'loader')"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.updates']"/></a> <a href="/strings/{$lang}/rss.xml"><img src="images/layout/rss.gif" alt="{$loc/strs/str[@id='sc2.labels.rssfeed']}" title="{$loc/strs/str[@id='sc2.labels.rssfeed']}" /></a></li>
</ul>
<div id="noflash-message">
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"><img src="images/language/{$lang}/getflash.gif"/></a>
<strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.noflashwarning.title']"/></strong>
<span><xsl:value-of select="$loc/strs/str[@id='sc2.labels.noflashwarning.text']"/></span>
</div>
<script type="text/javascript">showNoflashMessage()</script>
<div id="ajaxcontentarea">
<xsl:apply-templates select="document(concat('/strings/',$lang,'/overview.xml'))"/>
</div>
<script type="text/javascript">defaultAjaxContent('<xsl:value-of select="$lang"/>')</script>
</div>
</div>
</div>
<div class="sidebar">
<ul>
<li>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'slideshow1'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/slideshow.swf')"/>
<xsl:with-param name="wmode" select="'transparent'"/>
<xsl:with-param name="width" select="'333'"/>
<xsl:with-param name="height" select="'273'"/>
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&fslide=',$loc/strs/str[@id='sc2.slideshow.screen.systemid'],
'&slideshowfontsize=',$loc/strs/str[@id='sc2.slideshow.screen.fontsize'],
'&screentitle=',$loc/strs/str[@id='sc2.slideshow.screen.title'],
'&screennumber=',$loc/strs/str[@id='sc2.slideshow.screen.number'],
'&screentimer=',$loc/strs/str[@id='sc2.slideshow.screen.timer'],
'&screenthumb1=',$loc/strs/str[@id='sc2.slideshow.screen.thumb1'],
'&screenlink1=',$loc/strs/str[@id='sc2.slideshow.screen.link1'],
'&screenthumb2=',$loc/strs/str[@id='sc2.slideshow.screen.thumb2'],
'&screenlink2=',$loc/strs/str[@id='sc2.slideshow.screen.link2'],
'&screenthumb3=',$loc/strs/str[@id='sc2.slideshow.screen.thumb3'],
'&screenlink3=',$loc/strs/str[@id='sc2.slideshow.screen.link3'],
'&screenthumb4=',$loc/strs/str[@id='sc2.slideshow.screen.thumb4'],
'&screenlink4=',$loc/strs/str[@id='sc2.slideshow.screen.link4'],
'&screenthumb5=',$loc/strs/str[@id='sc2.slideshow.screen.thumb5'],
'&screenlink5=',$loc/strs/str[@id='sc2.slideshow.screen.link5']
)"/>
<xsl:with-param name="noflash"><div class='noflash-sidebar' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.screen.thumb1']"/>) 0 9px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.screen.link1.noflash']"/>' class='no-underline'><span><xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.screen.title']"/></span><img src='/images/layout/noflash-slideshowbox.png' /></a></div></xsl:with-param>
</xsl:call-template>
</li>
<li>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'slideshow2'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/slideshow.swf')"/>
<xsl:with-param name="wmode" select="'window'"/>
<xsl:with-param name="width" select="'333'"/>
<xsl:with-param name="height" select="'273'"/>
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&fslide=',$loc/strs/str[@id='sc2.slideshow.art.systemid'],
'&slideshowfontsize=',$loc/strs/str[@id='sc2.slideshow.art.fontsize'],
'&arttitle=',$loc/strs/str[@id='sc2.slideshow.art.title'],
'&artnumber=',$loc/strs/str[@id='sc2.slideshow.art.number'],
'&arttimer=',$loc/strs/str[@id='sc2.slideshow.art.timer'],
'&artthumb1=',$loc/strs/str[@id='sc2.slideshow.art.thumb1'],
'&artlink1=',$loc/strs/str[@id='sc2.slideshow.art.link1'],
'&artthumb2=',$loc/strs/str[@id='sc2.slideshow.art.thumb2'],
'&artlink2=',$loc/strs/str[@id='sc2.slideshow.art.link2'],
'&artthumb3=',$loc/strs/str[@id='sc2.slideshow.art.thumb3'],
'&artlink3=',$loc/strs/str[@id='sc2.slideshow.art.link3'],
'&artthumb4=',$loc/strs/str[@id='sc2.slideshow.art.thumb4'],
'&artlink4=',$loc/strs/str[@id='sc2.slideshow.art.link4'],
'&artthumb5=',$loc/strs/str[@id='sc2.slideshow.art.thumb5'],
'&artlink5=',$loc/strs/str[@id='sc2.slideshow.art.link5']
)"/>
<xsl:with-param name="noflash"><div class='noflash-sidebar' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.art.thumb1']"/>) 0 9px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.art.link1.noflash']"/>' class='no-underline'><span><xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.art.title']"/></span><img src='/images/layout/noflash-slideshowbox.png' /></a></div></xsl:with-param>
</xsl:call-template>
</li>
<li>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'slideshow3'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/slideshow.swf')"/>
<xsl:with-param name="wmode" select="'window'"/>
<xsl:with-param name="width" select="'333'"/>
<xsl:with-param name="height" select="'273'"/>
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&fslide=',$loc/strs/str[@id='sc2.slideshow.wall.systemid'],
'&slideshowfontsize=',$loc/strs/str[@id='sc2.slideshow.wall.fontsize'],
'&walltitle=',$loc/strs/str[@id='sc2.slideshow.wall.title'],
'&wallnumber=',$loc/strs/str[@id='sc2.slideshow.wall.number'],
'&walltimer=',$loc/strs/str[@id='sc2.slideshow.wall.timer'],
'&wallthumb1=',$loc/strs/str[@id='sc2.slideshow.wall.thumb1'],
'&walllink1=',$loc/strs/str[@id='sc2.slideshow.wall.link1'],
'&wallthumb2=',$loc/strs/str[@id='sc2.slideshow.wall.thumb2'],
'&walllink2=',$loc/strs/str[@id='sc2.slideshow.wall.link2'],
'&wallthumb3=',$loc/strs/str[@id='sc2.slideshow.wall.thumb3'],
'&walllink3=',$loc/strs/str[@id='sc2.slideshow.wall.link3']
)"/>
<xsl:with-param name="noflash"><div class='noflash-sidebar' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.wall.thumb1']"/>) 0 9px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.wall.link1.noflash']"/>' class='no-underline'><span><xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.wall.title']"/></span><img src='/images/layout/noflash-slideshowbox.png' /></a></div></xsl:with-param>
</xsl:call-template>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
</xsl:template>
</xsl:stylesheet>
再到includes.xsl<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:import href="includes.xsl"/>
<xsl:template name="styles">
.header {height:467px;}
.header .logo {display:none;}
.header div {width:960px; position:absolute;}
.header table td {overflow:hidden;}
.header table td div {position:relative; left:0px; background:url(/images/language/<xsl:value-of select="$lang"/>/loading.gif) 50% 50% no-repeat;}
.nav {background:url(/images/layout/bg-nav-index.jpg) 0 0 no-repeat;}
</xsl:template>
<xsl:template name="header">
<div>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'splash'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/main_intro2.swf')"/>
<xsl:with-param name="wmode" select="'window'"/>
<xsl:with-param name="width" select="'960'"/>
<xsl:with-param name="height" select="'467'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&maintxtaccess=',$loc/strs/str[@id='sc2.splash.txt.access'],
'&maintxtnetwork=',$loc/strs/str[@id='sc2.splash.txt.network'],
'&maintxtloading=',$loc/strs/str[@id='sc2.splash.txt.loading'],
'&maintxtskipintro=',$loc/strs/str[@id='sc2.splash.txt.skipintro'],
'&maintxtskipintro_deltax=',$loc/strs/str[@id='sc2.splash.txt.skipintro_deltax'],
'&maintxtskipintro_deltay=',$loc/strs/str[@id='sc2.splash.txt.skipintro_deltay'],
'&maintxtmoviecinematic=',$loc/strs/str[@id='sc2.splash.txt.moviecinematic'],
'&maintxtmoviecinematictitle=',$loc/strs/str[@id='sc2.splash.txt.moviecinematictitle'],
'&maintxtmoviegameplay=',$loc/strs/str[@id='sc2.splash.txt.moviegameplay'],
'&maintxtmoviegameplaytitle=',$loc/strs/str[@id='sc2.splash.txt.moviegameplaytitle'],
'&maintxtmovieartwork=',$loc/strs/str[@id='sc2.splash.txt.movieartwork'],
'&maintxtmovieartworktitle=',$loc/strs/str[@id='sc2.splash.txt.movieartworktitle'],
'&maintxtspecies=',$loc/strs/str[@id='sc2.splash.txt.species'],
'&maintxtclosemovie=',$loc/strs/str[@id='sc2.splash.txt.closemovie'],
'&maintxtclosemovie_deltax=',$loc/strs/str[@id='sc2.splash.txt.closemovie_deltax'],
'&maintxtmenucolornav=',$loc/strs/str[@id='sc2.splash.txt.menucolornav'],
'&maintxtmenuhovernav=',$loc/strs/str[@id='sc2.splash.txt.menuhovernav'],
'&mainvideointrourl=',$loc/strs/str[@id='sc2.mediahost'],$loc/strs/str[@id='sc2.splash.video.filepath.intro'],$loc/strs/str[@id='sc2.splash.video.filename.intro'],
'&mainvideocinematicurl=',$loc/strs/str[@id='sc2.mediahost'],$loc/strs/str[@id='sc2.splash.video.filepath.cinematic'],$loc/strs/str[@id='sc2.splash.video.filename.cinematic'],
'&mainvideoartworkurl=',$loc/strs/str[@id='sc2.mediahost'],$loc/strs/str[@id='sc2.splash.video.filepath.artwork'],$loc/strs/str[@id='sc2.splash.video.filename.artwork'],
'&mainvideogameplayurl=',$loc/strs/str[@id='sc2.splash.video.filepath.gameplay'],$loc/strs/str[@id='sc2.splash.video.filename.gameplay'],
'&maintxtmoviecontrolurl=',$loc/strs/str[@id='sc2.mediahost'],$loc/strs/str[@id='sc2.splash.video.controls.filepath'],$loc/strs/str[@id='sc2.splash.video.controls.filename'],
'&maintxtnoflash=',$loc/strs/str[@id='sc2.labels.noflashcaps'],
'&maintxtnoflashcommand=',$loc/strs/str[@id='sc2.splash.noflash.command'],
'&maintxtnoflashparams=',$loc/strs/str[@id='sc2.splash.noflash.params'],
'&maintxtportraitprotoss=',$loc/strs/str[@id='sc2.splash.txt.protosssection'],
'&maintxtportraitterran=',$loc/strs/str[@id='sc2.splash.txt.terransection'],
'&maintxtportraitzerg=',$loc/strs/str[@id='sc2.splash.txt.zergsection'],
'&maintxtportraitstatus=',$loc/strs/str[@id='sc2.splash.txt.status'],
'&maintxtportraitonline=',$loc/strs/str[@id='sc2.splash.txt.online'],
'&maintxtportraitcomingsoon=',$loc/strs/str[@id='sc2.splash.txt.comingsoon'],
'&maintxtportraitnotavailable=',$loc/strs/str[@id='sc2.splash.txt.notavailable'],
'&mainlinkprotoss=',$loc/strs/str[@id='sc2.splash.link.protoss'],
'&maininterfaceurl=',$loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/',$loc/strs/str[@id='sc2.splash.interface.filename'],
'&mainloaderfontsize=',$loc/strs/str[@id='sc2.korea.main.loaderfontsize'],
'&mainloaderfontsmall=',$loc/strs/str[@id='sc2.korea.main.loaderfontsmall'],
'&mainloaderfontperct=',$loc/strs/str[@id='sc2.korea.main.loaderfontperct'],
'&txtportraitssize=',$loc/strs/str[@id='sc2.korea.main.txtportraitssize'],
'&txtmoviessizecinematic=',$loc/strs/str[@id='sc2.korea.main.txtmoviessizecinematic'],
'&cinematictrailery=',$loc/strs/str[@id='sc2.korea.main.cinematictrailery'],
'&artworktrailery=',$loc/strs/str[@id='sc2.korea.main.artworktrailery'],
'&gameplaytrailery=',$loc/strs/str[@id='sc2.korea.main.gameplaytrailery']
)"/>
<xsl:with-param name="noflash"><blockquote class='noflash-index'> <ul class='noflash-index-list'> <li>» <a href='/movies.xml#m1'><xsl:value-of select="$loc/strs/str[@id='sc2.splash.txt.moviecinematictitle']"/></a></li><li>» <a href='/movies.xml#m2'><xsl:value-of select="$loc/strs/str[@id='sc2.splash.txt.movieartworktitle']"/></a></li> </ul> <em class='flashtoggle'><a href='javascript:toggleFlash();'><xsl:value-of select="$loc/strs/str[@id='sc2.labels.yesflash']"/></a></em><a href='/features/protoss/'><img src='/images/layout/pixel.gif' class='protosslink' /></a> <img src='/images/layout/pixel.gif' class='terranlink'/><img src='/images/layout/pixel.gif' class='zerglink'/></blockquote></xsl:with-param>
</xsl:call-template>
</div>
</xsl:template>
<xsl:template match="frontpage">
<div class="index-content">
<div class="main">
<div class="featured">
<div class="index-light"></div>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'featured'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/featured.swf')"/>
<xsl:with-param name="wmode" select="'window'"/>
<xsl:with-param name="width" select="'496'"/>
<xsl:with-param name="height" select="'121'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&title1=',$loc/strs/str[@id='sc2.featured.title.1'],
'&sub1=',$loc/strs/str[@id='sc2.featured.sub.1'],
'&link1=',$loc/strs/str[@id='sc2.featured.link.1'],
'&bg1path=',$loc/strs/str[@id='sc2.featured.img.1'],
'&fontsize1=',$loc/strs/str[@id='sc2.featured.param.fontsize.1'],
'&fontsizesmall1=',$loc/strs/str[@id='sc2.featured.param.fontsizesmall.1'],
'&yposition1=',$loc/strs/str[@id='sc2.featured.param.yposition.1'],
'&letterspacing1=',$loc/strs/str[@id='sc2.featured.param.letterspacing.1'],
'&title2=',$loc/strs/str[@id='sc2.featured.title.2'],
'&sub2=',$loc/strs/str[@id='sc2.featured.sub.2'],
'&link2=',$loc/strs/str[@id='sc2.featured.link.2'],
'&bg2path=',$loc/strs/str[@id='sc2.featured.img.2'],
'&fontsize2=',$loc/strs/str[@id='sc2.featured.param.fontsize.2'],
'&fontsizesmall2=',$loc/strs/str[@id='sc2.featured.param.fontsizesmall.2'],
'&yposition2=',$loc/strs/str[@id='sc2.featured.param.yposition.2'],
'&letterspacing2=',$loc/strs/str[@id='sc2.featured.param.letterspacing.2'],
'&title3=',$loc/strs/str[@id='sc2.featured.title.3'],
'&sub3=',$loc/strs/str[@id='sc2.featured.sub.3'],
'&link3=',$loc/strs/str[@id='sc2.featured.link.3'],
'&bg3path=',$loc/strs/str[@id='sc2.featured.img.3'],
'&fontsize3=',$loc/strs/str[@id='sc2.featured.param.fontsize.3'],
'&fontsizesmall3=',$loc/strs/str[@id='sc2.featured.param.fontsizesmall.3'],
'&yposition3=',$loc/strs/str[@id='sc2.featured.param.yposition.3'],
'&letterspacing3=',$loc/strs/str[@id='sc2.featured.param.letterspacing.3'],
'&titlecolor1=',$loc/strs/str[@id='sc2.featured.param.titlecolor.1'],
'&subcolor1=',$loc/strs/str[@id='sc2.featured.param.subcolor.1'],
'&titlecolor2=',$loc/strs/str[@id='sc2.featured.param.titlecolor.2'],
'&subcolor2=',$loc/strs/str[@id='sc2.featured.param.subcolor.2'],
'&titlecolor3=',$loc/strs/str[@id='sc2.featured.param.titlecolor.3'],
'&subcolor3=',$loc/strs/str[@id='sc2.featured.param.subcolor.3']
)"/>
<xsl:with-param name="noflash"><div class='noflash-featured' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.featured.img.1']"/>) 7px 8px no-repeat; margin-left:1px;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.featured.link.1']"/>' class='no-underline'><span><strong><xsl:value-of select="$loc/strs/str[@id='sc2.featured.title.1']"/></strong><br/><em><xsl:value-of select="$loc/strs/str[@id='sc2.featured.sub.1']"/></em></span><img src='/images/layout/noflash-featuredbox.png' /></a></div> <div class='noflash-featured' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.featured.img.2']"/>) 7px 8px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.featured.link.2']"/>' class='no-underline'><span><strong><xsl:value-of select="$loc/strs/str[@id='sc2.featured.title.2']"/></strong><br/><em><xsl:value-of select="$loc/strs/str[@id='sc2.featured.sub.2']"/></em></span><img src='/images/layout/noflash-featuredbox.png' /></a></div> <div class='noflash-featured' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.featured.img.3']"/>) 7px 8px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.featured.link.3']"/>' class='no-underline'><span><strong><xsl:value-of select="$loc/strs/str[@id='sc2.featured.title.3']"/></strong><br/><em><xsl:value-of select="$loc/strs/str[@id='sc2.featured.sub.3']"/></em></span><img src='/images/layout/noflash-featuredbox.png' /></a></div></xsl:with-param>
</xsl:call-template>
</div>
<div class="index-textbox">
<div>
<ul id="maintab">
<li><a onclick="javascript:xmlDataLoad('/strings/{$lang}/overview.xml','/layout/blank.xsl','ajaxcontentarea',true,'loader')"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.overview']"/></a> | </li>
<li><a href="javascript:toggleFlash();"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.toggleflash']"/></a> | </li>
<li><a onclick="javascript:xmlDataLoad('/strings/{$lang}/rss.xml','/layout/rss.xsl','ajaxcontentarea',true,'loader')"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.updates']"/></a> <a href="/strings/{$lang}/rss.xml"><img src="images/layout/rss.gif" alt="{$loc/strs/str[@id='sc2.labels.rssfeed']}" title="{$loc/strs/str[@id='sc2.labels.rssfeed']}" /></a></li>
</ul>
<div id="noflash-message">
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"><img src="images/language/{$lang}/getflash.gif"/></a>
<strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.noflashwarning.title']"/></strong>
<span><xsl:value-of select="$loc/strs/str[@id='sc2.labels.noflashwarning.text']"/></span>
</div>
<script type="text/javascript">showNoflashMessage()</script>
<div id="ajaxcontentarea">
<xsl:apply-templates select="document(concat('/strings/',$lang,'/overview.xml'))"/>
</div>
<script type="text/javascript">defaultAjaxContent('<xsl:value-of select="$lang"/>')</script>
</div>
</div>
</div>
<div class="sidebar">
<ul>
<li>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'slideshow1'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/slideshow.swf')"/>
<xsl:with-param name="wmode" select="'transparent'"/>
<xsl:with-param name="width" select="'333'"/>
<xsl:with-param name="height" select="'273'"/>
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&fslide=',$loc/strs/str[@id='sc2.slideshow.screen.systemid'],
'&slideshowfontsize=',$loc/strs/str[@id='sc2.slideshow.screen.fontsize'],
'&screentitle=',$loc/strs/str[@id='sc2.slideshow.screen.title'],
'&screennumber=',$loc/strs/str[@id='sc2.slideshow.screen.number'],
'&screentimer=',$loc/strs/str[@id='sc2.slideshow.screen.timer'],
'&screenthumb1=',$loc/strs/str[@id='sc2.slideshow.screen.thumb1'],
'&screenlink1=',$loc/strs/str[@id='sc2.slideshow.screen.link1'],
'&screenthumb2=',$loc/strs/str[@id='sc2.slideshow.screen.thumb2'],
'&screenlink2=',$loc/strs/str[@id='sc2.slideshow.screen.link2'],
'&screenthumb3=',$loc/strs/str[@id='sc2.slideshow.screen.thumb3'],
'&screenlink3=',$loc/strs/str[@id='sc2.slideshow.screen.link3'],
'&screenthumb4=',$loc/strs/str[@id='sc2.slideshow.screen.thumb4'],
'&screenlink4=',$loc/strs/str[@id='sc2.slideshow.screen.link4'],
'&screenthumb5=',$loc/strs/str[@id='sc2.slideshow.screen.thumb5'],
'&screenlink5=',$loc/strs/str[@id='sc2.slideshow.screen.link5']
)"/>
<xsl:with-param name="noflash"><div class='noflash-sidebar' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.screen.thumb1']"/>) 0 9px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.screen.link1.noflash']"/>' class='no-underline'><span><xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.screen.title']"/></span><img src='/images/layout/noflash-slideshowbox.png' /></a></div></xsl:with-param>
</xsl:call-template>
</li>
<li>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'slideshow2'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/slideshow.swf')"/>
<xsl:with-param name="wmode" select="'window'"/>
<xsl:with-param name="width" select="'333'"/>
<xsl:with-param name="height" select="'273'"/>
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&fslide=',$loc/strs/str[@id='sc2.slideshow.art.systemid'],
'&slideshowfontsize=',$loc/strs/str[@id='sc2.slideshow.art.fontsize'],
'&arttitle=',$loc/strs/str[@id='sc2.slideshow.art.title'],
'&artnumber=',$loc/strs/str[@id='sc2.slideshow.art.number'],
'&arttimer=',$loc/strs/str[@id='sc2.slideshow.art.timer'],
'&artthumb1=',$loc/strs/str[@id='sc2.slideshow.art.thumb1'],
'&artlink1=',$loc/strs/str[@id='sc2.slideshow.art.link1'],
'&artthumb2=',$loc/strs/str[@id='sc2.slideshow.art.thumb2'],
'&artlink2=',$loc/strs/str[@id='sc2.slideshow.art.link2'],
'&artthumb3=',$loc/strs/str[@id='sc2.slideshow.art.thumb3'],
'&artlink3=',$loc/strs/str[@id='sc2.slideshow.art.link3'],
'&artthumb4=',$loc/strs/str[@id='sc2.slideshow.art.thumb4'],
'&artlink4=',$loc/strs/str[@id='sc2.slideshow.art.link4'],
'&artthumb5=',$loc/strs/str[@id='sc2.slideshow.art.thumb5'],
'&artlink5=',$loc/strs/str[@id='sc2.slideshow.art.link5']
)"/>
<xsl:with-param name="noflash"><div class='noflash-sidebar' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.art.thumb1']"/>) 0 9px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.art.link1.noflash']"/>' class='no-underline'><span><xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.art.title']"/></span><img src='/images/layout/noflash-slideshowbox.png' /></a></div></xsl:with-param>
</xsl:call-template>
</li>
<li>
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'slideshow3'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/slideshow.swf')"/>
<xsl:with-param name="wmode" select="'window'"/>
<xsl:with-param name="width" select="'333'"/>
<xsl:with-param name="height" select="'273'"/>
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="quality" select="'autohigh'"/>
<xsl:with-param name="flashvars" select="concat(
'&flang=',$lang,
'&fslide=',$loc/strs/str[@id='sc2.slideshow.wall.systemid'],
'&slideshowfontsize=',$loc/strs/str[@id='sc2.slideshow.wall.fontsize'],
'&walltitle=',$loc/strs/str[@id='sc2.slideshow.wall.title'],
'&wallnumber=',$loc/strs/str[@id='sc2.slideshow.wall.number'],
'&walltimer=',$loc/strs/str[@id='sc2.slideshow.wall.timer'],
'&wallthumb1=',$loc/strs/str[@id='sc2.slideshow.wall.thumb1'],
'&walllink1=',$loc/strs/str[@id='sc2.slideshow.wall.link1'],
'&wallthumb2=',$loc/strs/str[@id='sc2.slideshow.wall.thumb2'],
'&walllink2=',$loc/strs/str[@id='sc2.slideshow.wall.link2'],
'&wallthumb3=',$loc/strs/str[@id='sc2.slideshow.wall.thumb3'],
'&walllink3=',$loc/strs/str[@id='sc2.slideshow.wall.link3']
)"/>
<xsl:with-param name="noflash"><div class='noflash-sidebar' style='background:url(<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.wall.thumb1']"/>) 0 9px no-repeat;'><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.wall.link1.noflash']"/>' class='no-underline'><span><xsl:value-of select="$loc/strs/str[@id='sc2.slideshow.wall.title']"/></span><img src='/images/layout/noflash-slideshowbox.png' /></a></div></xsl:with-param>
</xsl:call-template>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
</xsl:template>
</xsl:stylesheet>
/layout/includes.xsl
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"/>
<xsl:template match="@*|node()">
<xsl:copy>
<xsl:apply-templates select="@*|node()"/>
</xsl:copy>
</xsl:template>
<xsl:variable name="lang" select="/page/@lang" />
<xsl:variable name="loc" select="document(concat('/strings/',$lang,'/strings.xml'))" />
<xsl:template name="head">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><xsl:value-of select="$loc/strs/str[@id='sc2']"/></title>
<style type="text/css">
@import url(/css/master.css);
@import url(/css/language/<xsl:value-of select="$lang"/>.css);
<xsl:choose>
<xsl:when test="$lang='en_us' or $lang='en_gb'">@import url(/css/sifr.css);</xsl:when>
<xsl:when test="$lang='ko_kr'">@import url(/css/sifr-kr.css);</xsl:when>
<xsl:when test="$lang='de_de' or $lang='es_es' or $lang='fr_fr'">@import url(/css/sifr-eu.css);</xsl:when>
</xsl:choose>
<xsl:call-template name="styles"/>
</style>
<script type="text/javascript" src="/js/detection.js"></script>
<script type="text/javascript" src="/js/functions.js"></script>
<script type="text/javascript" src="/js/sifr.js"></script>
<script type="text/javascript" src="/js/tooltip.js"></script>
<xsl:choose>
<xsl:when test="$lang='en_us' or $lang='en_gb'"><script type="text/javascript" src="/js/sifr-config.js"></script></xsl:when>
<xsl:when test="$lang='ko_kr'"><script type="text/javascript" src="/js/sifr-config-kr.js"></script></xsl:when>
<xsl:when test="$lang='de_de' or $lang='es_es' or $lang='fr_fr'"><script type="text/javascript" src="/js/sifr-config-eu.js"></script></xsl:when>
</xsl:choose>
<script type="text/javascript">
//set the mediahost var
var mediahost = "<xsl:value-of select="$loc/strs/str[@id='sc2.mediahost']"/>";
//<![CDATA[
if (is_ie6 && !is_ie7)
document.write('<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/ie.css" />');
if (is_ie7)
document.write('<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/ie7.css" />');
if (is_opera)
document.write('<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/opera.css" />');
if (is_safari)
document.write('<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/safari.css" />');
//]]>
</script>
</xsl:template>
<xsl:template name="styles">
</xsl:template>
<xsl:template name="header">
</xsl:template>
<xsl:template match="page">
<html>
<head>
<xsl:call-template name="head"/>
</head>
<body>
<div id="loader">Loading</div>
<div class="bg-top">
<div class="page">
<div class="header">
<div class="logo"><a href="/"></a></div>
<xsl:call-template name="header"/>
</div>
<!--<a href = "javascript:toggleFlash();"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.noflash']"/></a>-->
<div class="nav">
<xsl:call-template name="nav" />
</div>
<xsl:apply-templates/>
<div class="footer">
<div>
<div>
<div>
<div class="footer-content">
<div class="logos">
<xsl:choose>
<xsl:when test="$lang='en_us'"><div class="logo-esrb"><a href="http://www.esrb.com"><img src="/images/layout/logo-esrb.png" alt="{$loc/strs/str[@id='sc2.labels.blizzardlink']}" title="" /></a></div></xsl:when>
</xsl:choose>
<div class="logo-blizz"><a href="{$loc/strs/str[@id='sc2.link.blizzardmain']}"><img src="/images/layout/logo-blizz.png" alt="{$loc/strs/str[@id='sc2.labels.blizzardlink']}" title="" /></a></div>
<div class="logo-bnet"><a href="{$loc/strs/str[@id='sc2.link.bnet']}"><img src="/images/layout/logo-bnet.png" alt="{$loc/strs/str[@id='sc2.labels.bnetlink']}" title="" /></a></div>
</div>
<div class="copyright"><a href="{$loc/strs/str[@id='sc2.link.privacypolicy']}"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.privacypolicy']"/></a> | <a href="{$loc/strs/str[@id='sc2.link.legalfaq']}"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.copyright']"/></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
</xsl:template>
<!-- ######## Flash Template (used for flash objects) ################################################ -->
<xsl:template name="flash">
<xsl:param name="id" />
<xsl:param name="width" />
<xsl:param name="height" />
<xsl:param name="src" />
<xsl:param name="quality" />
<xsl:param name="base" />
<xsl:param name="flashvars" />
<xsl:param name="bgcolor" />
<xsl:param name="menu" />
<xsl:param name="wmode" />
<xsl:param name="noflash" />
<div id="{$id}"></div>
<script type="text/javascript">
var flashId="<xsl:value-of select='$id'/>";
printFlash("<xsl:value-of select='$id'/>", "<xsl:value-of select='$src'/>", "<xsl:value-of select='$wmode'/>", "<xsl:value-of select='$menu'/>", "<xsl:value-of select='$bgcolor'/>", "<xsl:value-of select='$width'/>", "<xsl:value-of select='$height'/>", "<xsl:value-of select='$quality'/>", "<xsl:value-of select='$base'/>", "<xsl:value-of select='$flashvars'/>", "<xsl:value-of select='$noflash'/>")
</script>
</xsl:template>
<xsl:template name="sifr-ajax">
<script type="text/javascript">
<xsl:choose>
<xsl:when test="$lang='en_us' or $lang='en_gb'">
sIFR.replace(bebas, {
selector: 'h4'
,wmode: 'transparent'
,css: {
'.sIFR-root': { 'color': '#ffffff', 'letter-spacing': -1.5, 'text-transform': 'uppercase', 'font-size': '36px' },
'em': { 'color': '#c0fffd', 'font-style': 'none' }
}
,selectable: true
,tuneHeight: '0'
,offsetTop: '0'
,filters: {
DropShadow: {
knockout: false
,distance: 1
,color: '#000000'
,strength: 2
}
}
});</xsl:when>
<xsl:when test="$lang='ko_kr'">
sIFR.replace(gulim, {
selector: 'h4'
,wmode: 'transparent'
,css: {
'.sIFR-root': { 'color': '#ffffff', 'letter-spacing': 0, 'text-transform': 'uppercase', 'font-size': '36px' },
'em': { 'color': '#c0fffd', 'font-style': 'none' }
}
,selectable: false
,tuneHeight: '0'
,offsetTop: '0'
,filters: {
DropShadow: {
knockout: false
,distance: 1
,color: '#000000'
,strength: 2
}
}
});</xsl:when>
<xsl:when test="$lang='de_de' or $lang='es_es' or $lang='fr_fr'">
sIFR.replace(bluehighway, {
selector: 'h4'
,wmode: 'transparent'
,css: {
'.sIFR-root': { 'color': '#ffffff', 'letter-spacing': 0, 'text-transform': 'uppercase', 'font-size': '59px' },
'em': { 'color': '#c0fffd', 'font-style': 'none' }
}
,selectable: true
,tuneHeight: '0'
,offsetTop: '0'
,filters: {
DropShadow: {
knockout: false
,distance: 1
,color: '#000000'
,strength: 2
}
}
});</xsl:when>
</xsl:choose>
</script>
</xsl:template>
<xsl:template name="features-entry">
<xsl:param name="title"></xsl:param>
<xsl:param name="url"></xsl:param>
<xsl:param name="image"></xsl:param>
<xsl:param name="month"></xsl:param>
<xsl:param name="day"></xsl:param>
<xsl:param name="year"></xsl:param>
<xsl:param name="category"></xsl:param>
<xsl:param name="description"></xsl:param>
<div class="features-bg">
<dl>
<dd class="thumb" style="background-image:url(images/{$image});"><div class="png"><a href="{$url}"></a></div></dd>
<dt><a href="{$url}"><xsl:value-of select="$title" /></a></dt>
<dd class="byline"><strong><xsl:value-of select="$category" /></strong> | <xsl:value-of select="$loc/strs/str[@id='sc2.features.update.updated']"/>:
<em><xsl:call-template name="date">
<xsl:with-param name="month" select="$month" />
<xsl:with-param name="day" select="$day" />
<xsl:with-param name="year" select="$year" />
</xsl:call-template></em></dd>
<dd><xsl:value-of select="$description" /></dd>
</dl>
</div>
</xsl:template>
<xsl:template name="date">
<xsl:param name="month"></xsl:param>
<xsl:param name="day"></xsl:param>
<xsl:param name="year"></xsl:param>
<xsl:choose>
<xsl:when test = "$lang = 'en_us'"><xsl:value-of select="$month" />.<xsl:value-of select="$day" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'de_de'"><xsl:value-of select="$day" />.<xsl:value-of select="$month" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'en_gb'"><xsl:value-of select="$day" />.<xsl:value-of select="$month" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'es_es'"><xsl:value-of select="$day" />.<xsl:value-of select="$month" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'fr_fr'"><xsl:value-of select="$day" />.<xsl:value-of select="$month" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'ko_kr'"><xsl:value-of select="$year" />.<xsl:value-of select="$month" />.<xsl:value-of select="$day" /></xsl:when>
</xsl:choose>
</xsl:template>
<xsl:template name="movies-entry">
<xsl:param name="title"></xsl:param>
<xsl:param name="movieid"></xsl:param>
<xsl:param name="month"></xsl:param>
<xsl:param name="day"></xsl:param>
<xsl:param name="year"></xsl:param>
<xsl:param name="filesize"></xsl:param>
<xsl:param name="url-pc"></xsl:param>
<xsl:param name="url-mac"></xsl:param>
<a name="m{$movieid}"></a>
<div class="thumb" style="background-image:url(/images/movies/ss{$movieid}-thumb.jpg);"></div>
<dl class="movie-entry">
<dt><xsl:value-of select="$title" /></dt>
<dd>
<ul>
<li><strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.dateadded']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/></strong> <xsl:call-template name="date">
<xsl:with-param name="month" select="$month" />
<xsl:with-param name="day" select="$day" />
<xsl:with-param name="year" select="$year" />
</xsl:call-template>
</li>
<li><strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.format']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/></strong> <xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.format.divx']"/></li>
<li><strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.requires']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/></strong> <xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.requires.divx']"/></li>
<li><strong>
<xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.size']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/></strong> <xsl:value-of select="$filesize"/><xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.size.megabytes']"/></li>
<li><strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.download']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/> </strong><a href="{$url-pc}" title="{$loc/strs/str[@id='sc2.labels.movies.download.pc']}"><img src="/images/layout/button-pc.png"/></a> <a href="{$url-mac}" title="{$loc/strs/str[@id='sc2.labels.movies.download.mac']}"><img src="/images/layout/button-mac.png"/></a></li>
</ul>
</dd>
</dl>
</xsl:template>
<xsl:template name="wwi-entry">
<xsl:param name="title"></xsl:param>
<xsl:param name="movieid"></xsl:param>
<xsl:param name="filesize"></xsl:param>
<xsl:param name="url-pc"></xsl:param>
<xsl:param name="url-mac"></xsl:param>
<li onmouseover="this.className='wwi-hover'" onmouseout="this.className='wwi-normal'">
<div style="background:url(/images/layout/movies-wwibullet{$movieid}.gif) 0 0 no-repeat;">
<dl>
<dt><xsl:apply-templates select="$title"/></dt>
<dd><xsl:value-of select="$filesize" /><xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.size.megabytes']"/> | <xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.format.divx']"/> | <xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.download']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/> <a href="{$url-pc}" title="{$loc/strs/str[@id='sc2.labels.movies.download.pc']}"><img src="/images/layout/button-pc.png"/></a> <a href="{$url-mac}" title="{$loc/strs/str[@id='sc2.labels.movies.download.mac']}"><img src="/images/layout/button-mac.png"/></a></dd>
</dl>
</div>
</li>
</xsl:template>
<xsl:template name="wallpaper-entry">
<xsl:param name="title"></xsl:param>
<xsl:param name="wallid"></xsl:param>
<a name="w{$wallid}"></a>
<div class="thumb" style="background-image:url({$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-thumb.jpg);"><a href="#" onclick="fiatLux('{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-800x600.jpg'); return false"></a></div>
<dl>
<dt><xsl:apply-templates select="$title"/></dt>
<dd>
<ul>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-800x600.jpg" target="_blank">800 x 600</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1024x768.jpg" target="_blank">1024 x 768</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1280x960.jpg" target="_blank">1280 x 960</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1280x1024.jpg" target="_blank">1280 x 1024</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1600x1200.jpg" target="_blank">1600 x 1200</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1680x1050.jpg" target="_blank">1680 x 1050</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1920x1200.jpg" target="_blank">1920 x 1200</a></li>
</ul>
</dd>
</dl>
</xsl:template>
<xsl:template name="dropdownMenu">
<xsl:param name="defaultValue" />
<xsl:param name="hiddenId" />
<xsl:param name="dropdownList" />
<script type="text/javascript">
var varOver<xsl:value-of select ="$hiddenId" /> = 0;
</script>
<div class="dropdown" onMouseOver="javascript: varOver{$hiddenId} = 1;" onMouseOut="javascript: varOver{$hiddenId} = 0;"><a id="display{$hiddenId}" href="javascript: document.formDropdown{$hiddenId}.dummy{$hiddenId}.focus();"><img src="/images/layout/langarrow.png" class="langarrow" /><xsl:value-of select="$defaultValue" /></a></div>
<div style="position:relative;"><div style="position:absolute;"><form name="formDropdown{$hiddenId}" id="formDropdown{$hiddenId}" style="height:0px;"><input type="button" id="dummy{$hiddenId}" onFocus="javascript: dropdownMenuToggle('dropdownHidden{$hiddenId}');" onBlur="javascript: if(!varOver{$hiddenId}) document.getElementById('dropdownHidden{$hiddenId}').style.display='none';" size="2" style="position:relative; left:-5000px;"/></form></div></div>
<div class="drop-lang" style="display:none; z-index:50;" id="dropdownHiddenLang" onMouseOver="javascript:varOverLang=1;" onMouseOut="javascript:varOverLang=0;">
<div class="light-tip">
<table cellpadding="0" cellspacing="0">
<tr><td class="tl"></td><td class="t"></td><td class="tr"></td></tr>
<tr><td class="l"><q></q></td>
<td class="bg">
<ul>
<li style="margin-top:.5em;"><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.english-us']}', 'en_us');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.english-us']"/></a></li>
<li><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.english-gb']}', 'en_gb');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.english-gb']"/></a></li>
<li><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.german']}', 'de_de');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.german']"/></a></li>
<li><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.spanish']}', 'es_es');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.spanish']"/></a></li>
<li><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.french']}', 'fr_fr');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.french']"/></a></li>
<li style="margin-bottom:.5em;"><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.korean']}', 'ko_kr');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.korean']"/></a></li>
</ul>
</td><td class="r"><q></q></td>
</tr>
<tr><td class="bl"></td><td class="b"></td><td class="br"></td></tr>
</table>
</div>
</div>
</xsl:template>
<xsl:template match="cap">
<xsl:call-template name="cap">
<xsl:with-param name="letter"><xsl:apply-templates /></xsl:with-param>
<xsl:with-param name="align" select="'left'"/>
</xsl:call-template>
</xsl:template>
<xsl:template name="cap">
<xsl:param name="letter" />
<xsl:param name="align">left</xsl:param>
<img src="/images/letters/{$letter}.gif" align="{$align}" class="smallcap" />
</xsl:template>
<xsl:template name="lightbox">
<div id="blackDrop" onClick="closeLightbox()"></div>
<div id="lightBoxRoot" onClick="closeLightbox()">
<div id="cornerOne">
<div id="cornerTwo">
<div id="cornerThree">
<div id="cornerFour">
<div id="lightBoxHolder" title="{$loc/strs/str[@id='sc2.labels.clicktoclose']}"></div>
</div>
</div>
</div>
</div>
</div>
</xsl:template>
<xsl:template name="nav">
<div style="text-align:center; padding-top:7px;">
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'test'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/navigation.swf')"/>
<xsl:with-param name="wmode" select="'transparent'"/>
<xsl:with-param name="width" select="'800'"/>
<xsl:with-param name="height" select="'37'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="quality" select="'autohigh'"/>
<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']
)"/>
<xsl:with-param name="noflash"><table><tr> <td class='navleft png'></td> <td> <table><tr> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.1']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.1']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.2']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.2']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.3']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.3']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.4']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.4']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.5']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.5']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.6']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.6']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.7']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.7']"/></a></td> </tr></table> </td> <td class='navright png'></td> </tr></table></xsl:with-param>
</xsl:call-template>
</div>
<div class="language-filter">
<!--<strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.languagecolon']"/></strong><br/>-->
<xsl:call-template name="dropdownMenu">
<xsl:with-param name="hiddenId" select="'Lang'"/>
<xsl:with-param name="defaultValue" select="$loc/strs/str[@id='sc2.lang']" />
</xsl:call-template>
</div>
</xsl:template>
</xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"/>
<xsl:template match="@*|node()">
<xsl:copy>
<xsl:apply-templates select="@*|node()"/>
</xsl:copy>
</xsl:template>
<xsl:variable name="lang" select="/page/@lang" />
<xsl:variable name="loc" select="document(concat('/strings/',$lang,'/strings.xml'))" />
<xsl:template name="head">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><xsl:value-of select="$loc/strs/str[@id='sc2']"/></title>
<style type="text/css">
@import url(/css/master.css);
@import url(/css/language/<xsl:value-of select="$lang"/>.css);
<xsl:choose>
<xsl:when test="$lang='en_us' or $lang='en_gb'">@import url(/css/sifr.css);</xsl:when>
<xsl:when test="$lang='ko_kr'">@import url(/css/sifr-kr.css);</xsl:when>
<xsl:when test="$lang='de_de' or $lang='es_es' or $lang='fr_fr'">@import url(/css/sifr-eu.css);</xsl:when>
</xsl:choose>
<xsl:call-template name="styles"/>
</style>
<script type="text/javascript" src="/js/detection.js"></script>
<script type="text/javascript" src="/js/functions.js"></script>
<script type="text/javascript" src="/js/sifr.js"></script>
<script type="text/javascript" src="/js/tooltip.js"></script>
<xsl:choose>
<xsl:when test="$lang='en_us' or $lang='en_gb'"><script type="text/javascript" src="/js/sifr-config.js"></script></xsl:when>
<xsl:when test="$lang='ko_kr'"><script type="text/javascript" src="/js/sifr-config-kr.js"></script></xsl:when>
<xsl:when test="$lang='de_de' or $lang='es_es' or $lang='fr_fr'"><script type="text/javascript" src="/js/sifr-config-eu.js"></script></xsl:when>
</xsl:choose>
<script type="text/javascript">
//set the mediahost var
var mediahost = "<xsl:value-of select="$loc/strs/str[@id='sc2.mediahost']"/>";
//<![CDATA[
if (is_ie6 && !is_ie7)
document.write('<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/ie.css" />');
if (is_ie7)
document.write('<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/ie7.css" />');
if (is_opera)
document.write('<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/opera.css" />');
if (is_safari)
document.write('<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/safari.css" />');
//]]>
</script>
</xsl:template>
<xsl:template name="styles">
</xsl:template>
<xsl:template name="header">
</xsl:template>
<xsl:template match="page">
<html>
<head>
<xsl:call-template name="head"/>
</head>
<body>
<div id="loader">Loading</div>
<div class="bg-top">
<div class="page">
<div class="header">
<div class="logo"><a href="/"></a></div>
<xsl:call-template name="header"/>
</div>
<!--<a href = "javascript:toggleFlash();"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.noflash']"/></a>-->
<div class="nav">
<xsl:call-template name="nav" />
</div>
<xsl:apply-templates/>
<div class="footer">
<div>
<div>
<div>
<div class="footer-content">
<div class="logos">
<xsl:choose>
<xsl:when test="$lang='en_us'"><div class="logo-esrb"><a href="http://www.esrb.com"><img src="/images/layout/logo-esrb.png" alt="{$loc/strs/str[@id='sc2.labels.blizzardlink']}" title="" /></a></div></xsl:when>
</xsl:choose>
<div class="logo-blizz"><a href="{$loc/strs/str[@id='sc2.link.blizzardmain']}"><img src="/images/layout/logo-blizz.png" alt="{$loc/strs/str[@id='sc2.labels.blizzardlink']}" title="" /></a></div>
<div class="logo-bnet"><a href="{$loc/strs/str[@id='sc2.link.bnet']}"><img src="/images/layout/logo-bnet.png" alt="{$loc/strs/str[@id='sc2.labels.bnetlink']}" title="" /></a></div>
</div>
<div class="copyright"><a href="{$loc/strs/str[@id='sc2.link.privacypolicy']}"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.privacypolicy']"/></a> | <a href="{$loc/strs/str[@id='sc2.link.legalfaq']}"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.copyright']"/></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
</xsl:template>
<!-- ######## Flash Template (used for flash objects) ################################################ -->
<xsl:template name="flash">
<xsl:param name="id" />
<xsl:param name="width" />
<xsl:param name="height" />
<xsl:param name="src" />
<xsl:param name="quality" />
<xsl:param name="base" />
<xsl:param name="flashvars" />
<xsl:param name="bgcolor" />
<xsl:param name="menu" />
<xsl:param name="wmode" />
<xsl:param name="noflash" />
<div id="{$id}"></div>
<script type="text/javascript">
var flashId="<xsl:value-of select='$id'/>";
printFlash("<xsl:value-of select='$id'/>", "<xsl:value-of select='$src'/>", "<xsl:value-of select='$wmode'/>", "<xsl:value-of select='$menu'/>", "<xsl:value-of select='$bgcolor'/>", "<xsl:value-of select='$width'/>", "<xsl:value-of select='$height'/>", "<xsl:value-of select='$quality'/>", "<xsl:value-of select='$base'/>", "<xsl:value-of select='$flashvars'/>", "<xsl:value-of select='$noflash'/>")
</script>
</xsl:template>
<xsl:template name="sifr-ajax">
<script type="text/javascript">
<xsl:choose>
<xsl:when test="$lang='en_us' or $lang='en_gb'">
sIFR.replace(bebas, {
selector: 'h4'
,wmode: 'transparent'
,css: {
'.sIFR-root': { 'color': '#ffffff', 'letter-spacing': -1.5, 'text-transform': 'uppercase', 'font-size': '36px' },
'em': { 'color': '#c0fffd', 'font-style': 'none' }
}
,selectable: true
,tuneHeight: '0'
,offsetTop: '0'
,filters: {
DropShadow: {
knockout: false
,distance: 1
,color: '#000000'
,strength: 2
}
}
});</xsl:when>
<xsl:when test="$lang='ko_kr'">
sIFR.replace(gulim, {
selector: 'h4'
,wmode: 'transparent'
,css: {
'.sIFR-root': { 'color': '#ffffff', 'letter-spacing': 0, 'text-transform': 'uppercase', 'font-size': '36px' },
'em': { 'color': '#c0fffd', 'font-style': 'none' }
}
,selectable: false
,tuneHeight: '0'
,offsetTop: '0'
,filters: {
DropShadow: {
knockout: false
,distance: 1
,color: '#000000'
,strength: 2
}
}
});</xsl:when>
<xsl:when test="$lang='de_de' or $lang='es_es' or $lang='fr_fr'">
sIFR.replace(bluehighway, {
selector: 'h4'
,wmode: 'transparent'
,css: {
'.sIFR-root': { 'color': '#ffffff', 'letter-spacing': 0, 'text-transform': 'uppercase', 'font-size': '59px' },
'em': { 'color': '#c0fffd', 'font-style': 'none' }
}
,selectable: true
,tuneHeight: '0'
,offsetTop: '0'
,filters: {
DropShadow: {
knockout: false
,distance: 1
,color: '#000000'
,strength: 2
}
}
});</xsl:when>
</xsl:choose>
</script>
</xsl:template>
<xsl:template name="features-entry">
<xsl:param name="title"></xsl:param>
<xsl:param name="url"></xsl:param>
<xsl:param name="image"></xsl:param>
<xsl:param name="month"></xsl:param>
<xsl:param name="day"></xsl:param>
<xsl:param name="year"></xsl:param>
<xsl:param name="category"></xsl:param>
<xsl:param name="description"></xsl:param>
<div class="features-bg">
<dl>
<dd class="thumb" style="background-image:url(images/{$image});"><div class="png"><a href="{$url}"></a></div></dd>
<dt><a href="{$url}"><xsl:value-of select="$title" /></a></dt>
<dd class="byline"><strong><xsl:value-of select="$category" /></strong> | <xsl:value-of select="$loc/strs/str[@id='sc2.features.update.updated']"/>:
<em><xsl:call-template name="date">
<xsl:with-param name="month" select="$month" />
<xsl:with-param name="day" select="$day" />
<xsl:with-param name="year" select="$year" />
</xsl:call-template></em></dd>
<dd><xsl:value-of select="$description" /></dd>
</dl>
</div>
</xsl:template>
<xsl:template name="date">
<xsl:param name="month"></xsl:param>
<xsl:param name="day"></xsl:param>
<xsl:param name="year"></xsl:param>
<xsl:choose>
<xsl:when test = "$lang = 'en_us'"><xsl:value-of select="$month" />.<xsl:value-of select="$day" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'de_de'"><xsl:value-of select="$day" />.<xsl:value-of select="$month" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'en_gb'"><xsl:value-of select="$day" />.<xsl:value-of select="$month" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'es_es'"><xsl:value-of select="$day" />.<xsl:value-of select="$month" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'fr_fr'"><xsl:value-of select="$day" />.<xsl:value-of select="$month" />.<xsl:value-of select="$year" /></xsl:when>
<xsl:when test = "$lang = 'ko_kr'"><xsl:value-of select="$year" />.<xsl:value-of select="$month" />.<xsl:value-of select="$day" /></xsl:when>
</xsl:choose>
</xsl:template>
<xsl:template name="movies-entry">
<xsl:param name="title"></xsl:param>
<xsl:param name="movieid"></xsl:param>
<xsl:param name="month"></xsl:param>
<xsl:param name="day"></xsl:param>
<xsl:param name="year"></xsl:param>
<xsl:param name="filesize"></xsl:param>
<xsl:param name="url-pc"></xsl:param>
<xsl:param name="url-mac"></xsl:param>
<a name="m{$movieid}"></a>
<div class="thumb" style="background-image:url(/images/movies/ss{$movieid}-thumb.jpg);"></div>
<dl class="movie-entry">
<dt><xsl:value-of select="$title" /></dt>
<dd>
<ul>
<li><strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.dateadded']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/></strong> <xsl:call-template name="date">
<xsl:with-param name="month" select="$month" />
<xsl:with-param name="day" select="$day" />
<xsl:with-param name="year" select="$year" />
</xsl:call-template>
</li>
<li><strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.format']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/></strong> <xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.format.divx']"/></li>
<li><strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.requires']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/></strong> <xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.requires.divx']"/></li>
<li><strong>
<xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.size']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/></strong> <xsl:value-of select="$filesize"/><xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.size.megabytes']"/></li>
<li><strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.download']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/> </strong><a href="{$url-pc}" title="{$loc/strs/str[@id='sc2.labels.movies.download.pc']}"><img src="/images/layout/button-pc.png"/></a> <a href="{$url-mac}" title="{$loc/strs/str[@id='sc2.labels.movies.download.mac']}"><img src="/images/layout/button-mac.png"/></a></li>
</ul>
</dd>
</dl>
</xsl:template>
<xsl:template name="wwi-entry">
<xsl:param name="title"></xsl:param>
<xsl:param name="movieid"></xsl:param>
<xsl:param name="filesize"></xsl:param>
<xsl:param name="url-pc"></xsl:param>
<xsl:param name="url-mac"></xsl:param>
<li onmouseover="this.className='wwi-hover'" onmouseout="this.className='wwi-normal'">
<div style="background:url(/images/layout/movies-wwibullet{$movieid}.gif) 0 0 no-repeat;">
<dl>
<dt><xsl:apply-templates select="$title"/></dt>
<dd><xsl:value-of select="$filesize" /><xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.size.megabytes']"/> | <xsl:apply-templates select="$loc/strs/str[@id='sc2.labels.movies.format.divx']"/> | <xsl:value-of select="$loc/strs/str[@id='sc2.labels.movies.download']"/><xsl:value-of select="$loc/strs/str[@id='sc2.colon']"/> <a href="{$url-pc}" title="{$loc/strs/str[@id='sc2.labels.movies.download.pc']}"><img src="/images/layout/button-pc.png"/></a> <a href="{$url-mac}" title="{$loc/strs/str[@id='sc2.labels.movies.download.mac']}"><img src="/images/layout/button-mac.png"/></a></dd>
</dl>
</div>
</li>
</xsl:template>
<xsl:template name="wallpaper-entry">
<xsl:param name="title"></xsl:param>
<xsl:param name="wallid"></xsl:param>
<a name="w{$wallid}"></a>
<div class="thumb" style="background-image:url({$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-thumb.jpg);"><a href="#" onclick="fiatLux('{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-800x600.jpg'); return false"></a></div>
<dl>
<dt><xsl:apply-templates select="$title"/></dt>
<dd>
<ul>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-800x600.jpg" target="_blank">800 x 600</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1024x768.jpg" target="_blank">1024 x 768</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1280x960.jpg" target="_blank">1280 x 960</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1280x1024.jpg" target="_blank">1280 x 1024</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1600x1200.jpg" target="_blank">1600 x 1200</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1680x1050.jpg" target="_blank">1680 x 1050</a></li>
<li><a href="{$loc/strs/str[@id='sc2.mediahost']}/images/wallpapers/wall{$wallid}/wall{$wallid}-1920x1200.jpg" target="_blank">1920 x 1200</a></li>
</ul>
</dd>
</dl>
</xsl:template>
<xsl:template name="dropdownMenu">
<xsl:param name="defaultValue" />
<xsl:param name="hiddenId" />
<xsl:param name="dropdownList" />
<script type="text/javascript">
var varOver<xsl:value-of select ="$hiddenId" /> = 0;
</script>
<div class="dropdown" onMouseOver="javascript: varOver{$hiddenId} = 1;" onMouseOut="javascript: varOver{$hiddenId} = 0;"><a id="display{$hiddenId}" href="javascript: document.formDropdown{$hiddenId}.dummy{$hiddenId}.focus();"><img src="/images/layout/langarrow.png" class="langarrow" /><xsl:value-of select="$defaultValue" /></a></div>
<div style="position:relative;"><div style="position:absolute;"><form name="formDropdown{$hiddenId}" id="formDropdown{$hiddenId}" style="height:0px;"><input type="button" id="dummy{$hiddenId}" onFocus="javascript: dropdownMenuToggle('dropdownHidden{$hiddenId}');" onBlur="javascript: if(!varOver{$hiddenId}) document.getElementById('dropdownHidden{$hiddenId}').style.display='none';" size="2" style="position:relative; left:-5000px;"/></form></div></div>
<div class="drop-lang" style="display:none; z-index:50;" id="dropdownHiddenLang" onMouseOver="javascript:varOverLang=1;" onMouseOut="javascript:varOverLang=0;">
<div class="light-tip">
<table cellpadding="0" cellspacing="0">
<tr><td class="tl"></td><td class="t"></td><td class="tr"></td></tr>
<tr><td class="l"><q></q></td>
<td class="bg">
<ul>
<li style="margin-top:.5em;"><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.english-us']}', 'en_us');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.english-us']"/></a></li>
<li><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.english-gb']}', 'en_gb');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.english-gb']"/></a></li>
<li><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.german']}', 'de_de');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.german']"/></a></li>
<li><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.spanish']}', 'es_es');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.spanish']"/></a></li>
<li><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.french']}', 'fr_fr');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.french']"/></a></li>
<li style="margin-bottom:.5em;"><a href="javascript: selectLang('{$loc/strs/str[@id='sc2.labels.korean']}', 'ko_kr');"><xsl:value-of select="$loc/strs/str[@id='sc2.labels.korean']"/></a></li>
</ul>
</td><td class="r"><q></q></td>
</tr>
<tr><td class="bl"></td><td class="b"></td><td class="br"></td></tr>
</table>
</div>
</div>
</xsl:template>
<xsl:template match="cap">
<xsl:call-template name="cap">
<xsl:with-param name="letter"><xsl:apply-templates /></xsl:with-param>
<xsl:with-param name="align" select="'left'"/>
</xsl:call-template>
</xsl:template>
<xsl:template name="cap">
<xsl:param name="letter" />
<xsl:param name="align">left</xsl:param>
<img src="/images/letters/{$letter}.gif" align="{$align}" class="smallcap" />
</xsl:template>
<xsl:template name="lightbox">
<div id="blackDrop" onClick="closeLightbox()"></div>
<div id="lightBoxRoot" onClick="closeLightbox()">
<div id="cornerOne">
<div id="cornerTwo">
<div id="cornerThree">
<div id="cornerFour">
<div id="lightBoxHolder" title="{$loc/strs/str[@id='sc2.labels.clicktoclose']}"></div>
</div>
</div>
</div>
</div>
</div>
</xsl:template>
<xsl:template name="nav">
<div style="text-align:center; padding-top:7px;">
<xsl:call-template name="flash">
<xsl:with-param name="id" select="'test'"/>
<xsl:with-param name="src" select="concat($loc/strs/str[@id='sc2.mediahost'],'/flash/',$lang,'/navigation.swf')"/>
<xsl:with-param name="wmode" select="'transparent'"/>
<xsl:with-param name="width" select="'800'"/>
<xsl:with-param name="height" select="'37'"/>
<xsl:with-param name="base" select="'/flash/global'"/> <!-- The base directory MUST contain the font SWF files -->
<xsl:with-param name="bgcolor" select="'#000000'"/>
<xsl:with-param name="quality" select="'autohigh'"/>
<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']
)"/>
<xsl:with-param name="noflash"><table><tr> <td class='navleft png'></td> <td> <table><tr> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.1']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.1']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.2']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.2']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.3']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.3']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.4']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.4']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.5']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.5']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.6']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.6']"/></a></td> <td>|</td> <td><a href='<xsl:value-of select="$loc/strs/str[@id='sc2.nav.link.7']"/>'><xsl:value-of select="$loc/strs/str[@id='sc2.nav.7']"/></a></td> </tr></table> </td> <td class='navright png'></td> </tr></table></xsl:with-param>
</xsl:call-template>
</div>
<div class="language-filter">
<!--<strong><xsl:value-of select="$loc/strs/str[@id='sc2.labels.languagecolon']"/></strong><br/>-->
<xsl:call-template name="dropdownMenu">
<xsl:with-param name="hiddenId" select="'Lang'"/>
<xsl:with-param name="defaultValue" select="$loc/strs/str[@id='sc2.lang']" />
</xsl:call-template>
</div>
</xsl:template>
</xsl:stylesheet>
我想看到这里就有不少朋友会有点云里雾里了... 全都是样式嘛, 怎么没看到内容? 那些页面中的文字怎么都搜索不到呢?
嘿嘿, 让我来告诉你吧...
http://www.starcraft2.com/strings/en_us/strings.xml
Comment Feed: http://www.dreammx.com/xhyl/feed.asp?q=comment&id=384Trackback URL: http://www.dreammx.com/xhyl/trackback.asp?id=384&key=xhyl