Rounded Corner 這個模組可以令 Drupal 加入了用 Javascript，將自訂的樣式表自動變成圓角，雖然在 Rounded Corner 的官方網頁面中只有支援 Drupal 5.x 版本，但在 Issue 中已有人提供了支援 Drupal 6.x 版本的 Rounded Corner 版本，我曾經試用使用在 6.x 版本沒有問題。
安裝使用:
– 先下載模組並上傳。
– 到 http://methvin.com/jquery/jquery.corner.js 中下載 jquery.corner.js 檔案，可以下載最新版本。
– 將 jquery.corner.js 放到 Rounded Corner 模組資料夾中。
– 啟用 Rounded Corner 模組。
– 如果沒有問題，在模組設置介面可以看見”jquery.corner.js is correctly installed”字樣。
– 先下載模組並上傳。
– 到 http://methvin.com/jquery/jquery.corner.js 中下載 jquery.corner.js 檔案，可以下載最新版本。
– 將 jquery.corner.js 放到 Rounded Corner 模組資料夾中。
– 啟用 Rounded Corner 模組。
– 如果沒有問題，在模組設置介面可以看見”jquery.corner.js is correctly installed”字樣。
使用:
在Rounded Corner模組的設置中，會看到一個文字輸入區域，一行輸入一個樣式，代碼如下:
$(”.block“).corner(”round 10px“);.
在Rounded Corner模組的設置中，會看到一個文字輸入區域，一行輸入一個樣式，代碼如下:
$(”.block“).corner(”round 10px“);.
紅色裏輸入你 CSS 自設的 class 或 id ，如果樣式中同時有 class 和 id ，請以空格分隔，例如 #id .class。
藍色是圓角的樣式，詳細輸入的可以看: http://www.malsup.com/jquery/corner/
0 留言:
發佈留言