Possible to integrate an image background

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Mar 26, 2013 5:08 pm
Reply with quote
Report this post
Hi,

Possible to integrate an image background ?
What is the css to change ? template.css, style.css ?
Thanks for your answer.
User avatar
Gold Boarder

GK User
Tue Mar 26, 2013 6:53 pm
Reply with quote
Report this post
Hi,
Possible to integrate an image background ?

Sure no problem, but you don't have to edit any file!
You should use overwrite option (see & click)
custom code.png


This code should help:
Code: Select all
body { background:#ccc url('images/gavern-logo.png');  }



Read about:
https://developer.mozilla.org/en/docs/C ... ound-image
http://www.w3schools.com/css/css_background.asp
User avatar
Platinum Boarder

GK User
Wed Mar 27, 2013 9:30 am
Reply with quote
Report this post
Thank you Pawel for your answer.
After avtivation overide.css and install your code with the name of my background, i've just the color background and not my image..
User avatar
Gold Boarder

GK User
Wed Mar 27, 2013 11:34 pm
Reply with quote
Report this post
Hi,
Did you add a good/right url of your image? I've put only simple example.

Code: Select all
body { background:#ccc url('http://demo.gavick.com/joomla25/simplicity/templates/gk_simplicity/images/style1/logo_white_bg.png');  }


p.s.
Have you ever read about background images via css? :ugeek:
User avatar
Platinum Boarder

GK User
Thu Mar 28, 2013 10:21 am
Reply with quote
Report this post
Hi Pawel,

Nice, like you said in the last post it's just a problem of link :-)
With the long link it's ok for the image in the background.
Yes i read your links css and thanks for this.

Bye.
User avatar
Gold Boarder

GK User
Mon Apr 01, 2013 4:03 pm
Reply with quote
Report this post
Impossible to work with ie8 , no problem with others navigator
An idea ?
User avatar
Gold Boarder

GK User
Tue Apr 02, 2013 8:05 am
Reply with quote
Report this post
But IE supports CSS and also background property, ask Bill Gates.
Hmm, You can try separate:
Code: Select all
background-image:url('image.png');
background-color:#cccccc;
background-repeat:repeat-y;
User avatar
Platinum Boarder

GK User
Tue Apr 02, 2013 10:14 am
Reply with quote
Report this post
By changing these values ​​in my overide.css I lose the background in all browsers ...
User avatar
Gold Boarder

GK User
Tue Apr 02, 2013 7:52 pm
Reply with quote
Report this post
:pinch: Should I teach you using CSS. I always thought that people who use the CMS know basis of web design.

Code: Select all
body  {   .....code from my last post... }


but change value like image URL or color.
User avatar
Platinum Boarder

GK User
Wed Apr 03, 2013 2:18 pm
Reply with quote
Report this post
Ok Pawel thank and stop with the ironie i pay for a service.
Now the bakground don't work with ie8 again..But it's ok with all browsers, and i don't have the mail of Bill GATES, so sorry !!
The first time i use your code exactly like you said, in the overide.css

/*
#------------------------------------------------------------------------
# Magazine - January Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

body { background-image:url('http://rainet.fr/demo/templates/gk_magazine/images/style4/background.png');
background-color:#ffffff;
background-repeat:repeat-y;
}
.itemList article {
border:none !important;
padding-top: 0px !important;
}
User avatar
Gold Boarder

GK User
Wed Apr 03, 2013 2:57 pm
Reply with quote
Report this post
Hi,
This is template support not IE browser support, did you agree.

At least you insert URL of your website, that's was very important to help you.
Now I see graphic bubbles in your background on IE9/IE10 - so it works.
ie.png


Maybe try this:
Code: Select all
body { background: ##fff url('../images/style4/background.png') repeat-y !important;}
User avatar
Platinum Boarder

GK User
Wed Apr 03, 2013 3:07 pm
Reply with quote
Report this post
p.s.
:idea: Specially for you I searched in web for few minutes about IE8 problems and I found that: http://orianapagano.com/background-imag ... ing-on-ie8
User avatar
Platinum Boarder

GK User
Wed Apr 03, 2013 4:12 pm
Reply with quote
Report this post
Thank you Pawel , nice day.
User avatar
Gold Boarder

GK User
Thu Apr 04, 2013 8:41 pm
Reply with quote
Report this post
Thanks, sorry that it took so long, I didn't expect that IE8 was so CSS "sensitive/selective".
Fortunately, more and more people have/uses IE9 and IE10. And there are not such a problems. :D
User avatar
Platinum Boarder

GK User
Sun Jun 09, 2013 3:39 pm
Reply with quote
Report this post
Nice :)
User avatar
Fresh Boarder


cron