Background-image

Posted by Helmut_pdorf Helmut_pdorf on 14 Oct 2018 14:44, last edited by Helmut_pdorf Helmut_pdorf on 14 Oct 2018 15:21
: background css

This is a page related to the community question http://community.wikidot.com/forum/t-8001574/background-image-for-single-page#post-4023408

using a local image of the external gallery as a background image for only this page.
( I know, these image is duplicated in div content-wrap, a.s.o, a little bit too much !

But it is important to show that this CSS module works only for this page!

Using following file: http://community-playground.wdfiles.com/local--files/gallery-central-storage-area-for-graphics-pictures/SANY1116.JPG from http://community-playground.wikidot.com/image-ext:8 :

SANY1116.JPG

using following local code on this page (showing all "content" possibilities ( using the web-developer tool "Inspector" from Firefox browser - this gives me the names of the "div" - names!:

[[moduleCSSshow="true"]]
#container-wrap{background-image: url(http://community-playground.wdfiles.com/local--files/gallery-central-storage-area-for-graphics-pictures/SANY1116.JPG);
 }
/*CONTAINERS
==============================*/
 
#container-wrap{background-color:#666A73;
 background-image: url(http://community-playground.wdfiles.com/local--files/gallery-central-storage-area-for-graphics-pictures/SANY1116.JPG);
 background-position:topleft;
 background-repeat:repeat-y;
 padding:00035px;
}#container{background-color:#666A73;
 background-image: url(http://community-playground.wdfiles.com/local--files/gallery-central-storage-area-for-graphics-pictures/SANY1116.JPG);
 background-position:topleft;
 background-repeat:repeat-y;
 padding:035px00;
}#content-wrap{background-color:#ffffff;
 background-image: url(http://community-playground.wdfiles.com/local--files/gallery-central-storage-area-for-graphics-pictures/SANY1116.JPG);
 background-position:topleft;
 background-repeat:repeat-y;
 border:1px01pxsolid#AAA;
}#main-content{background-color:#ffffff;
 background-image: url(http://community-playground.wdfiles.com/local--files/gallery-central-storage-area-for-graphics-pictures/SANY1116.JPG);
 background-position:topleft;
 background-repeat:repeat-y;
 border:1px01pxsolid#AAA;
}[[/module]]

In Action

Have a look on the source code!

Backlinks (Links to this page from others):

Comments:

Number of Comments: 0)

page revision: 18, last edited: 14 Oct 2018 15:21
Discuss (0)
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).
Notify administrators if there is objectionable content in this page.
Something does not work as expected? Find out what you can do.
General Wikidot.com documentation and help section.
Wikidot.com Terms of Service - what you can, what you should not etc.
Wikidot.com Privacy Policy.

AltStyle によって変換されたページ (->オリジナル) /