Help with styling autonav with css in 5.7.x

Permalink
Hi,
I've found a lot of tutorials on this.
Strangely the one that was most promising started to use a marketplace solution half way
https://www.youtube.com/watch?v=xn6UfMXqdjI...
concrete5 mastering autonav.
I would like to do this with out the marketplace plugin.
I've made roll over pull-down css menus before but here i'm getting stuck.
making a class for it bij copying the view php is al working.
but im stuck getting it to do what comes easy with just HTML and css which then of-coarse is static not responsive, hence the quest to do it with autonav.
Any suggestions are more than welcome because this is the most important reason to use concrete5.
The version is 5.7.x other wise i could possible buy one on te market place.

cheers,

Niels

NLS61
View Replies:
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi NLS61,

Do you have a link to an example of what you want?
NLS61 replied on at Permalink Reply 1 Attachment
NLS61
hi thanks for replying.
Yes I have obviously I would like to be able to make it all a lot less rectangle and so fort.
In HTML with CSS I can doe that I don't seem to be able to have the autonav to behave that way.
The concrete5 video's are not 5.7 specific so I don't want to start en pick-up the there mentioned plug-in in the marketplace.
As I'm uncertain they will work with 5.7.x
I Might be in over my head as I'm basically an illustrator.

Thanks far any pointers or help.
Niels Tieland
NLS61 replied on at Permalink Reply
NLS61
Hi, i was hoping on some pointers if you have any.
Much obliged

Niels Tieland
MrKDilkington replied on at Permalink Reply
MrKDilkington
You want a basic drop down menu?

jQuery plugins like this can be used to make a basic drop down menu responsive:
http://slicknav.com/

I will have time this week to look at this.
NLS61 replied on at Permalink Reply
NLS61
Thanks seems to be exactly what I need
I've downloaded it.
Now i'm searching for howto's to use it in concrete :)
Any pointers
rge replied on at Permalink Reply
You can create a custom template for the autonav block and register the JavaScript as an asset. I suggest to read the following:

http://www.concrete5.org/documentation/developers/5.7/working-with-...

Register the JavaScript as an asset.
http://www.concrete5.org/documentation/developers/5.7/working-with-...
NLS61 replied on at Permalink Reply
NLS61
Thanks rge,
So done that now how to implement this slickNav-Master into concrete5.
I'm still mostly an illustrator designer so I looked for instructions on you tube :)
din't find any as yet ill keep at it any help welcome.
Greetz,

Niels
NLS61 replied on at Permalink Reply
NLS61
So i've done what is said in those links.
It still doesn't tell me how to get this slick nav to work in concrete5
I'm searching for a step by step instruction but no luck so far.
it seems to me that concrete5 is not made for the designer but is more for the core web builder nothing wrong with that off coarse but for me the most important thing is to be able to style the navigation the rest of the template building is not a problem.
I can trough css do some things to the auto nav but it is not enough.
I'm afraid I will have to switch to another cms as I'm running out of time.
I'll soldier on today but after that I will have to return to this challenge a later date.
Cheers,

Niels
NLS61 replied on at Permalink Reply
NLS61
Lol je bent een Nederlander.
Mischien kan je me naar een paar tutjes wijzen waarmee ik die boel aan de praat krijg.
Ik heb in het verleden een flash cms geschreven en dat speelde zich volledig binnen de player af.
Om duidelijke redenen gebruik ik dat nu niet meer mijn eigen ws draait er nog in maar dat moet ook veranderen.
Doet het dus niet op apple mobile divices en niet op android zonder flashfox.
Ik hoopte in Concrete een CMS te vinden dat voor een relatief gezien css en html leek begrijpbaar zou zijn.
dat lukt op zich goed alleen het stijlen van de autonav wil maar niet.
Ik zou het appreciëren als je me verder kan helpen.
Ik ben in principe eerst illustrator en dan pas web designer.

Groet,

Niels Tieland