Translator Reviews ( English → Chinese (Traditional) )
Rating: 50 / 0 Reviews / 24 Aug 2010 at 12:33
One of the cool design elements of Shi Wai Yuan is the dynamically changing mood-setting background of the site. At this point the site has 6 different backgrounds (grapes, wood, leaves, sky, steel & carbon fibre), each supposed to be somewhat relevant to the section of the site being viewed; so you’ll find the background of the site is grapes when you’re viewing the wine and spirits section of the site, and greenery when you’re browsing the health section.
This is actually pretty easy to do - we’re just applying different classes to the <body> tag of the site, so that different background graphics can be loaded via CSS.
^ This loads leaves in the background.
^ This loads clouds in the background
世外源的一個酷酷的設計元素就是以動態變化的心情設置網站背景。在這一點上,網站有6個不同的背景(葡萄,木材,樹葉,天空,鋼材质和碳纖維材质),每一個都可以關联到網站上您正在查看的部分,因此當您正在查看葡萄酒及烈酒節的網站,您會發現該網站的背景是葡萄的,當你瀏覽有关健康内容时背景还有绿葉衬托。
其實這是很容易的 - 我們只是使用網站上不同類型的<body>標籤,讓不同背景的圖形可以通過加載的CSS得以实现。
^在背景加載葉子。
^在背景加載雲彩。