[Phpwm] Dynamic CSS menus with round corners

Alex Mace alex at hollytree.co.uk
Wed Oct 14 14:51:04 UTC 2009


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

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


More information about the Phpwm mailing list