แจกโค้ดDIYไว้โมแต่งเว็บ....ไม่รู้จะอธิบายยังไงดี ดูเอาละกันครับ

por201502

ตย.


โค้ด

1. <div id="dzf" class="cl" style="text-align:left;">
   
2. <style type="text/css">
   
3. .pg_index #pt .y { height: 28px: overflow: hidden; }
   
4. .mlt li .cl { height: 18px; overflow: hidden; }
   
5. .mlt li .c { height: auto!important; }
   
6. #pp {zoom:1;}
   
7. #dzf{margin-bottom: -1px;padding:15px 0;border: solid #CDCDCD;border-width: 0 0 1px;background: #F9F9F9;line-height:160%}
   
8. #dzf p{width:316px;text-indent:70px;}
   
9. .dzfbl{border-left:1px solid #FFF}
   
10. .dzfbr{border-right:1px solid #DDD}
    
11. #dzf em{display:block;color:#D3DFDF}
    
12. #dzf .xg2{color:#666}
    
13. #dzf em a{color:#369}
    
14. #scbar td { padding: 0 !important; }
    
15. </style>
    
16. <p class="z dzfbr dzfbl" style="background: url(http://www.youtas.com/static/tb/1.gif) no-repeat 15px 6px;">
    
17.         <a class="xw1" style="text-decoration:none;">塔斯马尼亚中文网－友塔斯</a>
    
18.         <em class="xg2">塔洲华人最好的信息交流平台</em>
    
19.         <em><a href="http://youtas.com/topic-weather.html">天气预报</a> - <a href="http://youtas.com/topic-exchange.html">汇率查询</a> - <a href="http://youtas.com/thread-36078-1-1.html">公车时间</a></em>
    
20. </p>
    
21. <p class="z dzfbr dzfbl" style="background:url(http://www.youtas.com/static/tb/3.gif) no-repeat 15px 6px;">
    
22.         <a class="xw1" style="text-decoration:none;">塔斯马尼亚活动安排</a>
    
23.         <em class="xg2">你可以及时了解到塔洲及社区活动安排.</em>
    
24.         <em><a href="http://youtas.com/">友塔斯 - 分享你的塔洲生活</a></em>
    
25. </p>
    
26. <p class="z dzfbl" style="background:url(http://www.youtas.com/static/tb/2.gif) no-repeat 15px 6px;">
    
27.         <a class="xw1" style="text-decoration:none;">YouTas! 疑难问题求助</a>
    
28.         <em class="xg2">登录有问题？请联系QQ: 63788892</em>
    
29.         <em><a href="http://youtas.com/forum.php?mod=post&action=newthread&fid=3">生活咨询</a> - <a href="http://youtas.com/forum.php?mod=post&action=newthread&fid=47">留学咨询</a> - <a href="http://youtas.com/forum.php?mod=post&action=newthread&fid=65">旅游咨询</a></em>
    
30. </p>
    
31. </div>

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

jaideejung007

อ๋อที่แท้มันก็เป็นแค่โค๊ด HTML ธรรมดาเองหรอกเหรอ

นึกว่าเป็นโมดูลหรืออะไรซักอย่าง

ขอบคุณมากจ๊ะ

lifegood

ขอบคุณครับ

joeyman001

ตอบกระทู้ por201502 ตั้งกระทู้

มันเป็นยังไงเหรอครับ ? ช่วยอธิบายหน่อย พอดีผมไม่ค่อยเก่งเรื่องนี้อ่าครับ ^^

jaideejung007

ว่าแต่มันต้องนำเข้ายังไงล่ะเนีย

บอกวิธีการทำหน่อย ผมลองนำเข้าแบบ DIY โดยใช้โค๊ด HTML แต่มันไม่เหมือนในรูปภาพ

แบบแนวทางการทำหน่อย ชอบๆๆ อ่ะ