Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

by **blogkien** 20/6/2011, 3:57 pm

Một cái Menu rất style để dụ dỗ tín đồ Facebook đăng nhập Forum bằng tài khoản của họ, nhưng cũng rất gọn gàng thu lại bên phải website. Đó chính là nội dung dưới đây!

Sau khi kích hoạt chức năng đăng nhập tài khoản bằng Facebook, bạn hãy dán Code này vào dưới cùng của Index_body.

Code:: <style type="text/css"> #gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:130px;width:28px;float:left;cursor:pointer;-moz-border-radius-bottomleft:10px;-moz-border-radius-topleft:10px;border-top: 2px #adadad solid;border-left: 2px #adadad solid;border-bottom: 2px #adadad solid;color: #adadad;padding-right:3px;background:url('http://i24.servimg.com/u/f24/15/64/85/86/facebo12.png') no-repeat;}.gbcontent{float:left;border:2px solid #990000;background:#F5F5F5;padding:10px;} </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div style="right: -174px;" id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <table border="0" width="150" height="110"><tr><td align="left"><!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Tên Forum</title> </head> <body> <h1>Login bằng tài khoản FaceBook</h1> <p><fb:login-button onlogin="window.location='/facebook_connect.forum'" v="2" perms="offline_access,email,user_birthday,user_website,user_location" autologoutlink="true"></fb:login-button></p> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'Điền App ID của forum bạn vào đây', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.type = 'text/javascript'; e.src = document.location.protocol + 'https://connect.facebook.net/vi_VN/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script> </body> </html></td></tr></table> </div> </div><!

Trong code trên chú ý: Tìm "Tên Forum" thay bằng tên forum của bạn VD: Chinh Phục, hay bất cứ tên gì bạn thích. Tìm "Điền App ID của forum bạn vào đây" thay bằng App ID của bạn VD: 123456789012345. Phải thay đúng nếu không khi bấm vào Đăng nhập nó sẽ báo "Có lỗi xảy ra, vui lòng thử lại sau".

Demo:

[You must be registered and logged in to see this image.]

Xong rồi!

by **blogkien** 20/6/2011, 4:16 pm

Vừa post xong bài này thì mình lại có ý tưởng mới về tạo menu kiểu khác. Đảm bảo phê luôn. CHút nữa sẽ trình bày với các bạn! Hehehehehe.

by **IceFox** 20/6/2011, 4:27 pm

Vậy là dùng tài khoản facebook đăng nhập vào forum hả Thắc mắc

by **handsomevip007** 20/6/2011, 4:31 pm

HeroKid đã viết:Vậy là dùng tài khoản facebook đăng nhập vào forum hả

Bác HeroKid ko biết vu này àh nháy mắt

by **IceFox** 20/6/2011, 4:41 pm

Vậy thì làm cái đăng nhập bằng yahoo vào forum luôn đi hehe

. Giống như photobucket hoặc mediafire,... hehe

by **handsomevip007** 20/6/2011, 4:45 pm

HeroKid đã viết:Vậy thì làm cái đăng nhập bằng yahoo vào forum luôn đi . Giống như photobucket hoặc mediafire,...

Bậy nào HeroKid. thôi mà

Cái này là của forumotion hỗ trợ đấy chứ Cười nghiêng ng

by **IceFox** 20/6/2011, 4:59 pm

Mình đúng là quê mùa quá đi Cười nghiêng ng

. Chả chơi face mấy nên cũng chả quan tâm. Vote bạn nhá hehe

by **Mr.FR** 20/6/2011, 6:42 pm

ko biết các bạn sao chứ mình chưa bao giờ đăng nhập được vào forum bằng tài khoản facebook dù đã test mọi cách cười lớn

ko biết có ai đăng nhập được chưa ???

by **blogkien** 20/6/2011, 6:53 pm

Mình đăng nhập bình thường mà Cười nhe răng

Khi lần đầu đăng nhập nó sẽ bắt đăng ký. Việc này có nghĩa là tạo liên kết giữa tài khoản của Facebook với Forum lại với nhau. Nôm na là Active acc facebook trong diễn đàn. Sau đó, những lần đăng nhập tiếp theo Member dùng trực tiếp tài khoản Facebook để đăng nhập mà không phải thông qua bước đầu nữa.

by **_Mark_** 20/6/2011, 8:40 pm

cái này có vẻ hay đấy Yêu

voteee phát mang về test, đợi bản tiếp theo của chủ thớt hehe

by **nhocbuon211** 20/6/2011, 9:48 pm

Rất hay đó bạn hiền à.

by **vothongnhat** 20/6/2011, 10:13 pm

kích hoạt chức năng đăng nhập bằng facebook ở đâu

by **duyhung01** 22/6/2011, 8:31 am

Anh ơi tìm App ID của forum thì tìm ở đâu hả anh Buồn

by **langtucodon** 22/6/2011, 10:35 am

đợi nó gửi xác nhận tài khoản đã 1 năm nay mà chưa thấy luôn nè. nên cũng ko nghĩ đến nó nữa cánh cụt

by **blogkien** 22/6/2011, 11:26 am

@langtucodon: Khi điền số điện thoại thì nhớ bỏ số 0 ở đầu số.

@duyhung, vothongnhat: Muốn biết App ID ở đâu, bạn hãy search trong forum với từ khóa facebook. Đọc một số TOPIC hướng dẫn kích hoạt là sẽ hiểu. Đi ăn cơm thôi đói quá.

by **lee196** 23/6/2011, 9:09 pm

kích hoạt chức năng đăng nhập bằng facebook ở đâu ạ ? vẫn chưa biết:(

by **blogkien** 5/7/2011, 10:14 am

Các pác dán code vào dưới cùng index_body để tránh lỗi không dùng được chức năng send password nhá Vui

@--> Để kích hoạt chức năng đăng nhập bằng facebook bạn tham khảo một số topic đã hướng dẫn trong diễn đàn. VD: [You must be registered and logged in to see this link.] xem đoạn viết của ThanGio.

by **Linh Nhi** 10/7/2012, 9:07 pm

App ID là cái gì và lấy ở đâu

by **handsomevip007** 10/7/2012, 9:27 pm

Tham khảo [You must be registered and logged in to see this link.]

by **vutam9x** 10/7/2012, 10:17 pm

Code:: {JAVASCRIPT} {giefmod_index1.MODVAR}    </div> </div> <script type="text/javascript"> var u; for (u = 0; u < 20; u++) { var numelat = $(".rightnumber:eq(" + u + ")"); numelat.text(numelat.text().slice(numelat.text().lastIndexOf("-") + 1)) } $("#left").fadeIn(1000); </script>  <div class="main">  <div class="main-head"> <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1> </div>   <div id="pun-announcement"> <p>{message_admin_index.message_admin_txt.MES_TXT}</p> </div>  </div>   <div class="main"> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form> </div>   <div class="boxfmvi main"> <div class="main-head"> <div class="page-title"> <h2>Khu vực tán gẫu chung</h2> </div> </div> <div class="main-content"> <iframe width="924px" height="400px" frameborder="0" id="chatfmvi" onload="firstchatfmvi()" src="/chatbox/index.forum?archives=1" onerror="firstchatfmvi()" style="margin: 2px;"></iframe> <script type="text/javascript"> function firstchatfmvi() { setTimeout(function () { if ($("#chatfmvi").contents().find("#chatbox_option_disco").css("display") == "none") { $("#chatfmvi")[0].contentWindow.CB_disconnect() } }, 2000); } </script> </div> </div>  {BOARD_INDEX}  <div id="pun-info" class="boxfmvi main"> <div class="main-head"> <div class="page-title"> <h2>Tình hình diễn đàn</h2> </div> </div> <div class="main-content" style="border: 1px solid #DDD; margin: 2px;"> <div class="starsItem"> <p class="starsTitle">  <a href="{U_VIEWONLINE}" rel="nofollow">Ai đang trực tuyến?</a>  Ai đang trực tuyến?  </p> <div class="rightStats"> <div class="leftStats"> <img src="http://i48.servimg.com/u/f48/16/58/89/73/user_s10.png" /> </div> <p>{TOTAL_USERS_ONLINE} <br />{LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}</p> </div> </div> <div class="starsItem"> <p class="starsTitle">Sự kiện</p> <div class="rightStats"> <div class="leftStats"> <img src="http://i48.servimg.com/u/f48/16/58/89/73/openso10.png" /> </div> <p>{NEWEST_USER}</p> <p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p> </div> </div> <div class="starsItem"> <p class="starsTitle">Thống kê</p> <div class="rightStats"> <div class="leftStats"> <img src="http://i48.servimg.com/u/f48/16/58/89/73/icon_s10.gif" /> </div> <p>{RECORD_USERS} <br />{TOTAL_POSTS} <br />{TOTAL_USERS}</p> </div> </div> </div> <div class="main-box clearfix" style="border: 1px solid #DDD; margin: 2px;"> <p align="center">{GROUP_LEGEND}</p> </div> </div>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form>   <ul id="pun-legend"> <li> <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS} <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS} <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED} </li> </ul>  {AUTO_DST}  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script>  <style type="text/css"> #gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:130px;width:28px;float:left;cursor:pointer;-moz-border-radius-bottomleft:10px;-moz-border-radius-topleft:10px;border-top: 2px #adadad solid;border-left: 2px #adadad solid;border-bottom: 2px #adadad solid;color: #adadad;padding-left:3px;background:url('http://i24.servimg.com/u/f24/15/64/85/86/facebo12.png') no-repeat;}.gbcontent{float:left;border:2px solid #990000;background:#F5F5F5;padding:10px;} </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div style="left: -174px;" id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <table border="0" width="150" height="110"><tr><td align="left"><!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Diễn đàn 10c Hải Đông</title> </head> <body> <h1>Login bằng tài khoản FaceBook</h1> <p><fb:login-button onlogin="window.location='/facebook_connect.forum'" v="2" perms="offline_access,email,user_birthday,user_website,user_location" autologoutlink="true"></fb:login-button></p> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: '342739849133867', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.type = 'text/javascript'; e.src = document.location.protocol + 'https://connect.facebook.net/vi_VN/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script> </body> </html></td></tr></table> </div> </div><!

Ai chỉnh cho em code này với. nó bị xung đột với code tra điểm của em.
Em đã chuyển cái dó qua trái. ai giúp em với

by Sponsored content

Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn

Re: Hướng dẫn làm Menu đăng nhập forum bằng Facebook thu gọn