Joomla Templates Club 406,261 posts

[yourwebpros1 Friend yourwebpros1Join date: September 2010Posts: 19Downloads:0Uploads:2 Thanks: 10]

#166175

Hi we have a client site that we are designing around the JA Ores template;
http://www.nvpicapart.com/NevadaPAP/

The client is asking us to modify the template with graphic elements shown in NPAP_mock_1.png that is attached.
They also want the menu to look like the menu buttons shown here;
http://www.wix.com/johnjvalenti/nevadapap#!
So to be clear, we are trying to learn how to place the checked flag graphic in the position 1 shown in the nvpapss01.png attachment and the red carbon fiber look to be placed in 2, 3 and 4 areas.

---

Attachments:

1. 
2. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#400757

Hi,

I see you have already placed the graphics from NPAP_mock_1.png in the site.

I am not sure how you can flip the buttons but on hover you can display a different menu image than the image you use normally. The css styling will need to be done from the mega.css/css.css depending on the css type you want to use.

I didnt get what is checked flag graphic. Please explain.

To apply the red-black background shown in NPAP_mock image, you can use say 10*10 image or whatever is suitable to get the effect and apply it as a background to ja-mainnav like below in templates/ja_ores/css/colors/light-theme.css on line 79
#ja-mainnav {
background: url(../../images/light-theme/yourimage.gif) repeat;
} border is removed from here.

To apply the same background to the slideshow area make changes in ja-slideshow, ja-slideshow-inner1,ja-slideshow-inner2 to get final styling as below in templates/ja_ores/css/template.css on line 2000
#ja-slideshow {
background: url(../images/yourimage.png) repeat;
}

In template.css file set background to none in the following
#ja-slideshow-inner1 {
background: url(../images/shadow-bot.png) repeat-x left bottom;
}

#ja-slideshow-inner2 {
background: url(../images/slideshow-bg.png) left bottom no-repeat;
}

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#401086

Hi,

Can you please tell me where have you asked about the discount? I didnt find it in the above post. If the above issue is solved with the suggestion I have given, please close the ticket and open a new thread regarding the discount question or any other questions you may have.

[Author]

Posts