[WNYLUG-Users] Simple picture web page

SilverBear silverbear at inbox.com
Tue Feb 28 15:21:00 EST 2012


If all you want is just a picture displayed, no text whatsoever, but  using the image resizing CSS trick that your link shows, just put the below text into kwrite, or leafpad, or whatever [PLAIN TEXT editor --NO document formatting except for line breaks!!] and save it as a file with the extention ".html" e.g. "mylocalhomepic.html" or whatever.  This will be the easiest way to get it to work on a local HDD.

------------ use the text below this line -----------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>local home page picture</title>
<style type="text/css">
body {
        background: url(pict1668.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
</style>
</head>

<body>

</body>
</html>
------------ use just the text above this line ----------------

2 caveats:
1- you need to rename "pict1668.jpg" to match whatever file you want displayed.
2- The way this html document is set up, it needs to be in the SAME directory as the pic you want displayed.

Cute trick, BTW!  I never used it before. Thanks!

--John



> -----Original Message-----
> From: josephj at main.nc.us
> Sent: Tue, 28 Feb 2012 04:11:45 -0500
> To: users at wnylug.org
> Subject: [WNYLUG-Users] Simple picture web page
> 
> I'd like to make a local home page for my browser (Firefox) that's
> primarily just a background picture.
> 
> Does anyone have a page I can take and just put a picture in it?  The
> pictures I have are large (7.1MP) and I can scale them down if necessary
> if I know what size to make them.
> 
> I saw this on the web, but I don't know how to use it.  I know basic
> HTML,
> but no css, php, or javascript.
> 
> TIA
> 
> Joe
> 
> http://icode4you.net/css-trick-resize-background-image-to-fit-browser-window
> 
> 
> 
> _______________________________________________
> Users mailing list
> Users at wnylug.org
> http://wnylug.org/mailman/listinfo/users_wnylug.org

____________________________________________________________
GET FREE SMILEYS FOR YOUR IM & EMAIL - Learn more at http://www.inbox.com/smileys
Works with AIM®, MSN® Messenger, Yahoo!® Messenger, ICQ®, Google Talk™ and most webmails





More information about the Users mailing list