:: 設為首頁 :: 加到我的最愛 ::
2008 年 05 月 15 日 （星期四） 03:06
hkwebs.net
用戶名稱 >     密碼 >    
 忘記密碼   會員注冊
 
公 司 列 表
網 頁 寄 存
主 機 租 用
主 機 托 管
電 郵 服 務
域 名 服 務
服 務 搜 尋
服 務 排 名
名 詞 解 釋
免 費 資 源
網 頁 教 學
下 載 區
討 論 區
Google
  Thunderbird
Mozilla
GameServer.hk 香港遊戲討論區。
電子咖啡室
香港傳遞訊息
LOVELAND 		 
加入

■ hkwebs 網頁教學 Tatter Tools 插入陰影圖片教學

 
主題： Tatter Tools 插入陰影圖片教學
工具： Tatter Tools 、文字編輯工具

內容：

由於 Tatter Tools 沒有一個能夠自動插入圖片的功能，所以網主便為 Tatter Tools 加人這個功能。而且這功能加插了陰影效果。
 


編碼：

修改檔案：

/skin/your_skin/style.css
  最後加上
  .wrap1 {
float: left;
width: auto;
background: url(/images/img/fuzzy_shadow.png) no-repeat bottom right;
}
.wrap2 {
background: url(/images/img/fuzzy_shadow1.png) no-repeat right top;
}
.wrap3 {
background: url(/images/img/fuzzy_shadow2.png) no-repeat left bottom;
padding: 0 6px 6px 0;
display: block;
}
.wrap1 img {
background-color: #fff;
color: #000;
border: 1px solid #999;
padding: 4px;
vertical-align: bottom;
}

/inc_global.php
  搜尋
  <td><img class=ib width=25 height=21 title="more/less" src=../images/set_moreless.gif onclick="set_tag_support(obj, '[#M_ more.. | less.. | ', '_M#]');"></td>
  在下加上
  <td><img class=ib width=25 height=21 title="插入圖片" src=../images/set_img.gif onclick="insertImageShadow();" /></td>

/lib.js
  最後加上
  //insert img with shadow
function insertImageShadow()
{
var imgUrl = prompt("請輸入圖像的 URL。","http://");
if (imgUrl != null && imgUrl !="http://" && imgUrl !="")
{
var altName = prompt("請輸入圖像的注解。","");

var insertDoc = "<div class='wrap1'><div class='wrap2'><div class='wrap3'>";
insertDoc += "<img src='" + imgUrl + "' alt='" + altName + "'>";
insertDoc += "</div></div></div>";

document.article_edit.body.value += insertDoc;
document.article_edit.body.focus();
}
}



步驟：

  1. 上載Tatter Tools 插入陰影圖片檔案。
  2. 修改程式碼。

下載：

Tatter Tools 插入陰影圖片檔案
 


注意：

  • 圖象位置會受影響。

如有對以上教學有任何疑問，請到討論區發問。

  
Copyright © 2003-2004
hkwebs.net All Right Reserved.