Hi, I am working on a first version and it is easy to code after you have understood the css. I will post to the list a first preview in the w.e.
On Thu, March 4, 2010 02:02, mdipierro wrote: > The nice thing about wordpress is that it is color neutral and it doed > almost everything with CSS not images. They have a few images like > this for example: > > http://s0.wp.com/wp-admin/images/gray-grad.png > > and they they have tabs like > > <div id="someblock" class="rounded closed"> > <div class="handlediv" title="Click to toggle"> > <br/> > </div> > <h3 class="handle"><span>Title</span></h3> > <div class="inside"> > .... > </div> > </div> > > all the effect logic for all "someblock"s can be handled by one very > simple JS > > // start with all closed blocks > jQuery(document).ready(function(){jQuery('.inside').hide();}); > // slide-toggle when clicking on the handles > jQuery('handlediv, h3.handle').click(function() > {jQuery(this).parent().child('inside').slideToggle();}); > > the rounded corner are handled via CSS > > <style> > .rounded { > -moz-border-radius-bottomleft:6px; > -moz-border-radius-bottomright:6px; > -moz-border-radius-topleft:6px; > -moz-border-radius-topright:6px; > width: 80%; > border: 1px solid #333333; > } > h3 { > background:#DFDFDF url(images/gray-grad.png) repeat-x scroll left > top; > text-shadow:0 1px 0 #FFFFFF; > width: 100%; > } > </style> > > Notice that when the ".inside" is closed the H3 has 4 rounded corners. > When the ".inside" is open the H3 has top rounded corners and and the > border of ".rounded" someblock has bottom rounded corners too, which > is a cool effect. > > It should be possible to apply the same logic to all admin views. > > There is not really much more than that except for the top menu (which > web2py needs) and the left accordion menu (which web2py admin does not > need). > > I am not saying this is easy. It takes time, understanding of CSS and > an artistic eye. > > Massimo > > On Mar 3, 5:57 pm, Richard <richar...@gmail.com> wrote: >> that would be great! >> There was an OSX admin style posted here some time back but can't find >> it right now ... >> >> Richard >> >> On Mar 4, 3:07 am, "Giovanni Giorgi" <j...@objectsroot.com> wrote: >> >> > I am working on an application and I need to change the CSS. >> > I can grab the Wordpress CSS and adapt it... :) >> > After I finished the work, how do you like to send you the changes? >> >> > On Wed, March 3, 2010 17:04, mdipierro wrote: >> > > I really like the look and feel of the management interface of >> > > wordpress (white/black/gray with rounder corner and js >> effects/menu). >> > > It would be nice to use their CSS and images in web2py admin. What >> do >> > > you think? Any volunteers to work on it? >> >> > > -- >> > > You received this message because you are subscribed to the Google >> Groups >> > > "web2py-users" group. >> > > To post to this group, send email to web...@googlegroups.com. >> > > To unsubscribe from this group, send email to >> > > web2py+unsubscr...@googlegroups.com. >> > > For more options, visit this group at >> > >http://groups.google.com/group/web2py?hl=en. >> >> > -- >> > Team Leader >> > Gioorgi.com Chief Editor > > -- > You received this message because you are subscribed to the Google Groups > "web2py-users" group. > To post to this group, send email to web...@googlegroups.com. > To unsubscribe from this group, send email to > web2py+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/web2py?hl=en. > > -- Team Leader Gioorgi.com Chief Editor -- You received this message because you are subscribed to the Google Groups "web2py-users" group. To post to this group, send email to web...@googlegroups.com. To unsubscribe from this group, send email to web2py+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/web2py?hl=en.