How to make this in css

Discussion in 'CSS' started by johndiv, Oct 16, 2010.

  1. #1
    I have designed a template in photoshop i have attached the lay out of the template, now i am unable to css it, i have no idea how to make the paper effect in CSS i make the files transparent and save it to png but the images don't overlap on each other, any idea ??
    The tickets like things are buttons and i want a white shade on hover as shown on button 2 from left.

    here is the link to image is http://img218.imageshack.us/img218/8083/eventpage.png as i was unable to upload my image so i put it on image shack
     
    johndiv, Oct 16, 2010 IP
  2. ethikz

    ethikz Peon

    Messages:
    92
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Have you tried all the positioning techniques?
     
    ethikz, Oct 16, 2010 IP
  3. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You will need to use javascript to replace background images when you highlight a specific link. So when you mouseover link A, then it will have a corresponding background image that will make link A look highlight in the background image.
     
    GWiz, Oct 17, 2010 IP
  4. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #4
    Not 100% true...

    Replacing images can be done with CSS too... :hover property

    In this case it will be a bit tricky because of the overlaying graphics. But tbh I would not go for such a massive "template". It will result in a slow loading page...
     
    CSM, Oct 18, 2010 IP
  5. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #5
    Not 100% true...

    Replacing images can be done with CSS too... :hover property

    In this case it will be a bit tricky because of the overlaying graphics. But tbh I would not go for such a massive "template". It will result in a slow loading page...
     
    CSM, Oct 18, 2010 IP