Top Background.....

[usclassifieds.org]

Hey, does anybody know how to make a background as in http://erent.upatras.gr/

(its the green background on the top of the page)

i would also like to have a different background but in the same location, does anybody know how???

[usclassifieds.org]

Can someone please help me?

[garciademarina]

Hi!
The site you mention, uses css on body element.

body{
    background: url("../images/body_bg.jpg") repeat-x scroll center top #FAFAFA;
    ....
}

[kingsult]

If you need to understand how someone achieved something on their site, use Chrome as a browser. And right click on the location of the page where the item is interesting for you...

You select the option "Inspect Element..."... You will get a screen divided in 2: one part page, one part code. By going on the code, you will see the items getting highlighted...

It works like a charm.

Hope you understand what I meant...

It saved my life a couple of times so far...

[usclassifieds.org]

Thanks guys,

@kingsult

  in this occasion that way is not working for me


@garciademarina

Hey can you be a little bit more specific in how i would be able to do this? Sorry, im still a beginner in web development.

Thanks,

Vic

[garciademarina]

Hi sorry

You need an image background (attach an image example)

The image is located at ./oc-content/themes/images/background.gif
The style.css you need to modify is located at ./oc-content/themes/modern/css/style.css

In my case in line 12:
body { line-height:1; color:#333; font: 12px Arial, Helvetica, Verdana, sans-serif; background: url("../images/background.gif") repeat-x scroll center top #FAFAFA;}

* (more info about background property http://www.w3schools.com/css/css_background.asp )

[usclassifieds.org]

I dont know, it is just not working for me, i put in :

 body { line-height:1; color:#333; font: 12px Arial, Helvetica, Verdana, sans-serif; background: url("oc-content/themes/modern/images/background.gif") repeat-x scroll center top #FAFAFA;}
a { color:#069; text-decoration:underline; }
a:hover { color:#F80;}
option.pad { margin-left:10px;}
.empty { clear:both; color:#993300; float:left; padding:15px; width:100%; }
#FlashMessage { background:#F90; border-bottom:2px solid #F60; color:#FFF; display:none; font-size:18px; left:0; padding:20px 0; position:fixed;


But, it still is plain osclass white.   See at usclassifieds.org

[garciademarina]

Hi,

Your css file contains :

body { line-height:1; color:#333; font: 12px Arial, Helvetica, Verdana, sans-serif; background-image:url('/images/background.gif') repeat-x scroll center top #FAFAFA;}


And must put :

body { line-height:1; color:#333; font: 12px Arial, Helvetica, Verdana, sans-serif; background:url('../images/background.gif') repeat-x scroll center top #FAFAFA;}

You miss dot dot at the begining of the path.

Try this changes and tell us if work fine.

[usclassifieds.org]

Yes, thank you, it works perfectly now... just one more thing , how can i change the color of the login and register links on the website to white, because they blend in with the blue and make it hard to see?

[usclassifieds.org]

nevermind, i got it, but thanks.