Background Image Without Repeating?

When I add an image to profile background, it repeats many times. 

Could someone point me to something that explains how to add an image that will be the background without repeating? What size? What format?

Thank you.

highartsculptures.com.....your favorite new site
Quote · 29 Feb 2016

It's way past my bedtime but this may get you started.

 

Look at the EVO template (7.2.1) because the background is a single image. Bear in mind that full size background images are large and they will slow down your member's access speeds. That's why 7.3 is using a smaller repeat image.

 

/templates/templ_evo/images

 

sys-bg-main-2x.jpg is huge - 1980 x 1485 460kb

 

A repeat image may be as small as 5kb.

 

If you're using EVO, rename the image to something like   --sys-bg-main-2x.jpg

 

Clear the cache and run Dolphin and the background image should no longer be there.

 

Create a new jpg image, upload it to the above folder and rename it sys-bg-main-2x.jpg

 

Clear the cache and run Dolphin again.

 

Good luck. That's the easiest way to do it. 

 

If you're using a different template, you'll have to go to /templates/xxx_templ/images and upload your image. Remember the name.

 

Go to templates/xxx_tmpl/css/general.css and look for background_image around line 12.

 

Replace the image name with your image name.

 

If it's not there, add this line:

 

    background-image: url(../images/yourimagename.jpg);

 

Look for the word repeat; Probably around line 13.

 

Change it to no-repeat;

 

Save the file, clear cache, run script.

 

Quote · 29 Feb 2016

Thank you. I am running EVO Template on 7.2. 

I am asking because I would like my testers to be able to change the Background Image on their Profile. 

I will mess around a bit with the info you have given. 

 

Anyone get this working easily for their members?

highartsculptures.com.....your favorite new site
Quote · 29 Feb 2016

The problem with the repeat image
body
{
    background-image: url("paper.gif");
}

 

vs a fixed image is that it limits your choice for backgrounds where

 

body {
background-color: #000000;
background-image: url(whatever/salute.jpg);
background-attachment: fixed;
margin: 0px;
background-position: center;
width : auto;

}

 

lets you add items that fit your revised theme.  On EVO hack .. best to use what BoonEx used if

you are not sure how to adjust css3.  It does a pretty good fit for a fixed background image. 
EASY STREET:
Pull the image up in a graphic editor of choice and overlay what ever image you want for a BG

on the default ( keep a copy of the default elsewhere just in case ) then optimize and save.  Up

load to the /templates/tmpl_evo/images  dir...  There are two sizes for the bg image.. overlay both

(IMAGE HI HACK) Tongue Out save to same name.. and upload.

 

SIZE MATTERS:  Cool

If you have photoshop when you save a large image for background you can optimize it for web..

Best

EagleII sends
Over 68 years on the planet and still having fun.

https://myneighbors.net ( Under Reconstruction ) (g)

Quote · 29 Feb 2016

If I use a large image, somewhere over 1000px it fills the page without repeating.

highartsculptures.com.....your favorite new site
Quote · 15 Mar 2016

simple answer - if you do not want an image to repeat - just use background-repeat: no-repeat in the css file

caredesign.net
Quote · 15 Mar 2016

The simplest answer is that when changing a background and choosing 'No Repeat' from dropdown, it would work. 

highartsculptures.com.....your favorite new site
Quote · 15 Mar 2016

 

The simplest answer is that when changing a background and choosing 'No Repeat' from dropdown, it would work. 

 Not really, because you have to use a suitable image for Repeat and No Repeat. Your suggestion may give some horrible results depending on the image and image size.

Quote · 16 Mar 2016

As far as I am concerned- It is up to the end-user, especially if no instructions are posted where you change the background. Most companies have figured out what works and what doesn't and they state it at the place where the action takes place. I'll just chalk it up to another broken part of the system that Boonex doesn't want to deal with. This question goes back years with no real resolution. 

Isn't it up to the user to decide what results are horrible and what results are not horrible? Having made art my whole life (and having a painting owned by a museum), My paintings have ben called everything from vulgar and terrible to genius and inspiring. Different people like different things, and the project I am working on leaves the decisions to the end-user, as I feel almost everything should. If someone wants to have a background of a super low-res image of animals having sex, they should be able to.

highartsculptures.com.....your favorite new site
Quote · 16 Mar 2016

I saw a site like that once. What a disaster! Then again, I'm not an arty type and a background of copulating animals or people being beheaded doesn't really appeal to me.

Quote · 16 Mar 2016
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.