admin [—»Sói™~]-[Ðại Ma Ðầu]
Giới tính : Chinese zodiac : Bài viết : 1042 Xu : 158 Thanked : 650 Sinh Nhật : 20/09/1990 Tham Gia : 15/07/2011 Tuổi : 34 Yahoo : Hà Nội Nghề Nghiệp : Giáo Sư Status : hgfggggggggggggg
Character sheet Tài Sản:
| Tiêu đề: jQuery Twitter Search Plugin Tue Oct 25, 2011 7:30 pm | |
| Đây là plugin tìm kiếm thông tin từ Twitter, để áp dụng vào Forumotion bạn làm như sau: Thêm vào CSS: - Code:
-
div.twitter { margin: auto; width: 300px } #twitter { height: 400px; width: 200px; }
Tạo một Widget và đưa code này vào: - Code:
-
<div id="twitter" class="twitter"></div> Thêm vào Overall_header, bên dưới thư viện jQuery: - Code:
-
<script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js"></script> <script type="text/javascript" src="https://raw.github.com/malsup/twitter/master/jquery.twitter.search.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#twitter').twitterSearch({ term: 'jQuery', // từ khóa, thay jQuery bằng từ bạn muốn tìm title: 'FMvi-Group', // tiêu đề, thay FMvi-Group bằng tiêu đề bạn muốn titleLink: 'http://www.jquery.com', // liên kết sẽ chuyển đến khi click vào tiêu đề bird: true, // hiện biểu tượng chim xanh của twitter, nếu không muốn nó hiện thì thay true bằng flase birdLink: 'http://twitter.com/jquery', // liên kết sẽ chuyển đến khi click vào tiêu đề biểu tượng chim xanh avatar: true, // hiện avatar của người dùng trong kết quả tìm kiếm css: { img: { width: '30px', height: '30px' } }, // chiều rộng và chiều cao của avatar animOut: { opacity: 0 }, // không mờ, nếu muốn hiệu ứng mờ mỗi khi cuộn thay số 1 thành 0 anchors: flase, colorExterior: 'violet', // Màu viền colorInterior: 'white', // Màu nền pause: true, // Dừng cuộn khi rê chuột vào time: true, timeout: 2000 // Thời gian giữa 2 lần cuộn }); }); </script>
Nếu bạn đang dùng phiên bản phpBB3 và invision, không sửa được Templates thì bạn download các file js về và đưa code vào Javascript codes management. Nguồn : [You must be registered and logged in to see this link.] | |
|