Title: Shadows Author: aradke Published: Juli 5, 2009 Last modified: Januari 25, 2010 --- Search plugins This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/shadows.svg) # Shadows By [aradke](https://profiles.wordpress.org/aradke/) [Download](https://downloads.wordpress.org/plugin/shadows.0.3.5.zip) * [Details](https://su.wordpress.org/plugins/shadows/#description) * [Reviews](https://su.wordpress.org/plugins/shadows/#reviews) * [Installation](https://su.wordpress.org/plugins/shadows/#installation) * [Development](https://su.wordpress.org/plugins/shadows/#developers) [Support](https://wordpress.org/support/plugin/shadows/) ## Description This is a plugin to add a range of shadow types to a range of objects. Currently supported are images, divs and blockquotes. I got the inspiration from the [cocoia blog](http://blog.cocoia.com/) and Sebastiaan de With was kind enough to let me use the shadow image that he applies to his images. ### Browser Compatibility I have tested this plugin in the following browsers: 1. Internet Explorer 7 & 8 2. Firefox 3 & 3.5 3. Safari 4 4. Opera 9 **Internet Explorer 6 is not supported** due to the use of transparent png images in ways that regular work arounds don’t address. As such the plugin stops the shadows from displaying in IE6. The opacity setting is disabled for all versions of Internet Explorer due to bugs in how it renders (even IE8). ### Usage Add one of the following classes to the object: * `shadow_curl` * `shadow_flat` * `shadow_osx` * `shadow_osx_small` For images this is as simply as adding the text to the end of the “CSS Class” under the “Advanced Settings” for the image. For divs and blockquotes you will need to use the HTML view in the editor and add `class="shadow_curl"` to the object. I decided against applying the shadows to everything it could recognise as this could easily turn into a huge mess though I am open to suggestions on other ways to do it. ### Known Issues 1. If something covers the div or blockquote it can push the shadow down to below the covering object and thus separate the shadow from the object it should be attached to. Try to avoid it through the use of clear or margins. 2. The plugin does not support divs nested inside the shadowed div or blockquotes nested inside the shadowed blockquote. ### Recommendations From Sebastiaan: “the only thing I’d suggest is adding a border to the divs, otherwise the shadow looks rather detached.” I have elected not to do this automatically to allow you greater control over the appearance of your pages. ## Screenshots * [[ * Screenshot taken with Firefox 3.5. The opacity of the flat shadows has been set to 80% which will not be applied in IE. Other than that the appearance will be the same across all supported browsers. * [[ * Screenshot taken with Firefox 3.5. This shows the two OS X window style shadows` shadow_osx` and `shadow_osx_small` ## Installation 1. Upload the whole plugin folder to your /wp-content/plugins/ folder. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Place `class="shadow_curl"`, `class="shadow_flat"`, etc on the objects you want to have shadows. ## FAQ What objects can have shadows added to them? So far images, divs and blockquotes. Is Internet Explorer supported? Version 7 and up is, with the exception that the opacity level of the shadows cannot be changed. How do I add a shadow to an object? For images this is as simply as adding `shadow_xxxx` to the end of the “CSS Class” under the “Advanced Settings” for the image. For divs and blockquotes you will need to use the HTML view in the editor and add `class="shadow_xxxx"` to the object. What about regular drop shadows? The initial release was aimed at getting the “curl” shadows looking good. In subsequent releases I may add support for “normal” drop shadows if it is requested. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Shadows” is open source software. The following people have contributed to this plugin. Contributors * [ aradke ](https://profiles.wordpress.org/aradke/) [Translate “Shadows” into your language.](https://translate.wordpress.org/projects/wp-plugins/shadows) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/shadows/), check out the [SVN repository](https://plugins.svn.wordpress.org/shadows/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/shadows/) by [RSS](https://plugins.trac.wordpress.org/log/shadows/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.3.5 * Improved handling and checking of units on options page * Changed submit behaviour to be compatible with WPMU #### 0.3.4 * Added “overflow:hidden;” to avoid problems with other objects with clear’s on them #### 0.3.3 * Added support to include the border widths in the calculation for the OS X style shadows #### 0.3.2 * Addressed a bug causing images to sometimes not display in IE with OS X style shadows * Removed hard coded image directories of OS X style shadows #### 0.3.1 * Added `border-collapse:collapse;` to the tables used by the OS X style shadows #### 0.3 * Added OS X window style shadows (regular and small) #### 0.2.1 * Optimised PNG shadow images #### 0.2 * Initial public release ## Meta * Version **0.3.5** * Last updated **16 years ago** * Active installations **200+** * WordPress version ** 2.5 or higher ** * Tested up to **2.9.2** * Language * [English (US)](https://wordpress.org/plugins/shadows/) * Tag * [Shadow](https://su.wordpress.org/plugins/tags/shadow/) * [Advanced View](https://su.wordpress.org/plugins/shadows/advanced/) ## Ratings No reviews have been submitted yet. [Add my review](https://wordpress.org/support/plugin/shadows/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/shadows/reviews/) ## Contributors * [ aradke ](https://profiles.wordpress.org/aradke/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/shadows/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://deepport.net)