Help with "background Image" on navbar

AMDelgado

Joined: 2013-01-06
Posts: 15
Posted: Wed, 2013-02-27 23:05

Hello All!

This might be a basic question, but then again, I am a very basic user! :)

I am trying to make very small changes to Matrix theme (my ignorance prevents me from going very far...)

Fllowing the instructions, I was able to change the banner and logo! This was definitely a victory!

Now, I would like to have a small .gif on the background of the navbar, so it approaches the look of other sections of my site - but I cannot find where to change that background color, much less where to insert the code for the image.....looked and looked throught the theme.css, but am totally lost

Any tips (and/or appropriate code) would be greatly appreciated

Regards

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2013-02-28 01:37

link to site?

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
AMDelgado

Joined: 2013-01-06
Posts: 15
Posted: Thu, 2013-02-28 16:23

Actually, the "look" I want to emulate is the one of a forum - but you would have to be a member to see it.... www.xx .com/forum and the gallery here: www.xx .com/galeria

That is why i am only looking for help to insert an image in background - not really "embedding"....

Thanks

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2013-02-28 05:11

Well, from your links I cannot see your vision of what the site should look like.
I will say that simple embed is very simple, I have an easy form and many examples.

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
AMDelgado

Joined: 2013-01-06
Posts: 15
Posted: Thu, 2013-02-28 07:07

I know, suprsidr!

There is yet "no vision" for the site, as it is being reconstructed

But, for now, I would just like to do some minor changes....

Quote:
Now, I would like to have a small .gif on the background of the navbar, so it approaches the look of other sections of my site - but I cannot find where to change that background color, much less where to insert the code for the image.....looked and looked throught the theme.css, but am totally lost

Any tips (and/or appropriate code) would be greatly appreciated

Thanks for any assistance
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2013-02-28 13:20

#gsNavbar css is on line ~105 gallery2/themes/matrix/theme.css
adding an image would be similar to:

#gsNavBar {
    border-top-width: 1px;
    border-bottom-width: 1px;
    background: url(/images/bg.jpg) #fff no-repeat scroll;
}

@see http://docs.webplatform.org/wiki/css/properties/background

the html for #gsNavbar is in gallery2/themes/matrix/templates/theme.tpl

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
AMDelgado

Joined: 2013-01-06
Posts: 15
Posted: Thu, 2013-02-28 16:22

Thanks, suprsidr!

I got it!

Will revisit your tool when "embedding" time comes!

regards