a little css help

Tyler

Retired Staff
Messages
8,564
Reaction score
0
Points
0
How would I do some borders like this http://www.whenpenguinsattack.com/

See the border on the left and right how it fades and give the content area a raised look, I want to do something like that also but im not sure where to start.
 

dpogary

New Member
Messages
134
Reaction score
0
Points
0
Tyler said:
How would I do some borders like this http://www.whenpenguinsattack.com/

See the border on the left and right how it fades and give the content area a raised look, I want to do something like that also but im not sure where to start.

im not 100% id guess Javascript could do that...uh try saving that page(full) and look at the code and disect out any javascript in there...maybe youll get lucky and spot wich one you want?


Edit: nvm i dont think that would work:D
 
Last edited:

The_Magistrate

New Member
Messages
1,118
Reaction score
0
Points
0
If you had looked at the CSS for that site, you would have seen how they did it.

Code:
body {
	margin: 0px;
	padding: 0px;
	background: #ececec url(images/bg.png) repeat-y center;
}

You can find the background image here:

http://www.whenpenguinsattack.com/wp-content/themes/fspring-10/images/bg.png

That background image is centered in the window, and the shadows on it make the content look "raised."

P.S. Javascript wouldn't work for something like this.
 

Zenax

Active Member
Messages
1,377
Reaction score
4
Points
38
My advice to you on this, is to take the code it gives you for that drop down menu, and just study it, and will pick up parts of the code and understand what it does!

There are sites out there that can help such as:

http://htmlgoodies.com - They do a section on Javascript
http://www.w3schools.com/ - Would be the obvious choice, but not always the best!

http://www.google.co.uk/search?hl=en&q=Learning+Javascript&meta= - Just a Google search I did!

I hope that this will help you!

Regards,
Zenax
 
Last edited:
Top