[Phpwm] Dynamic CSS menus with round corners

[Alex Mace]

Credit for that goes to Dave Holmes and the neteffekt crew, not me :)

Alex

On 14 Oct 2009, at 15:59, Gavin Kimpson wrote:

> Cheers alex - that's an awesome site by the way - I'm loving all the  
> jQuery/ajax stuff going on.
>
> On Wed, Oct 14, 2009 at 3:50 PM, Alex Mace <alex at hollytree.co.uk>  
> wrote:
> The sliding doors method linked is the way I'd do it, that's how I  
> did the tabs on sites like www.office1web.ie
>
> Alex
>
> On 14 Oct 2009, at 15:39, Gavin Kimpson wrote:
>
>> Thanks for that link Andy - i'll check that out later tonight and  
>> have a play around with it..
>>
>> Just for anyone else's reference that may be able to provide any  
>> further useful info - I am trying to generate a menu like this  
>> below (see link)
>>
>> http://img70.imageshack.us/img70/806/menum.png
>>
>> Thanks
>>
>> On Wed, Oct 14, 2009 at 3:15 PM, Andy Cowan <andy at w4.co.uk> wrote:
>> Hi Gavin
>>
>> Have a read of
>>
>> http://www.alistapart.com/articles/slidingdoors/
>>
>> Should tell you all you need to know.
>>
>> Cheers,
>>
>> A.
>>
>>
>> On 14/10/2009 15:12, Gavin Kimpson wrote:
>>> Hi guys,
>>>
>>> Apologies as this isn't really directly a PHP question, I just  
>>> wanted advice on how other people would approach this -
>>>
>>> I have a horizontal navigation menu that is generated via PHP/ 
>>> MySQL, each link on the menu will have a rollover effect. This  
>>> 'hover' effect will display a rounded border around the text link  
>>> (with a fill of one solid colour) - The issue I have is that the  
>>> menu will have words of different sizes so cannot use a single  
>>> background image to use for the hover effect - also as this menu  
>>> is generated via a custom built CMS they are likely change these  
>>> links later on.
>>>
>>> I just wonder how you guys (and girls) generate menus that use  
>>> 'rounded corners' that are populated via a database. (I'm not much  
>>> of the designer so tend not to use 'rounded corner' nav menus  
>>> usually)
>>>
>>> Note - I found this (NiftyCube) that practically does exactly what  
>>> i'm trying to do but the buttons generated are of all the same  
>>> width (i'd need something to generate the width 'on-the-fly' so to  
>>> speak so some would have bigger widths than others)
>>> http://www.html.it/articoli/niftycube/index.html
>>> http://www.html.it/articoli/niftycube/nifty5.html
>>>
>>> Thanks
>>>
>>> _______________________________________________
>>> Phpwm mailing list
>>> Website : http://www.phpwm.org
>>> Twitter : http://www.twitter.com/phpwm
>>> Facebook: http://www.facebook.com/group.php?gid=2361609907
>>>
>>> Post to list: Phpwm at mailman.lug.org.uk
>>> Archive etc : https://mailman.lug.org.uk/mailman/listinfo/phpwm
>>
>>
>> _______________________________________________
>> Phpwm mailing list
>> Website : http://www.phpwm.org
>> Twitter : http://www.twitter.com/phpwm
>> Facebook: http://www.facebook.com/group.php?gid=2361609907
>>
>> Post to list: Phpwm at mailman.lug.org.uk
>> Archive etc : https://mailman.lug.org.uk/mailman/listinfo/phpwm
>>
>> _______________________________________________
>> Phpwm mailing list
>> Website : http://www.phpwm.org
>> Twitter : http://www.twitter.com/phpwm
>> Facebook: http://www.facebook.com/group.php?gid=2361609907
>>
>> Post to list: Phpwm at mailman.lug.org.uk
>> Archive etc : https://mailman.lug.org.uk/mailman/listinfo/phpwm
>
>
> _______________________________________________
> Phpwm mailing list
> Website : http://www.phpwm.org
> Twitter : http://www.twitter.com/phpwm
> Facebook: http://www.facebook.com/group.php?gid=2361609907
>
> Post to list: Phpwm at mailman.lug.org.uk
> Archive etc : https://mailman.lug.org.uk/mailman/listinfo/phpwm
>
> _______________________________________________
> Phpwm mailing list
> Website : http://www.phpwm.org
> Twitter : http://www.twitter.com/phpwm
> Facebook: http://www.facebook.com/group.php?gid=2361609907
>
> Post to list: Phpwm at mailman.lug.org.uk
> Archive etc : https://mailman.lug.org.uk/mailman/listinfo/phpwm

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://mailman.lug.org.uk/pipermail/phpwm/attachments/20091014/7843ef6d/attachment.htm