Coder Social home page Coder Social logo

ohmybrain / mod_bw_menu_flower Goto Github PK

View Code? Open in Web Editor NEW
4.0 4.0 11.0 1.05 MB

Joomla Module of a Radius Menu System creates a flower like array of menu elements and sub elements around circle via (x',y')=(cx+r*cos(α),cy+r*sin(α).

License: Apache License 2.0

PHP 100.00%

mod_bw_menu_flower's Introduction

Joomla Module :: i-am-a-flower Radius Menu

I Am a Flower Radius Menu System creates a flower like array of menu elements and sub elements around circle via (x',y')=(cx+rcos(α),cy+rsin(α).

The number of flower pedal elements (main menus) can vary and are spread out evenly around the circumference of the size specified. Each element can have a list of sub elements (sub-mens) that appear on main menu hover. The elements can be parallel to horizon or perpendicular radius as displayed here. All of this can be adjusted and styled to suit.

Demo

To get started, checkout http://iamaflower.brianwilliford.com/

Features

Distributes evenly odd and even top menus around a circumference.

Size of circumference user definable.

Elements can be parallel to horizon or perpendicular radius.

Supports sub-elents (sub-menus).

Theme completely customizable via CSS and Javascript paramters.

Center element can be a CSS gradiant, image, random pick from directory of images.

Center element zooms on first hover.

User definable opening message that fades away on first hover.

Various aspects have on/off for CSS rotation

Three versions, stand alone HTML, Joomla Module and Wordpress Plugin.

Requirements

jQuery v. 1.8+

path.js (included)

jquery.ui.touch-punch.min.js (optional - included)

Author

Brian Williford http://www.brianwilliford.com/ https://github.com/ohmybrain/ https://alpha.app.net/ohmybrain

mod_bw_menu_flower's People

Contributors

ohmybrain avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

mod_bw_menu_flower's Issues

Size of flower can't be changed

Hello,
I'm trying out your flower module. It works great, but I want to set the flower larger at the homepage. For example:
Now is the default radius 100px. For the homepage I wan't to set the radius at 200px.
When I set the height and width, there's nothing changing. Could you help me out?

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.