CHANGE THE BACKGROUND

Permalink 2 users found helpful
I'd like to put a brick background on my site. I have found many free backgrounds but have yet to figure out how do do this. I can import an image, but how do I tile it for the whole page as a background. Help is much apprecieated!!

teleman001
View Replies:
JimboJetset replied on at Permalink Reply
JimboJetset
Can you not do this via CSS

put the brick.jpg image into your images folder then use CSS to put it on the background..

body {
background: url(images/brick.jpg);
}
redhawk replied on at Permalink Reply
..a little clarification, the the jpg image file in the images folder for the theme you are using...

You should locate the css file for that theme, usually called style.css or something. In there you would put that in the background for the body of the page, as stated.
JimboJetset replied on at Permalink Reply 1 Attachment
JimboJetset
See if this background block I created helps.

Put the block in your root blocks folder.

add the block in the Add Functionality area of the ACP.

Place the block anywhere on your page.
teleman001 replied on at Permalink Reply
teleman001
Jim,
Please forgive me, but I am a novice. Do not know what these terms mean, nor where to find them........also, the link you sent goes nowhere.

"Put the block in your root blocks folder.
add the block in the Add Functionality area of the ACP."

What is s root blocks folder?
What is the ACP?

My direct email is [email protected], thanks!
Remo replied on at Permalink Reply
Remo
start your ftp application and navigate to where you installed c5 and you'll find a folder called blocks, extract it there and go to your dashboard and hit "add functionality".
professorbob09 replied on at Permalink Reply
professorbob09
If the theme was installed trough the dashboard. How does one navigate to the proper folders. I am hosting with Blue host. Is the access through their applications page?
Thanks
Rob
Douri replied on at Permalink Reply
If by the proper folders you mean where you add the files for the block, you need to upload it through your control panel or ftp access at bluehost. Once you have uploaded the files, your dashboard will give you the option to install this block. The folder you need to upload it to is something like

/public_hmtl/(concrete install folder)/blocks/

If you installed concrete in the root then it will just be

/public_hmtl/blocks
Douri replied on at Permalink Reply
is it possible to add the scrollbar when you apply this block?
oxfordshireloc replied on at Permalink Reply
Hi

Decided to try this blocks background, but I get follow error when trying to add block




braryPassThru = array( 'type' => 'image' ); $al = Loader::helper('concrete/asset_library'); ?>
Image

Fatal error: Call to a member function image() on a non-object in /home/fhlinux129/o/oxfordshireloc.org.uk/user/htdocs/blocks/backgroundimage/add.php on line 8

Cheers
Paul
Douri replied on at Permalink Reply 1 Attachment
I got this error too, I think the problem is in the code of the add.php file that he included with this upload. I have attached the add.php that I used see if that works
binoy replied on at Permalink Reply
binoy
Still I get the same message! Is there any way out?
Douri replied on at Permalink Reply
edit your add.php and make sure the code is complete
oxfordshireloc replied on at Permalink Reply
Thanks the file you attached worked for me!
fatherb replied on at Permalink Reply
I got this working but there are no scrollbars to move down the page? where have they gone - can this background block be edited to include scrollbars?

thanks,
bcarone replied on at Permalink Reply
bcarone
Could be your control settings in your CSS file. The block may be limited in size and you need to enable scrolling.
fatherb replied on at Permalink Reply
thanks for the reply.

have checked main.css and typography.css - can't see anything saying no-scrollbars.

When you say 'the block may be limited in size' - what does that mean? I added the background block to header - the limited instructions above say that you can add the background block anywhere.

I wouldn't use this background block if I wasn't desperate. I can't make the background appear if I add it to the main or typography css. It just won't show. I even added the !important thing to background.

How is everyone else changing their background to an image? Can it be done?
bcarone replied on at Permalink Reply
bcarone
well that depends on your image i suppose.

i use a lot of transparent png's so i can just change the background via css if i wish.

as to the background image block, i haven't used that so I would be no help there.. sorry.
fatherb replied on at Permalink Reply
ok, so could you please share your trick of getting the background into the css?

I have tried in main.css:

body {background: url (http:www.mydomain.com/pathtomypicture.jpgp)!imiportant padding: 0px; margin: 0px; }


but it doesn't work.

Do you have any tips on getting it to go?

thanks heaps
bcarone replied on at Permalink Reply
bcarone
Well for one fatherb, it does't look (based on that code snippet) that you put the image in your css file.

Just as an example, this is my "body" snippet of one of my "style.css" files:

body {
background: #358bc8 url(images/cg_bg.jpg) no-repeat;
color: white;
width:1200px;

}

So in your page you are displaying, you can use the class/id name for your background and just place an image over it. That's how I do it. May not be the best way but I have found it (for me) to be the simplest.

In yours, your trying to place it in a php file. If your using the block mentioned earlier in the thread, I have not used it so I don't know if there is any php mods needed.

For simplicity sake, I would try and use your CSS file (main or style, whichever your using) to make these calls for images and save using a block for images where you need it. Especially if your not going to be changing that image often.

Someone in the IRC channel mentioned KISS the other day. I think we as site developers and designers can get caught up in using a lot of blocks that really aren't needed. So by keeping your base theme simple (using blocks to a minimum for site wide usages)you may reduce the overall theme requirements. Keep your site header banner/image simple and clean. Use your admin dashboard to change that and it will be easier (5.4+ I believe may work in a latter version of 5.3+).

Message privately if you need too. There are a lot of ways to accomplish this and I tend to try and do it in a minimalist view.

Bill
fatherb replied on at Permalink Reply
thanks for the help.

I'm not sure where all that php stuff came from in the forum. Anyway, this is where I'm at with my background now. I'm editing the default theme and put the following in main.css.

body {background: url(images/background.jpg)!important;padding: 0px; margin: 0px; }

Hopefully that will appear properly in the forum this time.

The background is appearing but the scroll bars have gone. My site is here:http://www.focus-oxford.co.uk/c5/...

if you want to see it.

thanks,
roodmag replied on at Permalink Reply
Hi, I watch your site, please, give me your box services for install in my site, my english is very bad. Your site its beutifull, the box with pictures I need pls.

Contact in my mail [email protected]

Thank.