Nút chia sẻ bài viết với các Mạng xã hội
Demo:
chèn đoạn code vào ACP/Display/Quản lý tổng thể -> viewtopic_body :
chèn code trên vào trước đoạn:
Nhớ thay link của mình nhé
Để trang trí cho bộ nút bấm này, bạn chèn code sau vào Css (ACP/Display/Color/Css)
Khi đó nút bấm sẽ mờ đi (còn 40%) Và sẽ sáng lên 100% khi bạn di chuột lên trên nút bấm.
Demo:
chèn đoạn code vào ACP/Display/Quản lý tổng thể -> viewtopic_body :
Code: |
<!--mang XH--> <a target="_blank" href="http://www.kiddy9.co.cc/feed/?type=atom"><img alt="Rss" src="http://lh5.ggpht.com/_Y7RSLNNmdPE/SxATfAPw9nI/AAAAAAAAAEs/eFAar-hJt80/rss.png"></a> <a target="_blank" href="http://digg.com/submit?phase=2&url=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Digg" class="rsociales-sobre" src="http://lh5.ggpht.com/_Y7RSLNNmdPE/Sw62RCxqvZI/AAAAAAAAAC8/xDx8xCA7fb8/s128/digg.png"/></a> <a target="_blank" href="http://www.technorati.com/faves?add=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Technorati" class="rsociales-sobre" src="http://lh4.ggpht.com/_Y7RSLNNmdPE/Sw62a_4-zWI/AAAAAAAAADU/-j_OH-DQ08E/s128/technorati.png"/></a> <a target="_blank" href="http://del.icio.us/post?url=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Delicious" class="rsociales-sobre" src="http://lh3.ggpht.com/_Y7RSLNNmdPE/Sw62RDKQgOI/AAAAAAAAAC4/mtV6-M533Q4/s128/delicious.png"/></a> <a target="_blank" href="http://reddit.com/submit?url=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Reddit" class="rsociales-sobre" src="http://lh4.ggpht.com/_Y7RSLNNmdPE/Sw62arGLQ8I/AAAAAAAAADM/R1oKYBPk5PM/s128/reddit.png"/></a> <a target="_blank" href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Yahoo" class="rsociales-sobre" src="http://lh3.ggpht.com/_Y7RSLNNmdPE/Sw62dZ8XHBI/AAAAAAAAADc/5-q_baQreIY/s128/yahoo.png"/></a> <a target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Google" class="rsociales-sobre" src="http://lh4.ggpht.com/_Y7RSLNNmdPE/Sw62aharqmI/AAAAAAAAADI/Obb2FobqukI/s128/google.png"/></a> <a target="_blank" href="https://www.facebook.com/sharer.php?u=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Facebook" class="rsociales-sobre" src="http://lh4.ggpht.com/_Y7RSLNNmdPE/Sw62RPR9q4I/AAAAAAAAADA/j5aaVVbLAB4/s128/facebook.png"/></a> <a target="_blank" href="http://twitter.com/home?status=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Twitter" class="rsociales-sobre" src="http://lh5.ggpht.com/_Y7RSLNNmdPE/Sw62a-yPyvI/AAAAAAAAADY/sOd4F-QLkcw/s128/twitter.png"/></a> <a target="_blank" href="http://friendfeed.com/?url=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Friendfeed" class="rsociales-sobre" src="http://lh6.ggpht.com/_Y7RSLNNmdPE/Sw62RcdSxFI/AAAAAAAAADE/Z3sw5LjVcME/s128/friendfeed.png"/></a> <a target="_blank" href="http://www.stumbleupon.com/submit?url=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Stumbleupon" class="rsociales-sobre" src="http://lh3.ggpht.com/_Y7RSLNNmdPE/Sw62a6SZPHI/AAAAAAAAADQ/brVLQAgz_U0/s128/stumbleupon.png"/></a> <a target="_blank" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Blinklist" class="rsociales-sobre" src="http://lh5.ggpht.com/_Y7RSLNNmdPE/Sw62Q1hD5LI/AAAAAAAAAC0/UwNNqwOYqmw/s128/blinklist.png"/></a> <a target="_blank" href="https://favorites.live.com/quickadd.aspx?marklet=1&mkt=vi&top=0&url=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Live" class="rsociales-sobre" src="http://lh4.ggpht.com/_Y7RSLNNmdPE/Sw-oDLlopII/AAAAAAAAAD8/jfdQL4nk5GA/live.png"/></a> <a target="_blank" href="http://slashdot.org/bookmark.pl?url=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Add to Slashdot" class="rsociales-sobre" src="http://lh3.ggpht.com/_Y7RSLNNmdPE/Sw-oDBgnrJI/AAAAAAAAAEE/a5lFcn7ydfM/slashdot.png"/></a> <a target="_blank" href="http://buzz.yahoo.com/buzz?targetUrl=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&title={TOPIC_TITLE}"><img alt="Buzz Up" class="rsociales-sobre" src="http://lh4.ggpht.com/_Y7RSLNNmdPE/SxAY901ULYI/AAAAAAAAAFI/wwROp_KOq7U/yahoobuzz.png"/></a> <a target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?t={TOPIC_TITLE}&c=baivong Movies - Download Movies&u=http://www.kiddy9.co.cc{U_VIEW_TOPIC}&l=2"><img class="rsociales-sobre" src="http://lh6.ggpht.com/_Y7RSLNNmdPE/SxCtiZJA5II/AAAAAAAAAFo/m9qpZIH2jaQ/MySpace.png"/></a> <!--mang XH--> |
chèn code trên vào trước đoạn:
Code: |
<tr> <td class="row2" colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM} |
Nhớ thay link của mình nhé
Để trang trí cho bộ nút bấm này, bạn chèn code sau vào Css (ACP/Display/Color/Css)
Code: |
/* Mang Xa Hoi --------------------------------------------------- */ .rsociales, .subs{ color: #666; font-weight: normal; font-size:0.9em; border: 1px dashed #363636; width: 465px; padding: 10px 10px 10px 10px; margin-bottom:10px; } .rsociales ul, .connect ul, .subs ul { display:inline; margin-top:0pt!important; padding:0pt !important; } .rsociales li, .connect li, .subs li { background:transparent none repeat scroll 0%; display:inline; list-style-type:none; margin:0pt; padding:2px; position:absolute; right:5px; } .rsociales img, .connect img, .subs img { border:0pt none; float:none; margin:0pt; padding:0pt; } .rsociales-sobre { opacity:0.4; filter: alpha(opacity = 40); } .rsociales-sobre:hover { opacity:1; filter: alpha(opacity = 100);} /* Mang Xa Hoi --------------------------------------------------- */ |
Khi đó nút bấm sẽ mờ đi (còn 40%) Và sẽ sáng lên 100% khi bạn di chuột lên trên nút bấm.
Được sửa bởi kushy ngày Fri Feb 11, 2011 5:49 pm; sửa lần 1.