blog documentation FAQ followers forum marketplace services youtube

ISkin Maestro Slides with Audio Pro Theme

The Jamroom Network » Forum » Design and Skin Customization » Page » ISkin Maestro Slides with Audio Pro Theme
michaeld
michaeld
@michael-d
7 years ago
92 posts
It would be great to have the audio pro skin have the same slides that the iskin, maestro, etc...skins have.
Can we have this?


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks
updated by @michael-d: 11/01/18 11:53:18AM
michael
@michael
7 years ago
7,788 posts
You can clone skins, there is a button in the ACP to clone a skin. From there you can make any alterations or customizations you need.

Start here:
Docs: "Skin design guide"
https://www.jamroom.net/the-jamroom-network/documentation/skin-design-guide
michaeld
michaeld
@michael-d
7 years ago
92 posts
Yes I cloned the audio pro skin and grabbing some of the code from the Iskin skin...trying to get slides to work with audio pro. It’s a little tricky so far.


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks
michaeld
michaeld
@michael-d
7 years ago
92 posts
I cloned the audio pro theme becuase I want to use the featured artist section and the on sale sections from that skin, but use the slides from the iskin, maestro, etc....

So its a combination of trying to mix and match code I assume....looks like there is alot of work to do with the include.php, config.php, the index.tpl, the javascript files, and the css files....ahhhhhhhhhhhh


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks
michael
@michael
7 years ago
7,788 posts
Yeah, that's not a question ;)

It will be a combination of getting the HTML structure you want to use into the template you want to use it at.

Then making sure the CSS is there so it looks like you want it to look.

Then making sure the javascript is there so that it works how you want it to work.

If all that sounds impossible, you'll need to reveal the page URL where you're trying to get it working here so we can see where you're at, then outline the steps you've taken to get to that point, then outline the goal so anyone can contribute on how to reach that goal.
michaeld
michaeld
@michael-d
7 years ago
92 posts
It would be easier if I could locate which files have the the right div class and div Id from the index_slides.tpl file in the iskin skin.


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks
michael
@michael
7 years ago
7,788 posts
michaeld:
It would be easier if I could locate which files have the the right div class and div Id from the index_slides.tpl file in the iskin skin.

not understanding sorry.

Maybe you're looking for the "Template names in source" feature in the Developer Tools module:

Docs: "Developer Tools : Template names in source"
https://www.jamroom.net/the-jamroom-network/documentation/modules/932/developer-tools#template-name-in-source
michaeld
michaeld
@michael-d
7 years ago
92 posts
so the index_slides.tpl file has css that points to div classes and div ids .....had to go searching through every css file to find for example div class="texts"......Is there an easier way to know exactly which css file a div class or id is using without searching through all of them?


--
Thank You
~Michael
Audio Engineer | Graphic and Design |

https://www.damatoproduction.com
https://www.HomeStudioMusicProduction.com
https://www.ShotsInOrder.com
https://www.playgroundz.rocks
brian
@brian
7 years ago
10,149 posts
michaeld:
so the index_slides.tpl file has css that points to div classes and div ids .....had to go searching through every css file to find for example div class="texts"......Is there an easier way to know exactly which css file a div class or id is using without searching through all of them?

Here's what I would do:

- use your browser developer tools HTML inspector to find the element you are wanting to change - that gets you the class/ID. In the right of the dev tools you will see the "computed CSS" - i.e. the rules being applied to that element
- in the ACP -> Skins -> Style section you can search for those IDs and classes

Let me know if that helps.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Tags