[CSS][MOD] เน้นขอบให้ไอคอนบอร์ด

por201502

ตย.

1. http://www.dekteen.tk/bbs/forum.php

คัดลอกไปที่คลิปบอร์ด

เมื่อเอาเมาส์ไปวางที่ไอคอน ก้จะมีขอบสีดำขึ้นมา
วิธีติดตั้ง
เปิดไฟล์ discuz ของสกินที่ท่านใช้
ใส่โค้ด

1. <style type="text/css">
   
2. div.img
   
3.   {
   
4.   margin:2px;
   
5.   border:1px solid #dddddd;
   
6.   height:auto;
   
7.   width:auto;
   
8.   float:left;
   
9.   text-align:center;
   
10.   }
    
11. div.img img
    
12.   {
    
13.   display:inline;
    
14.   margin:3px;
    
15.   border:1px solid #ffffff;
    
16.   }
    
17. div.img a:hover img
    
18.   {
    
19.   border:1px solid #000000;
    
20.   }
    
21. div.desc
    
22.   {
    
23.   text-align:center;
    
24.   font-weight:normal;
    
25.   width:120px;
    
26.   margin:2px;
    
27.   }
    
28. </style>

คัดลอกไปที่คลิปบอร์ด

ไว้ใต้

1. <!--{subtemplate common/header}-->
   

คัดลอกไปที่คลิปบอร์ด

จากนั้น หา

1. $forum[icon]
   
2.                                                                 <!--{else}-->
   
3.                                                                   <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
   
4.                                                                 <!--{/if}-->

คัดลอกไปที่คลิปบอร์ด

นำโค้ดนี้ใส่ทับลงไป

1. <div class="img">
   
2. $forum[icon]
   
3.                                                                 <!--{else}-->
   
4.                                                                   <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
   
5.                                                                 <!--{/if}--></div>

คัดลอกไปที่คลิปบอร์ด

Acer_Aspire

ขอบคุณครับ

kanzayo

น่าสนใจค่ะพอดีกำลังจะลองทำให้มันสะดุุดตานะค่ะ

joeyman001

ไฟล์ discuz นี่มันไฟล์ไหนอ่า ครับ

beautiful

ขอบคุณครับ