[WordPress] 外掛分享: Shadows

首頁外掛目錄 › Shadows
200+
安裝啟用
尚無評分
5897 天前
最後更新
問題解決
WordPress 2.5+ v0.3.5 上架:2009-07-04

內容簡介

這是一個外掛,用於添加不同種類的陰影效果到範圍內的物件,目前支援圖片、Div和Blockquotes等物件。

這個靈感來自cocoia博客,Sebastiaan de With很慷慨地讓我使用他應用於他的圖片上的陰影圖像。

瀏覽器相容性

我已在以下瀏覽器中測試過此外掛:

Internet Explorer 7和8
Firefox 3和3.5
Safari 4
Opera 9

由於在透明的png圖像的使用中,IE 6不受支持,因此該外掛在IE6中停止陰影的顯示。
由於Internet Explorer在渲染時存在錯誤(即使IE8),因此對於所有版本的Internet Explorer,透明度設置都被禁用。

使用方法

將以下類之一添加到物件中:

shadow_curl
shadow_flat
shadow_osx
shadow_osx_small

對於圖像,這僅僅是將文字添加到進階設置下圖片的 "CSS Class"的末尾。
對於div和blockquote,您需要在編輯器中使用HTML視圖並添加class="shadow_curl"到物件中。

我決定不將陰影應用於它可以識別的所有內容,因為這可能會變成一個巨大的混亂,但我歡迎關於其他方法的建議。

已知問題

如果某些東西覆蓋Div或Blockquote,它可以將陰影推下到覆蓋物件的下方,因此將陰影與其應該附加到的物件分開。 通過使用清晰度或邊距來避免它。
該外掛不支援Div中嵌套的Div或Blockquote嵌套的Blockquote。

推薦

來自Sebastiaan的建議:「唯一建議的是將邊框添加到divs中,否則陰影看起來相當分離。」我選擇不自動進行此操作,以便您對您的頁面外觀有更大的控制權。

外掛標籤

開發者團隊

⬇ 下載最新版 (v0.3.5) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Shadows」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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 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:

Internet Explorer 7 & 8
Firefox 3 & 3.5
Safari 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

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.
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.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon