[Hướng dẫn] [PHPBB3 & INVISION] Khung đăng nhập + Lasttopic style mới.

Go down

Bạn làm được chưa?

50% 50% 
[ 2 ]
50% 50% 
[ 2 ]
 
Total Votes : 4

code [Hướng dẫn] [PHPBB3 & INVISION] Khung đăng nhập + Lasttopic style mới.

Post by altf4 on Tue May 22, 2012 9:18 pm

Hôm nay mình sẽ share cho các bạn 2 mod rất hữu dụng cho forum đó là khung đăng nhập & lasttopic với style mới cho phpbb3 và invision.
DEMO khung đăng nhập:
*Hình ảnh



*Online
[You must be registered and logged in to see this link.]

DEMO lasttopic style mới:




BẮT ĐẦU:


*KHUNG ĐĂNG NHẬP CHO PHPBB3 + INVISION
- Vào Modules > Portal & Widgets > Forum widgets management, sau đó chọn Create a widget



- Sau đó cho code sau vào:
Code:


jQuery(function() {
x=document.getElementById('i_icon_mini_login');
y=document.getElementById('i_icon_mini_logout');
if(x) {
jQuery('#logo').after('


[color=white]Tài khoản :[/color]  [color=white]Mật khẩu :[/color]  [color=white]Ghi nhớ ?[/color]  ');
}


else if(y) {

Xin chào, [b]{USERNAME}. [/b] [url=http://www.skin4fm.com//privmsg?folder=inbox][b][color=white] [Thông điệp ▼] -[/color][/b][/url][url=http://www.skin4fm.com//profile?mode=editprofile][b][color=white] [Điều chỉnh] - [/color][/b][/url][url=http://www.skin4fm.com//login?logout=1][b][color=white] [Thoát] [/color][/b][/url]
');
}
});






jQuery(function(){jQuery(".c3login").attr('action','/login?redirect='+this.location.pathname);});


Nhấn Chấp nhận
- Sau đó cho widget vừa tạo hoạt động, vd:


Thế là xong cái bảng đăng nhập.

* LASTTOPIC STYLE MỚI CHO PHPBB3 + INVISION
- Vào Modules > HTML & JAVASCRIPT > Javascript codes management > Tạo trang javascript với nội dung:
Code:
var CopyrightNotice = 'Reformatted Recent Topics widget script for forumotion phpBB3 and Invision boards. Copyright © 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';

function rtnew() {
var y=document.createElement('div');
y.id='rtopic';
var x=$('#right .module')[0];
var au=$(x).find('a:odd').get();
var to=$(x).find('a:even').get();
for (i=au.length-1;i>=0;i--) {
var z=document.createElement('tr');
var time=au[i].nextSibling.nodeValue;
z.appendChild(au[i]);
z.insertBefore(to[i],au[i]);
$(au[i]).before(''+time+'');
$(au[i]).wrap('');
$(to[i]).wrap('');
y.insertBefore(z,y.firstChild);
}
y.innerHTML='
[b]Recent Topics[/b][table id="rtable" cellspacing="0"][tr][b]Topic[/b][b]Time Posted[/b][b]Author[/b][/tr]'+y.innerHTML+'[/table]';
$('#content-container').before(y);
}

$(function() {
if (document.getElementById('chatbox_popup')) {rtnew();}
$('#right .module').eq(0).remove();
});





- Cho vào CSS:
Code:
#rtopic {width:900px;margin:10px auto;padding:0 6px 5px;background:#1675bc;font-family:Verdana;font-size:12px;text-align:center;border-radius:6px;}
#rtitle {height:30px;line-height:30px;color:#fff;font-size:14px;}
#rtable {width:100%;border-collapse:collapse;}
#rtable th {padding:5px 0;background:#cadceb;border:1px solid #1675bc;}
#rtable td {padding:5px;background:#fff;border:1px solid #1675bc;font-family:Tahoma;}
.ddto {width:50%;}
.ddti {width:25%;}
.ddau {width:auto;}

- Vào MODULES > Portal & Widgets > Forum widgets management, chỉnh như hình sau



Thế là xong lasttopic.



Nếu làm được thì thanks mình nhé !


avatar
altf4

Giới tính : Male Posts : 24
Icoin : 34
Thanks : 4
Tuổi : 23

View user profile

Back to top Go down

code Re: [Hướng dẫn] [PHPBB3 & INVISION] Khung đăng nhập + Lasttopic style mới.

Post by adkhamphait on Fri May 25, 2012 2:54 pm

hay lắm bạn !
Spoiler:
Thanks !
avatar
adkhamphait

Giới tính : Male Posts : 201
Icoin : 370
Thanks : 19

View user profile http://vntinhoc.forumvi.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum