a little css help

Discussion in 'Graphics & Webdesign' started by Tyler, Aug 1, 2006.

  1. Tyler

    Tyler Retired Staff

    Messages:
    8,564
    Likes Received:
    0
    Trophy 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.
     
  2. dpogary

    dpogary New Member

    Messages:
    134
    Likes Received:
    0
    Trophy Points:
    0
    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: Aug 1, 2006
  3. The_Magistrate

    The_Magistrate New Member

    Messages:
    1,118
    Likes Received:
    0
    Trophy 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.
     
  4. Tyler

    Tyler Retired Staff

    Messages:
    8,564
    Likes Received:
    0
    Trophy Points:
    0
    Thanks.
     
    Last edited: Aug 2, 2006
  5. Tyler

    Tyler Retired Staff

    Messages:
    8,564
    Likes Received:
    0
    Trophy Points:
    0
  6. Zenax

    Zenax Active Member

    Messages:
    1,377
    Likes Received:
    4
    Trophy 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: Aug 2, 2006

Share This Page