免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [分享] 仿獨立插件 - 帖內圖片美化代碼 [打印本頁]
作者: n7197    時間: 2012-5-10 17:23     標題: 仿獨立插件 - 帖內圖片美化代碼

原本:

sshot-1.jpg

點擊圖片後效果:

sshot-2.jpg

sshot-3.jpg

代碼請放置其它頭部訊息
  1. <style>
  2. #zoomimglayer_bg {
  3.         background-color:rgb(0,0,0);
  4.         opacity:0.5 !important;
  5. }
  6. .zoominner {
  7.         background:#fff !important;
  8.         border:5px solid #000 !important;
  9.         border-radius:2px !important;
  10.         -webkit-box-shadow:0px 0px 10px #333 !important;
  11.         box-shadow:0px 0px 10px #333 !important;
  12.         border:1px solid #999;
  13. }
  14. .zoominner img {
  15.         background:#fff;
  16.         border-radius:3px;
  17. }
  18. .imgadjust {
  19.         display:none;
  20.         position:absolute;
  21.         margin-top:29px !important;
  22.         margin-left:1px !important;
  23.         height:30px !important;
  24.         width:30px !important;
  25.         background:url(http://homepage8.seed.net.tw/web@5/n7197/111120111665f977192790e01b.png) no-repeat right -91px !important;
  26. }
  27. .imglink {
  28.         position:absolute;
  29.         margin-top:0px !important;
  30.         margin-left:1px !important;
  31.         height:30px !important;
  32.         width:30px !important;
  33.         background:url(http://homepage8.seed.net.tw/web@5/n7197/111120111665f977192790e01b.png) no-repeat right -30px !important;
  34. }
  35. .imgclose {
  36.         position:absolute;
  37.         margin-top:-29px !important;
  38.         margin-left:1px !important;
  39.         height:30px !important;
  40.         width:30px !important;
  41.         background:url(http://homepage8.seed.net.tw/web@5/n7197/111120111665f977192790e01b.png) no-repeat right top !important;
  42. }
  43. </style>
複製代碼


圖片附件: sshot-1.jpg (2012-5-10 17:21, 44.79 KB) / 下載次數 2664
http://joinbbs.net/discuz/attachment.php?aid=3250&k=6aa748f06bcd2aaf380bfaac51b33b26&t=1768259261&sid=JvJgyb



圖片附件: sshot-2.jpg (2012-5-10 17:21, 40.87 KB) / 下載次數 2577
http://joinbbs.net/discuz/attachment.php?aid=3251&k=4bc74ab50ca22b5944a8a732561c7b3e&t=1768259261&sid=JvJgyb



圖片附件: sshot-3.jpg (2012-5-10 17:21, 67.48 KB) / 下載次數 2507
http://joinbbs.net/discuz/attachment.php?aid=3252&k=b8a7e70d8b03cd50b5ad8b909c1e2c09&t=1768259261&sid=JvJgyb

作者: 0857    時間: 2012-5-10 17:36

謝謝分享!! 14aa7ee8bb7594.gif

圖片附件: 14aa7ee8bb7594.gif (2012-5-10 17:36, 10.9 KB) / 下載次數 2619
http://joinbbs.net/discuz/attachment.php?aid=3255&k=db697c7ab90fe6a65401c485d773a31e&t=1768259261&sid=JvJgyb

作者: b0412850678    時間: 2012-5-11 17:32

很感謝 來試試看
作者: kaixin666    時間: 2021-6-7 10:52

謝謝分享



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://joinbbs.net/discuz/) Powered by Discuz! 7.2