Design #985 - uCoz Community

Page 1 of 1
1

Design #985

Pufi

Posts: 7

Reputation: 0

Message # 1 | 2:25 PM 2010-12-08

Hello. Does anybody knows how can I put a background image on design #985, outside the red borders, on both sides? Help will be appreciated. Thx

Animorph

Posts: 2856

Reputation: 189

Message # 2 | 3:40 PM 2010-12-08

Now how to only let left and right side to be changed in next step without changing other backgrounds:

The first thing that you must do before you are able to change Background ONLY on left and right side

Follow these steps correct

go to CSS and paste the following code after /* General Style */

Code

#background {width:100%;height:100%;text-align: center; background:#ffffff center repeat;}

Find:

Code

Change to:

Code

Now how to change Background on left and right side correctly:

Find:

Code

Change the colour:

Code

#FFFFFF ---> #your colour

Change the white background to an Image

Code

--->:

note: you can use
- repeat (to repeat up -down-left-right)
- repeat-x (to repeat left- or right)
- repeat-y (to repeat up or down)

If you have more questions ask them here

Best regards

To busy building a passive income online ;)

Post edited by Animorph - Wednesday, 2010-12-08, 3:42 PM

Pufi

Posts: 7

Reputation: 0

Message # 3 | 8:17 PM 2010-12-08

It works perfectly, thanks a lot hands

Added (2010-12-08, 2:17 PM)
---------------------------------------------
Actually it works only with colors. When I try to replace to put an image in the background nothing appears, it sets back to white. Any suggestions? sad

Animorph

Posts: 2856

Reputation: 189

Message # 4 | 8:22 PM 2010-12-08

Pufi, it works with colours i recently tested it

Code

i will PM you my test site where you can see the result

To busy building a passive income online ;)

Pufi

Posts: 7

Reputation: 0

Message # 5 | 4:54 PM 2010-12-09

Well, I have another problem.
On this page
http://ridedts.ucoz.com/faq
Obviously, I want the white background to extend until the red border and cover the images.
Thanks

Animorph

Posts: 2856

Reputation: 189

Message # 6 | 4:59 PM 2010-12-09

Pufi, you just need to do the same

find:

Code

change to:

Code

To busy building a passive income online ;)

Pufi

Posts: 7

Reputation: 0

Message # 7 | 5:09 PM 2010-12-09

Well, the only place where I have something like that is

Code

But if I change that, the page becomes a mess

Post edited by Pufi - Thursday, 2010-12-09, 5:11 PM

Animorph

Posts: 2856

Reputation: 189

Message # 8 | 5:12 PM 2010-12-09

Pufi, find

Code

$GLOBAL_CLEFTER$
</td>

Directly under that you will find the code that you are looking for

note: the "code" is on all modules , so i suggest that you use replace feature

go to CP ---> Main » Customize design » Quick replacement

Replacement mode: multiline

Find:

Code

Replace by:

Code

To busy building a passive income online ;)

Post edited by Animorph - Thursday, 2010-12-09, 5:24 PM

Pufi

Posts: 7

Reputation: 0

Message # 9 | 6:32 PM 2010-12-09

Uf, I can't make it work. It worked on this page http://ridedts.ucoz.com/blog which is also a module and had the same problem, but on FAQ it doesn't change anything when I change the code

Animorph

Posts: 2856

Reputation: 189

Message # 10 | 6:43 PM 2010-12-09

Pufi,

in you FAQ template you need to find this

Code

and change it to this:

Code

note: if the background is not changed on a module you need to do it manually , just that you know

i found the problem that you have , save your CSS again , you still have the default CSS in FAQ template

this needs to be

Code

this

Code

and then it will work

To busy building a passive income online ;)

Post edited by Animorph - Thursday, 2010-12-09, 7:06 PM

Design #985

Page 1 of 1
1