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.

Reply via email to