Viewing Dynamic width...
Dynamic width...
|
User: Derek 12 years ago
|
|
|
Hey. I Followed your instruction step by step, the ones you posted about the pure CSS. Not using backstretch.js. But nothing happens, the page stays blank white...does maybe appears only when published? The code I pasted on the footer box is this one <style type="text/css"> body { background-color: #000000; background-image:url('{!-ASSETSPATH-!}Images/iweb52newnewsize.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position: top; margin: 0px auto; background-size: 100% 100%; } </style> the image I put in the assets is a jpg and appears like this in the assets folder: iweb52newnewsize.jpg |
|
|
User: Derek 12 years ago
|
|
| nope, even when published nothing comes out | |
|
User: Derek 12 years ago
|
|
| nope, even when published nothing comes out | |
|
User: Roddy 12 years ago
|
|
|
Unlike the Rupert Sanders site, which really needs to be viewed in fullscreen mode, your site will have the content centered on the screen. The page width can then be set at what is considered a "normal" width - somewhere between 700px and 980px. The background image should be at least the same size as the average monitor. Modern desktop monitors are around 1920w x 1080h although mine is actually 1200h. Pages with full sized background images obviously load slowly in the browser which is why, in my example, I used one that is smaller in height and merges into plain black. Using jQuery backstretch and inserting the code in the Footer Code box has the advantage of allowing the page content to load before the background image so that the visitor has something to look at while the huge image loads. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |