[seeditmaxi] Re: On the Go
- From: Alberto Prato <alberto.prato@xxxxxxxxx>
- To: seeditmaxi@xxxxxxxxxxxxx
- Date: Fri, 10 Dec 2010 23:39:24 +0100
Thank-you Sven!
this mailing list sounds like a professional tutorial to me...
I'm going to make some test, I have so much to learn.
Thanks again!
Alberto
On Fri, Dec 10, 2010 at 8:53 PM, Sven E Olsson <seeditmaxi@xxxxxxxxx> wrote:
>
> Hi list,
>
> In the last weeks I checked some css developing (css classes) and compared
> how SEEdit handle it. Found an interesting type of how to create classes in
> the css file and then use it in the Editor Toolbox, Auto Complete and
> Insertion Menu Items.
>
> In the css file:
> .button {
> padding: 5px 10px;
> display: inline;
> background: #777 url(button.png) repeat-x bottom;
> border: none;
> color: #fff;
> cursor: pointer;
> font-weight: bold;
> border-radius: 5px;
> -moz-border-radius: 5px;
> -webkit-border-radius: 5px;
> text-shadow: 1px 1px #666;
> }
>
> .button.red { background-color: #e50000; }
> .button.purple { background-color: #9400bf; }
> .button.green { background-color: #58aa00; }
> .button.orange { background-color: #ff9c00; }
> .button.blue { background-color: #2c6da0; }
>
>
> So if use in the html file:
> <p class="button red>Hello!</p>
> The tag is formatted by the button class + the red class. Some type of
> multiple css classes.
>
> This type of css syntax is now (in SEEdit 5.7.0 fc1) addressed and works
> smoothly using the Editor Toolbox, Auto Complete and Insertion Menus.
>
> This make it easy to reuse and compose multiple standalone classes to an
> single class like this:
>
> .bigFont {font-size: 66px;}
> .center {text-align: center;}
> .bgBlue {background-color: blue;}
>
> p.bigFont.center.bgBlue {}
>
> And now use the p button in the Editor Toolbox and the result is: <p
> class="bigFont center bgBlue">Hello!</p> and it is also easy to reuse for
> example the bgBlue class in any tag like div or span...
>
> Today SEEdit 5.7.0 fc1 is uploaded and also an new/updated CSS Example
> Project for test of this new features.
> SEEdit 5.7.0 and the example is available from <
> http://seeditmaxi.cachefly.net/tmpbuilds.html>
>
>
> Regards from Sweden,
> Sven E
>
> Sven E Olsson
> http://seeditmaxi.cachefly.net
> feed://seeditmaxi.cachefly.net/rss/rss.xml
> feed://seeditmaxi.cachefly.net/rss/prerelease.xml
> Skype: seeditonskype
> Yahoo: seeditmaxi
> iChat: seeditmaxi@xxxxxxx
> seeditmaxi@xxxxxxxxx
>
>
>
>
>
> ------------------------------------------------------------------------
> Post a Question ( new thread/subject ): seeditmaxi@xxxxxxxxxxxxx
> Answer a Question: Reply
> To Unsubscribe/Subscribe visit:
> http://seeditmaxi.cachefly.net/freelist.html
>
>
>
>
>
Other related posts:
