MagicSkin (rounded corners skin) 0.7.1 (Beta release) (Jan 30, 2006)

This release is no longer supported! If you are using this release, please upgrade to a newer version if possible.

This is not a final release. Experimental releases should only be used for testing and development. Do not use these on production sites, and make sure you have proper backups before installing.

Fixed installation bug (see 0.7 for photoshop files)

For additional information about this project, please visit the overview page .

Available downloads

MagicSkin

For all platforms (0 kB)

Release Notes

Tested with	Plone 2.1.1, Plone 2.1
State	Beta release
License	GPL

Installation

    Copy MagicSkin to your Products directory and restart the server.
    In Plone visit "Site Setup" -> "Add/Remove Products" and install
    MagicSkin. Go back to "Home". You might have to empty your browsers
    cache to see all the changes.

    Depending on your version of Plone, you might have to change faulty !important
    declarations:

    deprecated.css:

      .portletNavigationTreeItem a:hover,
      .currentNavItem {
         background-color: &dtml-globalBackgroundColor;;
         color: &dtml-globalFontColor;;
         /* changed for MagicPortlets */
         /* border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor; !important; */
         border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
       }

    portlets.css:

       .navTreeCurrentItem {
       background-color: &dtml-globalBackgroundColor;;
       color: &dtml-globalFontColor;;
       /* changed for MagicPortlet */
       /* border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor; !important; */
       border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
     }

Uninstall

    You can change back to the default skin at any time through
    "Site Setup" --> "Skins". To completely remove MagicSkin, go to
    "Site Setup" -> "Add/Remove Products" and uninstall MagicSkin.
    Afterwards you can remove the files from the Products directory
    of your Plone instance too. Do not remove the files while the skin
    is activated!

Changes made to Plone

    Rounding corners does not work without changing some of the templates. Sadly, changing
    templates might lead to problems on migrating Plonesites to new versions of Plone.
    MagicSkin was designed to keep the changes as limited as possible. At the end of this
    document, there are more informations on changes and upgrading.

Changes to Plone Templates

   Changes can easily be found searching sources for "MagicSkin",
   id's and new classes start with "magic"! The files mentioned are in
   /skins/templates and /skins/portlets.

   main_template.pt:
        <div id="portal-top" i18n:domain="plone">

        
        <span class="round_global_left"></span>
        <span class="round_global_right"></span>
        <span class="round_global_bottomleft"></span>
        <span class="round_global_bottomright"></span>
        

        <div id="portal-header">

        
        <div id="magic-header">

   global_logo.pt:

        This one is completely new, as I wanted to use to images...

        
        <div id="magic_portal-logo" metal:define-macro="portal_logo">
        <img class="magiclogo1" src="...." alt="...." />
        <img class="magiclogo2" src="...." alt="...." />
        </div>

   portlet_events/news/prefs/recent/related/review/login/navigation

        originally:
           <dl class="portlet" id="portlet-events"
               tal:define="eventsfolder python:'events' in portal.contentIds()">

        new:

          <div class="magicportlet" id="portlet-events"
               tal:define="eventsfolder python:'events' in portal.contentIds()">

          <dl class="portlet">

   portlet_prefs/related/navigation:

          additional <dd> at the end:
          <dd class="portletItemLast">
          
          </dd>

   portlet_calendar:

          The calendar portlet is made with tables and I needed a few classes
          to hook my images - just search the portlet_calendar for the word
          "magic".

Upgrade from Plone 2.1.x to Plone 2.1.y

   The final release will be dedicated lets say to Plone 2.1.x. If you need to
   upgrade faster than a modified MagicSkin for 2.1.y is available you might try
   yourself. Go back to the default skin and upgrade your Plone. Then check, wether
   there are changes in one of the files mentioned above beside those I did for
   MagicSkin. Yes? Take the new Plone file and reapply the small changes for MagicSkin.
   Have fun!