Tiền vô xồng xộc, tiền ra từ từ.
Sức khỏe có dư, công danh tấn tới.
Tình duyên phơi phới, hạnh phúc thăng hoa.
Xin chúc mọi nhà một năm ĐẠI THẮNG!
Sau đây là bộ Dowload gói skin Cntt-k3 ( 2014 ) Mừng xuân Giáp ngọ
Demo Online : [You must be registered and logged in to see this link.]
Demo ảnh :
1 . Giao diện toàn trang
- Kick để xem:
2 . Giao diện Header
3 . Giao diện Đăng nhập or Đăng ký
4 . Giao diện Thống kê
5 . Giao diện Footer
6 . Giao diện Vew_topic_body
Sơ Lược về Skin :
1. Lasttopic 5 cột ( Devs ) được add thêm Tab chuyên mục phụ
2. Form đăng nhập + đăng ký nhanh
3. Nút Like + báo Xấu ( Devs )
4. VewTopic Style Xenforo ( gần giống )
5. Google Search
6. Cây chuyển hướng đăng nhập
7...
8...
nguồn skin : [You must be registered and logged in to see this link.]
Skin được mình rip từ luongdiep đem về Edit và thêm 1 số thứ ^^
Link Mediafire :
- Code:
http://www.mediafire.com/download/eac9ozz1fbaeoss/Skin+Cntt-k3.com+%282014+%29.rar
- Sau khi các bạn Dowload gói skin về Add tất cả các temp vào rồi làm theo những hướng dẫn sau đây để nó hoàn chỉnh 100%
1. Sắp xếp Widgets
- Kick để coi :
Modules >> Portal & Widgets >> Forum widgets management
[You must be registered and logged in to see this link.]
2. Giới hạn kích thước Avatar
- Kick để coi :
Avatars >>>> Avatar gallery
Kích thước tối đa của hình đại diện : 200 x 200 pixels
( cái này để làm gì ?? ... để độ rộng và độ dài của Avatar thành viên không bé quá , các bạn có thể cho tùy ý nhưng đừng để thấp hơn 200 px nhá )
3. Giới hạn số bài trong 1 trang ( giới hạn bài viết hiển thị ở tap trong Lasttopic , .. )
- Kick để Coi :
Quản Lý Tổng Thể >>> Messages and e-mails >>>> Cấu hình diễn đàn
Số bài trong 1 trang : 12
4. Edit từng box ( thêm icon cho từng box khác nhau )
- Kick để coi :
Quản Lý Tổng Thể >> Forum >>> Categories and forums
rồi Kick vào bánh xe của từng box
Sau đó ở phần sửa chữa các bạn kéo xuống phần Mô tả :
thêm đoạn code này cho từng box
- Code:
<div class="desc">
<img src="http://i55.servimg.com/u/f55/16/58/45/96/punbb10.png
" />
</div>
Thank link Ảnh cho phù hợp với box của bạn
5. Edit Tab phụ ở Lasttopic
- Kick để Coi:
[You must be registered and logged in to see this link.]
Các bạn vào : mod_recent_topics
tìm những code sau :
- Code:
<div data="0" class="last active">Bài mới</div>
<div data="5" class="last">Thông báo</div>
<div data="100" class="last">Code Fm</div>
<div data="29" class="last">Skins PunBB</div>
<div data="101" class="last">Hỏi Đáp</div>
<div data="2" class="last">Yêu cầu skin </div>
Bên trên là đoạn Code để hiển thị Tên của từng Tab phụ ( các bạn thay tên của Tab phụ
Và Thay : data="5" <<< 5 ở đây là số chuyên mục của bạn ví dụ như ảnh dưới
[You must be registered and logged in to see this link.]
Tiếp theo cũng trong mod_recent_topics
Kéo xuống gần dưới cùng các bạn sẽ thấy những đoạn code sau
- Code:
<ol id="lastest" class="forum5"></ol>
<ol id="lastest" class="forum100"></ol>
<ol id="lastest" class="forum29"></ol>
<ol id="lastest" class="forum101"></ol>
<ol id="lastest" class="forum2"></ol>
Chúng ta chú ý từng đoạn
- Code:
<ol id="lastest" class="forum5"></ol>
... Các bạn thay sao cho forum5 và data="5" Trùng nhau là ok nhá
6 . Add Khung tìm kiếm của Google cho forum của bạn
- Kick để coi :
[You must be registered and logged in to see this link.]
Bước 1: Đến website [You must be registered and logged in to see this link.]
Bước 2: Đăng nhập bằng account google gmail
Bước 3: Click vào "Tạo Công cụ Tìm kiếm Tuỳ chỉnh"
Bước 4: Điền thông tin cơ bản, quan trọng nhất là link trang web của bạn. Những thông tin khác có thể hoàn tất sau.
Bước 5: Cơ bản mọi hướng dẫn đều bằng tiếng Việt nên các bước sẽ được thông qua dễ dàng >> Hoàn tất
Bước 6: Chọn Bảng điều khiển
Bước 7: Lúc này bắt đầu đi sâu vào phần tùy chỉnh cho bộ máy tìm kiếm của bạn. Tất cả tùy chỉnh đều nằm ở cột bên trái.
Bước 8: Lúc này bạn có thể sử dụng ngay công cụ bằng cách chọn Nhận mã. Copy đoạn mã nhận được
Sau khi có được Đoạn mã vừa tạo
Các bạn vào : Modules
HTML >>> HTML pages management
Tạo 1 trang HTML mới
Title * : Tìm kiếm
Do you wish to use your forum header and footer ? : Không
Use this page as homepage ? : Không
Page content * :
Dán đoạn code này vào :
- Code:
<meta charset="UTF-8" /><title>Tìm kiếm</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script src="http://scriptfm.googlecode.com/files/cpsearch.js" type="text/javascript"></script><script type="text/javascript" src="http://illiweb.com/rs3/35/frm/lang/notutf8-vi.js"></script><script type="text/javascript">
function replaceAll(t, f, r) {
var i = t.indexOf(f);
while (i != -1) {
t = t.replace(f, r);
i = t.indexOf(f)
}
return t
}
$(window).load(function() {
var cp = decodeURIComponent(replaceAll(GetParam("q"),"+"," "));
if (cp==null) cp="";
if (cp!="") {
$("#s").val(cp);
$('#searchForm').submit();
}
});
</script>
<!-- Put the following javascript before the closing </head> tag. --><script>
(function() {
var cx = '015274141948276150172:jbm8j_fg16k';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>
Và Chú ý đoạn script ở cuối : như hình dưới
[You must be registered and logged in to see this link.]
Và Dán đoạn code mà google đã cho bạn ở bước bạn làm bên trên thay vào chỗ mình khoanh tròn trong hình
Tiếp Theo Các bạn vào : overall_header
Tìm đoạn Link sau
- Code:
http://www.cntt-k3.com/h75-search
Thay Link bên trên = Link trang HTML bạn vừa tạo
ok Thế là là bạn đã có 1 Google Custom Search rồi nhá
7 . Form đăng nhập chuyển hướng
- Kick để coi :
[You must be registered and logged in to see this link.]
Trước tiên Các bạn vào : Modules
HTML >>> HTML pages management
Tạo 1 trang HTML mới
Title * : Tìm kiếm
Do you wish to use your forum header and footer ? : Không
Use this page as homepage ? : Không
Page content * :
Dán đoạn code này vào :
- Code:
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <meta content="UTF-8" http-equiv="Content-Language" /> <base href="http://cntt-k3.com/" /><meta content="3; url=javascript: history.back(1);" http-equiv="refresh" /><link media="all" type="text/css" href="/7-ltr.css" rev="stylesheet" rel="stylesheet" /> <title>Chào mừng bạn đến với Diễn Đàn Cntt-k3 - [You must be registered and logged in to see this link.] - [You must be registered and logged in to see this link.] - Fm Học Tập Giải Trí Chia Sẻ</title>
<center>
<div class="messagebox">
<div class="messagebox_title">
<div class="messagebox-title">Thao tác đã thành công
</div>
</div>
<div class="messagebox-content">
Chào bạn ! Bạn đã đăng nhập thành công <br />Xin chờ trang web tự chuyển, hoặc bấm kết nối dưới đây <br /><br />
<ul>
<li>
<a href="javascript:history.go(-1)">Xem tiếp trang trước khi đăng nhập</a>
</li>
<li>
<a href="index.php">Về trang chủ</a>
</li>
</ul>
<img style="
width: 500px;
" src="http://i58.servimg.com/u/f58/18/67/94/07/loadin11.gif" />
</div>
<div class="messagebox-bottom">
<a href="javascript: window.history.back();">Quay về</a> | <a href="index.php">Trang chủ</a>
</div>
<div class="content-box-b">
<div class="content-box-b-r">
<div class="content-box-b-l">
</div>
</div>
</div>
</div>
</center><style>.messagebox {
width: 550px;
margin-top: 120px;
border-top: 0px;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
text-align: center;
border: 1px solid #ddd;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
.messagebox_title {
margin: 0px;
padding: 5px;
background: whiteSmoke;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
border-bottom: 1px solid #DDD;
color: #000;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 13px;
font-weight: bold;
}.messagebox-title {
color: #333;
font-weight: bold;
padding: 5px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 13px;
font-weight: bold;
}
body {
line-height: 18px;
text-align: left;
background: #eee;
color: #333;
font-size: 11px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
a:hover, a:focus {
color: #0ad1e5;
}
.messagebox-content {
text-align: left;
padding: 10px;
padding-bottom: 20px;
background-color: #fff;
background: #FFFFFF url(http://i58.servimg.com/u/f58/18/67/94/07/commen10.png) repeat-x scroll center top;
}
.messagebox-content ul {
list-style: circle;
}
.messagebox-content ul li {
margin-left: 20px;
}
.messagebox-content a {
font-weight: bold;
font-size: 11px;
}
.messagebox-bottom {
color: #000;
padding: 5px;
background-color: #fff;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
a {
color: #444;
text-decoration: none;
}
.messagebox-bottom a {
font-weight: bold;
font-size: 11px;
}
a:hover, a:focus {
color: #0ad1e5;
}
</style><script type="text/javascript"> <!--
function exec_refresh()
{
window.status = "Ðang chuyển tới ..." + myvar;
myvar = myvar + " .";
var timerID = setTimeout("exec_refresh();", 100);
if (timeout > 0)
{
timeout -= 1;
}
else
{
clearTimeout(timerID);
window.status = "";
window.location = "javascript:history.go(-1)";
}
}
var myvar = "";
var timeout = 50;
exec_refresh();
//--> </script>
<!-- BEGIN google_analytics_code --> <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> <script type="text/javascript">
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
</script>
<!-- END google_analytics_code --> <script src="http://my-project-na.googlecode.com/files/FMvar.js"></script> <script>
document.onselectstart=new Function("return false");
function ds(e){return false;}
function ra(){return true;}
document.onmousedown=ds;
document.onclick=ra;
document.oncontextmenu=function(){return false};
</script>
Sau đó ấn Submit ( ok ) rồi lưu trang HTML vừa tạo
Tiếp Theo vào overall_footer_begin
Tìm Link sau
- Code:
?redirect=/h3-page
Các bạn thay số 3 Thành số trang HTML bạn vừa tạo ở trên
P/s : Nếu ai ko thích trang HTML chuyển hướng này các bạn hãy xóa đoạn /h3-page trong Footer Begin đi là xong
8. Kick hoạt chức năng Vote
- Kick để coi :
ACP >> QLTT >> Forum >> Security
Unauthorize unofficial forms to post messages and private messages on the forum : Không
ACP >> Modules >> Points and reputation >> Points system
Activate points system : Có
Display average points per message : Có
ACP >> QLTT >> Reports >> Report Post Hack - Configuration
Report status : Members
Allows users to report their own posts. Self-Reports : Có
Allows your users to edit their own reports. Report edit by users : Có
Ok Như vậy là cũng hướng dẫn kha khá rồi
chả nhớ còn cái gì nữa
thôi chắc là hoản chỉnh rồi
h Xem Thành quả thôi các bạn trẻ :P:P
Like điên đảo nhá các thím ............................. ><