Switch menu color to an image

Support forum dedicated to GameNews game Joomla template perfect for gamers, game portal news and reviews with dedicated extensions for rating and video support
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
Thu Sep 12, 2013 3:20 pm
Reply with quote
Report this post
Hello. How I can replace the menu background color for an image?

Image
User avatar
Fresh Boarder

GK User
Thu Sep 12, 2013 7:25 pm
Reply with quote
Report this post
User avatar
Platinum Boarder

GK User
Thu Sep 12, 2013 7:29 pm
Reply with quote
Report this post
Code: Select all
.gkMenu > ul {
    background: yellow;
}


Just change "yellow" to any color /name from list or hex/

p.s.
http://www.gavick.com/documentation/joo ... or-scheme/
User avatar
Platinum Boarder

GK User
Thu Sep 12, 2013 8:27 pm
Reply with quote
Report this post
Pawel F wrote:
Code: Select all
.gkMenu > ul {
    background: yellow;
}


Just change "yellow" to any color /name from list or hex/

p.s.
http://www.gavick.com/documentation/joo ... or-scheme/


Thanks for responding. What I want is to put a background image jpg.
User avatar
Fresh Boarder

GK User
Thu Sep 12, 2013 8:41 pm
Reply with quote
Report this post
Are you really need image background ? I suggest to use CSS3 features like gradients etc.

p.s.Do you know basic of CSS?
If not I can write another tutorial.
User avatar
Platinum Boarder

GK User
Thu Sep 12, 2013 9:46 pm
Reply with quote
Report this post
Read new article about background customization: http://www.gavick.com/documentation/joo ... und-image/
User avatar
Platinum Boarder

GK User
Sun Sep 15, 2013 5:29 pm
Reply with quote
Report this post
Pawel F wrote:Read new article about background customization: http://www.gavick.com/documentation/joo ... und-image/


I can not add a background image to the menu. Any solutions? :(
User avatar
Fresh Boarder

GK User
Sun Sep 15, 2013 6:42 pm
Reply with quote
Report this post
I can not add a background image to the menu. Any solutions?


why? I gave you tips.

Probably you added wrong url to image....you can try to add full path with http:// at the beginning.
User avatar
Platinum Boarder

GK User
Sun Sep 15, 2013 6:50 pm
Reply with quote
Report this post
It takes me less 2 minutes to do this, to prove that my tip works.
after-code.png

after.png


so try again! don't give up. :mrgreen:
User avatar
Platinum Boarder

GK User
Mon Sep 16, 2013 2:05 pm
Reply with quote
Report this post
Still does not work for me, I did as indicated in the picture. The only thing that changes is the background color, but does not add the image.
I also tried putting in the route http and nothing.

I want to place a background image to achieve something like this:

Image
User avatar
Fresh Boarder

GK User
Mon Sep 16, 2013 10:31 pm
Reply with quote
Report this post
Add URL to your website
and URL to background image.

This is the only way.
User avatar
Platinum Boarder

GK User
Mon Sep 16, 2013 10:33 pm
Reply with quote
Report this post
You want different background colors for each menu items also?
and you know how to do this? - because I'm not sure if you did it or not.
User avatar
Platinum Boarder

GK User
Tue Sep 17, 2013 2:46 am
Reply with quote
Report this post
Pawel F wrote:You want different background colors for each menu items also?
and you know how to do this? - because I'm not sure if you did it or not.


No, can not do it, I just wanted a background image to achieve something like this:

Image

My site is locally. Please, I'm desperate.

Excuse my English
User avatar
Fresh Boarder

GK User
Tue Sep 17, 2013 5:22 pm
Reply with quote
Report this post
To do color menu you have to know ID of all main Menu Items.

If you webiste is local it would be hard to help you right now.

I suggest: Focus on the content and when you finish - publish website then .. give a signal.
User avatar
Platinum Boarder

GK User
Tue Sep 17, 2013 6:43 pm
Reply with quote
Report this post
Use firebug for firefox

id.png

So you must add background for each ID from menu, for example

Code: Select all
#menu102 {  background: #9E0F00; }
#menu263 {   background: pink; }


etc.
User avatar
Platinum Boarder

GK User
Tue Sep 17, 2013 11:02 pm
Reply with quote
Report this post
Thank you. I was able to do with this code:

.gkMenu > ul {
background: #2f3335 url(http://www.tusitio.org/images/milindaimagen.jpg) repeat !important;
User avatar
Fresh Boarder


cron