Social Floating Share For DiscuzX2

princekoong

Demo Pic


Demo site

http://gnv3.net

1.เพิ่มโค้ด css ไว้ล่างสุดของ common.css

1. #floatdiv {
   
2.   position:fixed;
   
3. bottom:15%;
   
4. margin-left:-70px;
   
5. z-index:10;
   
6. float:left;
   
7. padding-bottom:2px;
   
8. }
   
9. #mbtsidebar {
   
10.         background:#fff;
    
11.         border-top:1px solid #ddd;
    
12.         border-left:1px solid #ddd;
    
13.         border-bottom:1px solid #ddd;
    
14.         border-radius:5px;
    
15.        -moz-border-radius:5px;
    
16.        -webkit-border-radius:5px;
    
17.         padding-left:5px;
    
18.         width:60px;
    
19.         margin:0 0 0 5px;
    
20. }
    
21. .fb_share_count_top {width:52px !important;}
    
22. .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
    
23. .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
    
24. .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

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

2.เพิ่มโค้ดนี้ไว้ล่างสุดของ header.htm

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

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

3.ดาวโหลดไฟล์ social.htm

Passwd : อั๊ยย๊ะ

4.อัพโหลดไฟล์ social.htm ไว้ที่โฟร์เดอร์ common ของสกิน ( อยู่ที่เดียวกับ common.css )

5.อัพเดทแคช


อีก 1 ทางเลือก
แก้ใหม่แบบแสดงด้านในทางขวา ( แบบเก่าคนจอเล็กจะมองไม่เห็น )

Thanks mybloggertricks.com

nkostaro

เฉ๋งเลย
หนับหนุน

popiazaza

แหล่มครับพี่พริ้น
ปล.พาสเอิ่ม

princekoong

แก้ใหม่แบบแสดงด้านในทางขวา ( แบบเก่าคนจอเล็กจะมองไม่เห็น )

1. #floatdiv {
   
2. float:right;
   
3.                 position:fixed;
   
4.                 bottom:20%;
   
5.                 margin-left:898px;
   
6.                 z-index:10;
   
7.                 padding-bottom:2px;
   
8. }
   
9. #mbtsidebar {
   
10.         background:#fff;
    
11.         border-top:1px solid #ddd;
    
12.         border-left:1px solid #ddd;
    
13.         border-bottom:1px solid #ddd;
    
14.        -webkit-border-radius:2px;
    
15.         padding-left:5px;
    
16.         width:60px;
    
17.         margin:0 0 0 5px;
    
18. }
    
19. .fb_share_count_top {width:52px !important;}
    
20. .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
    
21. .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
    
22. .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

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

lahu

ออกมาแค่นี้ครับ แล้วมีข้อความอะไรไม่รู้ท้ายๆหรือว่าเป็นแบบนี้เอง

kompet

คือว่าผม ไม่มี LIKE กับ แบบตัวอย่างเลยมันมีขึ้นมา 3 อย่าง

princekoong

ต้นฉบับโพสต์โดย lahu เมื่อ 2011-11-23 07:30
แก้ไขครั้งสุดท้ายโดย lahu เมื่อ 2011-11-23 07:40

แก้ไขครั้งส ...

แก้ให้ละครับ

princekoong

ต้นฉบับโพสต์โดย kompet เมื่อ 2011-11-23 07:35
คือว่าผม ไม่มี LIKE กับ แบบตัวอย่างเลยมันมีขึ้นมา 3 อย่ ...

ลองโหลดไปใหม่ครับ

ZeroBlack

ถูกใจพาส           

beautiful

ขอบคุณครับ เว็บ มี เพิ่ม อีกแล้ว