SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    HTML/CSS template?

    Hi guys

    I've made a web template for a client but I want to show it them in their browser without actually having any of it coded.

    Is there any chance someone can quickly write up a little html document which will allow me to specify a background image, and a main body image which will be centered so it will look in the browser how it should - except it will all be images.

    Any ideas??

    Thanks guys!

  2. #2
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,615
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Can't you just send it to them as a jpg?
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  3. #3
    SitePoint Guru bronze trophy TheRaptor's Avatar
    Join Date
    Jul 2011
    Location
    New York
    Posts
    710
    Mentioned
    40 Post(s)
    Tagged
    0 Thread(s)
    I would agree with the jpg suggestion. But if you really want to create an almost realistic html page for them, you could use something like this:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
       <title>Your Title Here</title>
       <style type="text/css">
           body { background: #COLOR url(background-image-url.jpg) repeat; }
       </style>
    </head>
    <body>
      <center>
          <img src="main-image-url-here.jpg" />
      </center>
    </body>
    </html>

  4. #4
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,615
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    You would run into sizing issues. The browser window could be either too big or too small to view the image as-is. Displaying the image "as a webpage" wouldn't really do it much justice and wouldn't really be representative of how the template would actually operate/render in a browser.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  5. #5
    SitePoint Guru bronze trophy TheRaptor's Avatar
    Join Date
    Jul 2011
    Location
    New York
    Posts
    710
    Mentioned
    40 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Force Flow View Post
    You would run into sizing issues. The browser window could be either too big or too small to view the image as-is. Displaying the image "as a webpage" wouldn't really do it much justice and wouldn't really be representative of how the template would actually operate/render in a browser.
    That's why I would recommend sending a jpg. But I thought I'd give the OP the option if thats what he really wanted to do.

  6. #6
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    I'd simulate a browser screenshot. You can use tools such as this one for that: Free Photoshop browser templates for webdesigners and screendesigners | webdesignerstoolkit.com

    If you do a search on "photoshop browser window" you'll get plenty more results similar to the one I posted above.
    Maleika E. A. | Rockatee | Twitter | Dribbble




Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •