[分享] 仿獨立插件 - 帖內圖片美化代碼

n7197

原本:

下載 (44.79 KB)

2012-5-10 17:21

點擊圖片後效果:

下載 (40.87 KB)

2012-5-10 17:21

下載 (67.48 KB)

2012-5-10 17:21

代碼請放置其它頭部訊息

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>

複製代碼

kaixin666

謝謝分享

b0412850678

很感謝 來試試看

0857

謝謝分享!!

下載 (10.9 KB)

2012-5-10 17:36