How can I have a 2 in 1 background for my blog?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Guys, I need your help!
I am planning to start a blog, after the fantastic experience I had with my Yola website. The problem is that Yola has nothing 100% suitable for this blog (not even in Pro). I like "Fantastic 36 Sunflower" template but there's not enough space for articles.
I finally decided for a template that allows me change background "No Frills black ". However, this does not seem to help me because I want to include one picture on a golden background (this background is not available in Yola). If I use "tiles" option the photo will reapeat and I do not want that..I need only my golden pattern photo to repeat...could you please take a look and let me know if you have any ideas?? I really do not know ..what if i upload a bigger size photo (photo + golden background)...and if I do...how big should this be??
http://egiptblog.yolasite.com

Many thanks!!!
Photo of dana Florea

dana Florea

  • 78 Posts
  • 0 Reply Likes
  • unsure

Posted 9 years ago

  • 1
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
You could have it not tile and not scroll with the page
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Dana

I would agree with Diane's suggestion (thanks Diane!). You will need to make sure that your image is wide enough though to fully cover your background. I'd say about 1100px I think. You may need to play with this a bit to see.

Then in your Edit Page Design, you can go to your format background, select "No Tile" and select the option for it to not scroll with the page.

I hope this helps!
Photo of dana Florea

dana Florea

  • 78 Posts
  • 0 Reply Likes
Pls ignore my last post...I tried no scroll now and I.ve got the idea (I thought No scroll will leave my background unfilled). Thank you once again!!!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Glad to hear that you got it working! :)
Photo of dana Florea

dana Florea

  • 78 Posts
  • 0 Reply Likes
Unfortunately i still have an issue that bothers me, maybe someone can help?
I prepared a photo (2 in 1) as background (1600 X 1200 pxl 348.9 KB) and uploaded and used No Scroll option but I observed then whenever someone wants to access my blog, will see first the old template (simple black background) and only after a while the new background. Loading my background photo takes time and this does not look good ..
I tried to crop the photo and make it smaller but i started to have problems in arranging the background. To be more specific : My background photo is 2 in 1 a Nefertiti painting on a golden background. If I resize the photo in order to make it small, the low half of Nefertiti dissapears.
What is more strange is that I tried to change the crop image with the uncropped one but the result is still the same, as if I have not done any change...Why??

I would like to know the exact dimensions of a photo to use as background
for a blog, in order o optimize the result (fast loading and good looking).

Many tks

PS my blog is now at www.egiptulblog.yolasite.com
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hi Dana,

Your background image of Nefertiti is 501x614 pixels, but it does not have the gold area that is visible on your page - is that a different picture?

The right image size for the background depends on the size and resolution of the computer screens viewing your site and the length of your page. As a rule of thumb, your image can be 1500 pixels across (width), but the length would depend on how much content you have on your page. So, we would recommend that you make sure you have an image that is 1500 across, but you can make it as long as you like.
Photo of dana Florea

dana Florea

  • 78 Posts
  • 0 Reply Likes
Hi Marije

Actually my nefertiti photo is small so I combined it with another photo of gold
The whole background was 1600x1200 pxl but if visitors access my blog, loading of the new background takes too much time. That's why I wanted to arrange it (resize/crop) till I get maximum possible from it.
I use "Do not scroll with text" option so this case what do you think the length of the background should me?
I am trying to adjust the photo by cropping it little by little but I still have some issues: Nefertiti is supposed to appear full lenght (it has the name of its creator down) and this happens only if I access my blog in FF but the photo appears cut from down if i see my blog from IE running compatibility view.

What do you think?
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hi Dana,

It's tricky having a background that is a picture and not something like a pattern or color that can be repeated. People who view your site have different size screens that have different resolutions on different browsers and it's likely that it will look different on all of them!

I have been trying to edit your image so that it fits better - is this more like what you're after? http://sdfsdfsfsfsfdsd.yolasite.com/

I can continue to edit the image (it's a finicky process), but I'm not sure if it's on the right track.
Photo of dana Florea

dana Florea

  • 78 Posts
  • 0 Reply Likes
Hi Marije and thank you sooo much for your efforts!!!!

Unfortunately I was out of town (and I am still out of town, struggling with a dial up connection) so i have seen yr msg now...the link is not avail anymore....Can we try again on wednesday??? Please and sorry....
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
My apologies - I unpublished it to test something else :) Back up again: http://sdfsdfsfsfsfdsd.yolasite.com/
Photo of dana Florea

dana Florea

  • 78 Posts
  • 0 Reply Likes
Hi Marije and thanks a lot!!
The idea is that I do not want Nefertiti photo to be repeated, just the background. What else can I do? I read in one of yola tutorials that we can get backgrounds from other websites but i saw they look like pictures so I suppose I may have the same problem...
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hi Dana - I think I need to get some advice from one of the Art people and I'll do that Monday. Sorry for the delay.
Photo of dana Florea

dana Florea

  • 78 Posts
  • 0 Reply Likes
Hi Marije and
Thanks a lot for your efforts!!!
Photo of Mstgrr

Mstgrr

  • 31 Posts
  • 4 Reply Likes
Hi Dana,

I'm afraid the two-tone background won't work well in this application. This Style is suited to sites with no fixed placement of elements - the Style will automatically center in the middle of the browser window. As you cannot control how wide people will set their monitor (add to this screen resolution issues), you can never control where your left column will intersect with the blue colour band of your background. Secondly, it's not advisable to use such a large file as a background as this may greatly slow down the download of your website causing frustration for your visitors.

My suggestion is the following:
• Source a new gold file that tiles well. Remember text will be overlaid so be careful to not use something that's too colourful or contrasting. Your text must be legible.

• Select one of the sister Styles that use a horizontal navigation and use the left column for your Blog widgets. I'd suggest SqueakyClean or SqueakyClean Black (depending on what colour you need your text to display in - black text or white).

• When changing the Background image, insert a colour value that matches the overall colouration of your image- this way it's less jarring when looking at the page background colour whilst you wait for your image to load up.

• Change the page Layout to 2-Column-Right (narrow left column) and drag your Blog widgets into this left column.

• Add the Neffertiti image into the top of the left column for added visual interest. Use the Image widget for this. This way, the image will flow with your content no matter how wide or long the browser display is.

I've played in Marije's account to illustrate what I mean by this: http://sitebuilder.yola.com/sites/D22...

I hope this helps get you on the path to the site you're visualising.
Photo of dana Florea

dana Florea

  • 78 Posts
  • 0 Reply Likes
Hi Tracy,

Thank you so much for your detailed solution!!
I finally decided to change the whole idea because it is almost impossible to find the golden background that can be used in tiles, be legible and load fast.
I appreciate your suggestions, they were really valuable to me!!!

Thanks a lot!!!