College Humor and Something Awful

tenkuuno · 04-22-2004, 01:21 PM

Now I know my way around photoshop, to say the least, and I am also completely savvy when it comes to web developers languages. But I cannot, for the life of me, figure out how Something Awful and College Humor made their titles like this. Does any one have any ideas? I'm talking about where the actual words "College Humor" and "something awful" are on the top...I can't figure it out! Any help would be very much appreciated!

SeiferTim · 04-22-2004, 01:33 PM

I can't really tell for certain, since I can't view the source, but it could be some CSS, or something...
You can set the absoute x,y positions of divs, and things, and they can be displayed on top of other things...

danielthelion · 04-22-2004, 01:47 PM

dude, can't you just look at the source?

SeiferTim · 04-22-2004, 01:48 PM

Who? Him or me?
I have limited access to everything since I'm at work right now... they have blocked just about everything on this computer.

danielthelion · 04-22-2004, 01:54 PM

Quote:

Originally Posted by SeiferTim

Who? Him or me?
I have limited access to everything since I'm at work right now... they have blocked just about everything on this computer.

well, anyone i guess....i mean, just click on view in IE and then scroll down to source and you can see what they did to achieve theyre effect.

jnicklo · 04-22-2004, 01:58 PM

Does this really belong in this section?

SeiferTim · 04-22-2004, 01:59 PM

Yeah, if I was at home, I would.
I don't have any menu options available to me right now, other than Text-Size, Find in page, and Full Screen. They greyed everything else out. I don't even have an address bar, or back button... heh heh.

mjULTRA · 04-22-2004, 02:19 PM

Quote:

Does this really belong in this section?

Do you really belong on this forum??

__________________________________________

anyways.....

You aren't talking about these, are you??

SeiferTim · 04-22-2004, 02:27 PM

most likely, they did this with slices, like in Fireworks, or something...

tenkuuno · 04-22-2004, 02:28 PM

yeah those are what i'm talking about...i've tried looking at the sounce, but its a HUGE mess, and a big pain...but i guess i can try again.....Sorry, i don't know where else this would belong

mjULTRA · 04-22-2004, 02:31 PM

these are not CSS those are JPEG or GIF images.. you would make these using photoshop, or fireworks, and then put them in your page....

look at this text-effect tutorial for photoshop:
http://www.n-sane.net/tutorials/shinytext/index.php

a lot more tutorials are here:
http://www.n-sane.net/tutorials.php

I recomend you familiarize yourself with layer effects in photoshop.. its in the layers palette, at the bottom...

tenkuuno · 04-22-2004, 02:33 PM

I'm not worried about how to actually make the text effect, I was just wondering if there is any clean coded way to get those positioned like that, perhaps by using and illusion. Using slices in fireworks or layers in dreamweaver is just going to be messy. Sorry for not making much sense

mjULTRA · 04-22-2004, 02:35 PM

hand coding this type of thing might be a bit complicated.. its much easier using a WYSIWYG (what you see is what you get) HTML editor, such as Dreamweaver, or Frontpage... CSS positioning can help you out, but for the most part, its easily done with HTML tables...

tenkuuno · 04-22-2004, 02:36 PM

i know i know....i just HATE messy code...but what has to be done has to be done

tenkuuno · 04-22-2004, 02:37 PM

unless anyone else has any genious ideas?! hint hint