Advertisement:

Author Topic: Top Background.....  (Read 3703 times)

usclassifieds.org

  • Sr. Member
  • ****
  • Posts: 268
Top Background.....
« on: June 27, 2011, 11:19:41 pm »
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

  • Sr. Member
  • ****
  • Posts: 268
Re: Top Background.....
« Reply #1 on: June 29, 2011, 12:47:23 am »
Can someone please help me????

garciademarina

  • Administrator
  • Hero Member
  • *****
  • Posts: 974
Re: Top Background.....
« Reply #2 on: June 29, 2011, 09:14:14 pm »
Hi!
The site you mention, uses css on body element.

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

kingsult

  • Premium
  • Full Member
  • *****
  • Posts: 204
Re: Top Background.....
« Reply #3 on: June 30, 2011, 06:51:21 am »
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

  • Sr. Member
  • ****
  • Posts: 268
Re: Top Background.....
« Reply #4 on: June 30, 2011, 05:50:14 pm »
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

  • Administrator
  • Hero Member
  • *****
  • Posts: 974
Re: Top Background.....
« Reply #5 on: June 30, 2011, 07:17:16 pm »
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

  • Sr. Member
  • ****
  • Posts: 268
Re: Top Background.....
« Reply #6 on: July 01, 2011, 06:28:50 pm »
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

  • Administrator
  • Hero Member
  • *****
  • Posts: 974
Re: Top Background.....
« Reply #7 on: July 05, 2011, 02:01:11 pm »
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

  • Sr. Member
  • ****
  • Posts: 268
Re: Top Background.....
« Reply #8 on: July 05, 2011, 07:23:10 pm »
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

  • Sr. Member
  • ****
  • Posts: 268
Re: Top Background.....
« Reply #9 on: July 05, 2011, 07:40:05 pm »
nevermind, i got it, but thanks.