News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

how to make Mootools Hover Menu

Started by islam2hamy, July 15, 2009, 12:37:44 PM

Previous topic - Next topic

islam2hamy

hi,

i want to know ho to make "Mootools" moving Menu
like in the "Fussilet" themes !Kani
and padexx theme sMooth-lt

thank you.

Arabic Translator - Web Designer
My Mods / My Themes  //  GfxLand





Antechinus

Get the themes and take a look at the code.

islam2hamy


Arabic Translator - Web Designer
My Mods / My Themes  //  GfxLand





Faevilangel

its done with html / css .... nothing fancy...

i can code one up for you if you need for £40 - which includes installing on the theme of your choice

contact me via my website @ www.garethgillman.co.uk
I am available for theme work, pm me for info

islam2hamy

no thank you
i want to learn it for free  :D

Arabic Translator - Web Designer
My Mods / My Themes  //  GfxLand





Antechinus

Quote from: Faevilangel on July 16, 2009, 08:54:02 AM
its done with html / css .... nothing fancy...

i can code one up for you if you need for £40 - which includes installing on the theme of your choice

contact me via my website @ www.garethgillman.co.uk
Actually you're wrong. MooTools is a javascript framework, so you can't get that result with just html and css. Nice try on the spamming for work though. :P

Faevilangel

Quote from: Antechinus on July 16, 2009, 02:11:51 PM
Quote from: Faevilangel on July 16, 2009, 08:54:02 AM
its done with html / css .... nothing fancy...

i can code one up for you if you need for £40 - which includes installing on the theme of your choice

contact me via my website @ www.garethgillman.co.uk
Actually you're wrong. MooTools is a javascript framework, so you can't get that result with just html and css. Nice try on the spamming for work though. :P

im not sure what the motools menu is but similar ones can be done with css/ html ...

google found this, look at the source code to learn how its done http://www.artviper.net/mootoolsmenu/
I am available for theme work, pm me for info

islam2hamy

#7
not this menu , see the demo.

demo  : http://demo.padexx.de/smf/index.php?theme=27

Arabic Translator - Web Designer
My Mods / My Themes  //  GfxLand





bullbreedluverz

#8
as a rough idea look at the kani themes style.css

theres a class - fancymenu

this class will be placed in index.template and show you where the code is placed for the menu for that perticular theme

then you will need the code to generate the buttons from the bottom of the index.template pasted into your index.template

then theres a couple .js files in the theme too that you will need to add to your theme

copy the fancymenu classes/code from style.css to your style.css (obviously on a test site)

add the fancymenu class in the index.template, add the menu code and copy the .js files

and then just fiddle about, poke it here, prod it there and see what happens

Antechinus

Quote from: Faevilangel on July 16, 2009, 05:42:25 PM
Quote from: Antechinus on July 16, 2009, 02:11:51 PM
Quote from: Faevilangel on July 16, 2009, 08:54:02 AM
its done with html / css .... nothing fancy...

i can code one up for you if you need for £40 - which includes installing on the theme of your choice

contact me via my website @ www.garethgillman.co.uk
Actually you're wrong. MooTools is a javascript framework, so you can't get that result with just html and css. Nice try on the spamming for work though. :P

im not sure what the motools menu is but similar ones can be done with css/ html ...

google found this, look at the source code to learn how its done http://www.artviper.net/mootoolsmenu/
MooTools is well known so I'm surprised you have not heard of it.

I know how to make changing images with css. This is standard practice for any css-based menu. However you cannot get smooth animation effects solely with css. To get that you need javascript.   

Faevilangel

Quote from: Antechinus on July 17, 2009, 06:20:22 PM
Quote from: Faevilangel on July 16, 2009, 05:42:25 PM
Quote from: Antechinus on July 16, 2009, 02:11:51 PM
Quote from: Faevilangel on July 16, 2009, 08:54:02 AM
its done with html / css .... nothing fancy...

i can code one up for you if you need for £40 - which includes installing on the theme of your choice

contact me via my website @ www.garethgillman.co.uk
Actually you're wrong. MooTools is a javascript framework, so you can't get that result with just html and css. Nice try on the spamming for work though. :P

im not sure what the motools menu is but similar ones can be done with css/ html ...

google found this, look at the source code to learn how its done http://www.artviper.net/mootoolsmenu/
MooTools is well known so I'm surprised you have not heard of it.

I know how to make changing images with css. This is standard practice for any css-based menu. However you cannot get smooth animation effects solely with css. To get that you need javascript.

i never heard of mootools, i use jquery more... will have a look around it
I am available for theme work, pm me for info

islam2hamy

Quote from: stikkki on July 17, 2009, 08:46:27 AM
as a rough idea look at the kani themes style.css

theres a class - fancymenu

this class will be placed in index.template and show you where the code is placed for the menu for that perticular theme

then you will need the code to generate the buttons from the bottom of the index.template pasted into your index.template

then theres a couple .js files in the theme too that you will need to add to your theme

copy the fancymenu classes/code from style.css to your style.css (obviously on a test site)

add the fancymenu class in the index.template, add the menu code and copy the .js files

and then just fiddle about, poke it here, prod it there and see what happens

i tried that before but it didn't work 

Arabic Translator - Web Designer
My Mods / My Themes  //  GfxLand





Advertisement: