[WNYLUG-Users] Simple picture web page

josephj at main.nc.us josephj at main.nc.us
Wed Feb 29 01:12:21 EST 2012


Thanks!

That's almost perfect!  The only problem is that it cuts off the edges of
the picture.  Is there something I should do - like resizing the picture
to fix that?

It works when the window is resized too.

Joe

> Joe,
>
> 1) Copy and paste this into a new text file and save as index.html (or
> whatever you want)
>
> 2) Replace:  background: url(path to image) no-repeat center center fixed;
>      with the actual path to your image
>
> 3) Change the text in the title tag if you wish
>
> 4) Point your browser to it
>
> <html>
> <head>
> <title>Put Your Title Here</title>
> <style>
> body {
>          background: url(path to image) 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>
>
> Paul Costa
> paul at paulcosta.com
>
>
> On 2/28/2012 8:52 AM, Monkberry wrote:
>> Just say that your home page is a file. In the preferences, set your
>> home page to something like file:///home/peter/Desktop/julian.jpg
>>
>> On 02/28/2012 04:11 AM, josephj at main.nc.us wrote:
>>> 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
>>
>> --
>>
>>
>> _______________________________________________
>> Users mailing list
>> Users at wnylug.org
>> http://wnylug.org/mailman/listinfo/users_wnylug.org
> _______________________________________________
> Users mailing list
> Users at wnylug.org
> http://wnylug.org/mailman/listinfo/users_wnylug.org
>





More information about the Users mailing list