Ticket #8764 (closed Bug: fixed)
Tidy up Portlet CSS How Tos
| Reported by: | anneb | Owned by: | vedawms |
|---|---|---|---|
| Priority: | major | Milestone: | 3.3 |
| Component: | Documentation | Keywords: | TuneUp13 |
| Cc: | snowwrite, vedawms |
Description
This How To needs tidying up and bringing up-to-date for Plone 3.0, Plone 3.1
http://plone.org/documentation/how-to/formatting-portlets
In addition this tutorial is marked as out-dated, but should still have relevance for Plone 2.5, 3.0, 3.1, it needs bringing up-to-date and checking out.
http://plone.org/documentation/tutorial/rounded-corners-in-css
Most of the comments can be removed; there is a missing image which can be deleted; the structure of the calendar hasn't changed.
Change History
comment:6 Changed 3 years ago by geeklibrarian
- Cc snowwrite, vedawms added
I was not able to spot any changes needed to the first document (has portlet formatting changed between 2.1 and 3.x? I don't think so). I did delete the outdated, not-useful comments from this first document. If I'm missing something more that needs to be done, my apologies.
The second document is beyond my skillset to update. Minimally, Plone 3.x does not ship with a table-less skin any more so that probably requires some changes to the original document. This topic is definitely Donna Snow's (snowwrite) or Veda Williams' (vedawms) area of expertise :)
comment:8 Changed 3 years ago by vedawms
- Owner changed from geeklibrarian to vedawms
I cleaned up this particular page and updated it for 3.x:
http://plone.org/documentation/tutorial/rounded-corners-in-css/1-switch-to-the-tableless-skin
For rounded corners, someone (me) should probably check this out:
http://www.atblabs.com/jquery.corners.html
My understanding is this:
This jQuery plugin will easily create beautifully rounded corners. No images or obtrusive markup necessary.
Architectural features:
- Less than 8000 bytes after yui compression.
- Beautiful and fast anti-aliasing for older or stubborn browsers.
- Degrades well for browsers with javascript turned off.
- Native browser corners used on Safari, iPhone, and Firefox 3.
- Form and anchor buttons are easily styled and rounded.
Works with:
iPhone Chrome Firefox Safari 2+ Opera 9.0+ Internet Explorer 6+ and probably more...
I personally never had luck with the rounding corners solution that was suggested. It might take me some digging to get the definitive answer on how to do this.
