User not logged in - login - register
Home Calendar Books School Tool Photo Gallery Message Boards Users Statistics Advertise Site Info
go to bottom | |
 Message Boards » » How'd they do that!?!? Page [1]  
Golovko
All American
27023 Posts
user info
edit post

http://www.starcraft2.com

scroll down to the very bottom. it appears that the background image is masked over another background image. So when you scroll down it scrolls the second image at a different rate and is only visible in certain areas.

(i would have posted this in the SC2 thread but i figured this was more web design nerd related then gaming nerd stuff)

5/19/2007 10:40:37 PM

moron
All American
34144 Posts
user info
edit post

It looks like maybe it's a table with a background image that has transparency, and then just a regular fix background.

5/19/2007 10:49:34 PM

bous
All American
11215 Posts
user info
edit post

it's a gif with transparency over a fixed background image

5/19/2007 11:15:36 PM

JBaz
All American
16764 Posts
user info
edit post

i wish i could see their actionscript coding.

5/19/2007 11:16:16 PM

Noen
All American
31346 Posts
user info
edit post

^^winner

5/19/2007 11:29:49 PM

moron
All American
34144 Posts
user info
edit post

^ I said basically the same thing

5/19/2007 11:41:06 PM

esgargs
Suspended
97470 Posts
user info
edit post

e-fight

5/19/2007 11:47:46 PM

Golovko
All American
27023 Posts
user info
edit post

hmm...never thought of that working. I'll have to try that out for the hell of it

5/20/2007 12:08:20 AM

BigMan157
no u
103354 Posts
user info
edit post



under

5/20/2007 9:49:08 AM

DoubleDown
All American
9382 Posts
user info
edit post

weird, it looks like a static image when i look at it

5/20/2007 3:50:03 PM

Arab13
Art Vandelay
45180 Posts
user info
edit post

look at it while scrolling some....

5/21/2007 10:00:58 AM

Shrike
All American
9594 Posts
user info
edit post

https://addons.mozilla.org/en-US/firefox/addon/1843

Install that and you'll never have to ask "How'd they do that" again.

5/21/2007 1:40:04 PM

quagmire02
All American
44225 Posts
user info
edit post

i saw this as well...tis cool

5/21/2007 3:23:28 PM

BigMan157
no u
103354 Posts
user info
edit post

<div style="padding:0; margin:0; background:url('http://www.starcraft2.com/images/layout/bg-planet.jpg') no-repeat; height:837px; width:893px">
<div style="padding:0; margin:0; background:url('http://www.starcraft2.com/images/layout/bg-footer2.gif') bottom no-repeat; height:837px; width:893px">
</div>
</div>


something like that

you can also have the footer div be the height of the footer image and have a top margin offset of bg image height - footer image height

and probably another dozen or so ways with padding, positioning, using <img> tags instead of a div with a BG set, z-indexing, etc., etc.

5/21/2007 4:06:13 PM

 Message Boards » Tech Talk » How'd they do that!?!? Page [1]  
go to top | |
Admin Options : move topic | lock topic

© 2024 by The Wolf Web - All Rights Reserved.
The material located at this site is not endorsed, sponsored or provided by or on behalf of North Carolina State University.
Powered by CrazyWeb v2.39 - our disclaimer.