How did they come up with this design ?

Discussion in 'HTML & Website Design' started by sindimatrix, Mar 10, 2009.

  1. #1
    Hi I am using DW 8 to design a webpage I want to create something similar to this :

    If you look at www(dot)redanywhere(dot)co(dot)uk/ at the bottom they got a text which says 'anywhere' in the background but its divided into two parts I want to know how to do something similar also on top of the page they got a bcakground image featuring table setting (fork ,knives e.t.c) how do I do that?


    Another page is majestic-escorts (dot com) how do I make those fine bevelled corners ? and then place maroon background ? I am not very good with css codes and all so have mercy on me
     
    sindimatrix, Mar 10, 2009 IP
  2. Joak1m

    Joak1m Peon

    Messages:
    135
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It has nothing to do with Dreamweaver, you need you design it first (draw it), then cut it and think how you can put it all together. If you dont know or you are not able to draw it first, theres nothing to do. Just start learning...
     
    Joak1m, Mar 10, 2009 IP
  3. Headshot0123

    Headshot0123 Peon

    Messages:
    237
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    The only way I know of to do this is to create the image and then using CSS set it as a transparent background. If your not to good at CSS you should learn. Try going to W3schools.com
     
    Headshot0123, Mar 10, 2009 IP
  4. sindimatrix

    sindimatrix Active Member

    Messages:
    216
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #4
    Thanks for your replies how about those bevelled corners and maroon background then?
     
    sindimatrix, Mar 10, 2009 IP
  5. originator

    originator Peon

    Messages:
    209
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It's all about CSS, these days people make websites with CSS.
    Google CSS
     
    originator, Mar 10, 2009 IP
  6. sindimatrix

    sindimatrix Active Member

    Messages:
    216
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #6
    I know Css when I said have mercy on me I meant dont start going too technical with me so to be more specific how can I do the bevelled corners using css in DW 8?
     
    sindimatrix, Mar 10, 2009 IP
  7. Joak1m

    Joak1m Peon

    Messages:
    135
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    You must have image first, what has those corners, then you need to cut it to pieces and place them using css.
     
    Joak1m, Mar 10, 2009 IP
  8. wp-themes

    wp-themes Banned

    Messages:
    230
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #8
    You should draw the background images first, and place it using CSS...
    IMO, you should start learning Photoshop, or Image Ready instep to make it easier for you ;)
     
    wp-themes, Mar 10, 2009 IP
  9. kazkas

    kazkas Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    The background text was done with 2 images: graphics/anywhere-img.gif and graphics/footer-img.gif (you can view them in browser if you add these 2 names to domain name). So you just draw text image, cut it into 2 and place as background of DIVs.

    And I have no clue about which corners you are talking.
     
    kazkas, Mar 11, 2009 IP