Static Background with dynamic...

Mar 23rd, 2011 at 09:17 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,190 posts

Paste the code into the body of a HTML box.

This is the size of the picture to display.
<img style="width: 604px; height: 402px;

This is no border and opacity of .5 0 = Invisible 1.0 = solid
border: medium none; opacity: 0.5;

This is where you change the code to match a picture that is on your server.
"alt="" src="http://mydomain.com/pictures/mypicture.jpg">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Mar 24th, 2011 at 01:17 AM
User 2132015 Photo

OttoFocus
Registered User
6 posts

Is the code placed under the "header HTML" tab or the "Onload Events" Tab?
Mar 24th, 2011 at 07:35 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,190 posts

Otto, In VSD click on the HTML tool on the left hand panel. Now click on your page that you want the picture on. A window will open that has three tabs. Body HTML, Header HTML and Onload Events. Paste the code into the Body HTML window. It should be the default open tab when the window opens. See attached.:)
Attachments:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
May 27th, 2014 at 01:20 PM
User 2308855 Photo

Declan McCann
Registered User
8 posts

I have used the instructions from A Growers Life site to put a static background on to a site and am happy with the results on my laptop etc. When I open it on an ipad there is a problem with the background image not stretching the full size of the screen. any ideas would be appreciated thanks
May 27th, 2014 at 03:08 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,190 posts

Can you share a link?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
May 27th, 2014 at 03:20 PM
User 2308855 Photo

Declan McCann
Registered User
8 posts

http://www.test3.declanstack.com/index.html
May 27th, 2014 at 03:51 PM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

Hi Declan,

You will need to create a stylesheet and make some adjustments to your code to overwrite what VSD puts for you body properties.

Make a css file called custom.css then put this in it:

body {
margin: 0 auto;
min-height: 100%;
max-width:960px;
width:90%;
color:#fff;
background: url('../img/background.jpeg') repeat-y;
}


Then put this in the header of your VSD page:
<link rel="stylesheet" href="custom.css">


replace the "background.jpeg" with the location of your background image.

make sure you upload the css file to the same location your index.html file is on your server

Hope this helps
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 27th, 2014 at 05:02 PM
User 2308855 Photo

Declan McCann
Registered User
8 posts

I have followed the instructions above and everything still works ok on the laptop. I have cleared the history and cache on the ipad and the background still only partly fills the screen with about a 2" white strip down the right hand side ????
May 27th, 2014 at 05:17 PM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

You are putting your header code in the wrong area. By the looks of it you have a lot of code entered wrong on this page. You have even entered you code for your menu incorrectly. All header code should go in the section for headers.

Go to Edit > Edit Header or press CTRL+ALT+H

Any code for header should be placed here.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 27th, 2014 at 05:24 PM
User 2308855 Photo

Declan McCann
Registered User
8 posts

have put <link rel="stylesheet" href="custom.css"> in the header as instructed.
the menus are placed with the add html tool and I have used this on a lot of websites for this menu and they all work well I dont understand what I am doing wrong here if these menus work. please let me know.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.