Viewing Dynamic width...
Dynamic width...
|
User: Derek 10 years ago
|
|
|
HI there. I thought I could use the dynamic width to have the site pages automatically shrinking or squeezing to adapt to the main browsers and most but not all monitor sizes (let's say to ipads, and 13",15",17" macbooks). I don't want to have a responsive website design, just the automatic shrinking and enlarging feature, like in this site: www.rupertsanders.com my site is www.cristianomangione.com Now there is just a test page to see how it reacts with different browser sizes. The image size and the width and height of the page are the same (1280px per 700px) with dynamic width on. But it doesn't move or adapt whatsoever. So if the browser/monitor is smaller than the page scroll bars appear, if instead is bigger the page appears surrounded by the browser background...white in this case. Do you have any solution for this? If eventually there are no tools in Everweb to do that, there is any code to paste in a snippet? I'm not looking to have something perfect, if sometimes one scroll bar appears is fine, but at least I want to obtain a feature that works in most cases, avoiding the showing up of the browser background. thanks! |
|
|
User: Paul-RAGESW 10 years ago
|
|
|
We're still working on a similar feature. It currently isn't possible in EverWeb.
------------------------------- Paul EverWeb Developer |
|
|
User: Roddy 10 years ago
|
|
|
Quote: ..any code to paste in a snippet? The easiest and best way to create this in EW is to use the centered layout and insert the background image using backstretch.js. I did a new example of this which can be seen HERE. I have used a translucent page background but you wouldn't need this to get the effect you are looking for. Just set the page background as "None" and add the other page elements as per normal. ------------------------------- 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. |
|
|
User: Derek 10 years ago
|
|
|
Thanks a lot for this! As you probably remember I asked the same question on the iweb forum, and we briefly talked about it. In the link you provided I saw the effect of stretching and expanding of the background image in relation of the size of the browser's window, but in those examples the text doesn't move. So maybe is just me that I don't get it right away, and sorry if that is the case, I'm really not a tech guy, but in my case I would need that everything stretches or squeezes, also the text (commands), because the text is designed to fit in the image in a certain way, and also the texts are commands that bring you to other pages, like in Rupert Sanders site. If in that site you go beyond the home page and you'll see the other pages you'll understand what I mean...When you reduce your browser window, the text (commands) shrinks too and stays fit to the image always in the same way, even if the text is not part of the image. can I do that using backstretch.js. ? |
|
|
User: Derek 10 years ago
|
|
|
Thanks a lot for this! As you probably remember I asked the same question on the iweb forum, and we briefly talked about it. In the link you provided I saw the effect of stretching and expanding of the background image in relation of the size of the browser's window, but in those examples the text doesn't move. So maybe is just me that I don't get it right away, and sorry if that is the case, I'm really not a tech guy, but in my case I would need that everything stretches or squeezes, also the text (commands), because the text is designed to fit in the image in a certain way, and also the texts are commands that bring you to other pages, like in Rupert Sanders site. If in that site you go beyond the home page and you'll see the other pages you'll understand what I mean...When you reduce your browser window, the text (commands) shrinks too and stays fit to the image always in the same way, even if the text is not part of the image. can I do that using backstretch.js. ? |
|
|
User: Roddy 10 years ago
|
|
|
The short answer is no, you cannot make the text and/or hyperlinks expand and contract with the background no matter what method you use to insert the background image. To make the text and/or hyperlinks responsive, you next to put them in a div with a percentage width and this is not possible in EverWeb at this time - perhaps someday soon? The method I prefer to insert background images uses pure CSS rather than java script. Example HERE. ------------------------------- 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. |
|
|
User: Roddy 10 years ago
|
|
|
Having looked at the www.rupertsanders.com site again I see that the text is not responsive and the content isn't even centered!
------------------------------- 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. |
|
|
User: Derek 10 years ago
|
|
|
Really? What do you mean? This is the site as it appears to me (screen shot), and if I click on any of the Rupert Sanders texts in the middle of the page it brings me to the next page (screen shot 2) where are listed "works" "awards" and "contacts", and if I click on those I go to the related page. And in both cases if I reduce the browser's page size all shrinks adapting to the browser's window (screen shot 3) |
|
 Screen shot 2013-10-23 at 3.55.21 PM.png 1 Screen shot 2013-10-23 at 3.55.29 PM.png 2 Screen shot 2013-10-23 at 3.55.55 PM.png 3 |
|
|
User: Derek 10 years ago
|
|
|
Sorry, for some reason the system here just attached the same screen shot (the third one, the shrank example) three times! Here again the first screen shot |
|
 Screen shot 2013-10-23 at 3.55.21 PM.png |
|
|
User: Derek 10 years ago
|
|
|
Anyway, in the moment is not yet possible to achieve this in Everweb. Do you know how I can resolve this? Other software or? Thanks! |
|
|
User: Christopher 10 years ago
|
|
|
Quote: Derek - 23/10/2013 14:04:31 As you probably remember I asked the same question on the iweb forum, and we briefly talked about it. Was Roddy the web guru for iweb too? Man, you're a legend! ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 10 years ago
|
|
|
Quote: Anyway, in the moment is not yet possible to achieve this in Everweb. It is possible to create this in EW. I think you are misunderstanding what I am saying, The Rupert Sanders site is NOT responsive nor is the background image dynamic. It is badly constructed because the text disappears when the browser width is narrowed down and is only suitable for viewing in fill screen mode on a desktop. Have you tried viewing it on an iPad? You can create the same effect but much better using EW. Use the centered page layout with a reasonable content width and insert the background image using one of the methods I have suggested above. Set the page background to "none" and then insert your text boxes and hyperlinks in the usual fashion. You will be able to create the same type of site but yours will actually work properly. The Rupert Sanders was created by somebody who didn't quite understand the finer points of inserting a background image! ------------------------------- 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. |
|
|
User: Roddy 10 years ago
|
|
|
Quote: Was Roddy the web guru for iweb too? No, that was some idiot who stole my identity. ------------------------------- 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. |
|
|
User: Derek 10 years ago
|
|
|
Ok, I'll definitely try what you say. When you say reasonable content widht what you mean? Considering I want a page viewable with different monitor-browsers sizes, how much you would put as a widht? Do I touch the height? Also the image I'm choosing I guess should be pretty large in size too, right? |
|
|
User: Derek 10 years ago
|
|
|
Ok, I'll definitely try what you say. When you say reasonable content widht what you mean? Considering I want a page viewable with different monitor-browsers sizes, how much you would put as a widht? Do I touch the height? Also the image I'm choosing I guess should be pretty large in size too, right? |
|
| Post Reply |
| You must login or signup to post. |