[FM-Vi] Phân chia chuyên mục tự động - Đơn giản mà đẹp

[vandonstar]

Ưu điểm: Không phải nói cũng biết là quá nhiều ưu điểm so với việc phải tự tay vẽ ra từng thứ. Kể cả các chuyên mục con ở phía trong chuyên mục lớn. Và khi lập thêm chuyên mục mới cũng chẳng cần phải động tay chân làm gì.
Khuyết điểm: Không có sự khác biệt hoàn toàn giữa các chuyên mục bởi việc này chỉ tự tay mới làm được Và những bạn nào forum không có chuyên mục con sẽ không áp dụng được.

Thật là hài hước khi mà những đóng góp của mình toàn được các bạn mạnh dạn cho dấu -
Tôi không am hiểu nhiều về HTML, tôi ko am hiểu Javascript, tôi không am hiểu Jquery. Nhưng tôi biết cái gì có thể làm được điều gì.
Tất cả những gì tôi làm ra đều phải vắt óc suy nghĩ từng giờ từng phút.
Tất cả những suy nghĩ của tôi không phải cái gì cũng thành hiện thực, bởi tôi còn rất non kém.
Tôi không qua một trường lớp nào. Tất cả chỉ là một niềm đam mê. Mỗi câu lệnh, mỗi bước đi tôi đều phải nhờ sự trợ giúp của Google hoặc các Website hướng dẫn khác.
Tôi cũng như các bạn, chỉ khác 1 điều là tôi có lòng quyết tâm và có sự kiên nhẫn.
Với chút ít dòng Jquery ngắn ngủi trên đây, đối với một cao thủ có thể họ chỉ mất vài phút là có thể làm ra.
Nhưng tôi không được như thế. Mỗi sản phẩm của tôi là công sức hàng tuần liền, với hàng trăm lần thử nghiệm từng dòng lệnh, thử xem nó hoạt động thế nào, sử dụng nó ra làm sao, ứng dụng nó vào việc gì thì hợp lý...
Rồi sau mấy ngày suy nghĩ, mò mẫm viết ra vài dòng lệnh. Đối với các bạn có vẻ nó rất đơn giản.
Nhưng đối với tôi đó là 1 sự hạnh phúc khi làm được một cái gì đó, hạnh phúc trong thành công của chính mình, hạnh phúc khi được chia sẻ cùng các bạn.
Những gì tôi làm ra tôi ko bao giờ giữ cho riêng mình. Khi một cái gì đó tôi cảm thấy đối với tôi thì nó đã hoàn chỉnh. Tôi vội vàng chia sẻ cho các bạn. Thậm chí nhiều lúc tại vội quá đến lúc chia sẻ rồi mới phát hiện ra lỗi. Vậy là lại phải vắt óc sửa cho thật nhanh để đáp ứng nhu cầu của các bạn.

Cái tôi cần đơn giản chỉ là sự góp ý về những điểm tốt, điểm không tốt trong phần chia sẻ để cùng phát triển hơn nữa.
Tôi ko cần thiết ai đó phải cho tôi dấu + nó chẳng quan trọng đối với tôi, nhưng với công sức suy nghĩ và làm ra những điều này để chia sẻ cho các bạn. Các bạn cũng ko nên cho dấu - như vậy. Đó là hành động không tôn trọng người khác.

Đó chỉ là vài dòng tôi muốn gửi đến những con người ích kỷ, muốn đến đây tìm kiếm một cái gì đó cho bản thân mình, nhưng lại không biết được rằng dù là điều gì nhỏ nhất khi được nhận từ người khác hoặc được người khác có ý tốt mang lại cho, thì bản thân họ đã mang một món nợ.
Đừng vội vàng đánh giá không tốt người muốn giúp bạn khi mà bạn không đạt được mục đích của mình.


Cho các bạn xem qua DEMO:

Code:

http://www.vandonstar.com/

Demo ảnh:

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

Hướng dẫn:

Display :: Homepage :: Structure and hierarchy :: Split categories on index :: Chọn Medium

Vào Quản lý tổng thể :: Index_box
Tìm đoạn sau:

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

Thay code này vào:

Code:

<div style="clear:both;"></div>
<div class="chiacmvds">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Tiếp theo là:

Modules :: Javascript codes management :: Create a new Javascript

Title: Phân chuyên mục
Placement: In the home page + In the sub-forums

Cho đoạn Jquery này vào:

Code:

$(document).ready(function(){
$("div.chiacmvds").each(function(index){
cm = $(this).html();
cm = cm.replace(/, /gi,'');
$(this).html(cm);
});
$('div.chiacmvds:nth-child(even) a.gensmall:even').prev().wrap('<div class=imgcmvds_trai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:odd').prev().wrap('<div class=imgcmvds_phai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:even').wrap('<div class=cmvds_trai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:odd').wrap('<div class=cmvds_phai></div>');

$('div.chiacmvds:nth-child(odd) a.gensmall:even').prev().wrap('<div class=imgcmvds_trai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:odd').prev().wrap('<div class=imgcmvds_phai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:even').wrap('<div class=cmvds_trai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:odd').wrap('<div class=cmvds_phai></div>');
});

Việc cuối cùng là thêm vào CSS cái này:

Code:

.cmvds_trai{float:left;width:40%;height:15px;margin:1px 1px 7px;padding:2px;text-align:left;top:5px;left:5px;background-color:#5e9eff;}
.cmvds_phai{float:right;width:40%;height:15px;margin:1px 1px 7px;padding:2px;text-align:right;top:5px;right:5px;background-color:#ff52f3;}
.imgcmvds_trai{float:left;width:6%;height:15px;margin:1px;padding:4px 2px 0 0;text-align:right;top:5px;left:5px;background-color:#96ff61;}
.imgcmvds_phai{float:right;width:6%;height:15px;margin:1px;padding:4px 0 0 2px;text-align:left;top:5px;right:5px;background-color:#96ff61;}
.cmvds_trai,.cmvds_phai,.imgcmvds_trai,.imgcmvds_phai{position:relative;border:1px solid #8a8a8a;box-shadow: 2px -2px 2px #999;}
.cmvds_trai:hover,.cmvds_phai:hover,.imgcmvds_trai:hover,.imgcmvds_phai:hover{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);background-color:#fff200;text-align:center;font-weight:bold;font-size:12px;z-index:99;}

Bây giờ bạn thử vào Forum của mình và bấm F5 nhé!

Chúc thành công, không cần thank!

[nghia1297614]

xé nát tem cắn tem

[Teeñ]

tks bác...nhưng mấy cái màu đó có đổi được thành màu khác không thế [You must be registered and logged in to see this image.]

[vandonstar]

Đổi thoải mái. Tất cả màu mè nằm trong đoạn css. Cứ tự nhiên mà đổi

[phucpho12a]

Anh ơi cho em hỏi luôn muốn đóng khung các mục này thì làm thế nào


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

[vandonstar]

Ui zời! Chưa học bò đã lo học chạy!

[Cyhitmen]

nặng không nhỉ

[vandonstar]

Nhẹ như lồng hồng

[langtucodon]

sao mình làm mà nó ko hiện nhỉ

[vandonstar]

sao mình làm mà nó ko hiện nhỉ

Những bài reply vô nghĩa! Muốn hỏi thì đi mà hỏi chúa nhé.
Còn muốn giúp đỡ thì cho link diễn đàn hoặc hình ảnh cụ thể đi!

[Trọng Tuấn]

Có thể sửa lại những chuyên mục con bị "lẻ" hay còn gọi là bị "dư" nằm mặc định bên trái ko?
Có mấy chuyên mục chỉ có 1 box con mà nó nhảy qua bên phải...

[LiBee KS]

Cái này cũng hay

[langtucodon]

sao mình làm mà nó ko hiện nhỉ

Những bài reply vô nghĩa! Muốn hỏi thì đi mà hỏi chúa nhé.
Còn muốn giúp đỡ thì cho link diễn đàn hoặc hình ảnh cụ thể đi!

đây "anh" sửa giùm cái chắc do gà quá làm ko dc

Code:

http://www.tochucnhansu2.com/

[vandonstar]

Của bạn đang áp dụng cách chia chuyên mục bằng tay. (Làm trực tiếp trong mỗi chuyên mục lớn). Vì thế không thể áp dụng cách này được.

Nếu bạn thật sự muốn sử dụng cái mà tôi chia sẻ thì pm tôi theo Y!M: axe.chieftain

[quangtrung_it]

Cái này cũng hay

Vote cho chủ thớt !

[Sấm]

Cảm ơn bạn ! những chuyên mục con này rất là đẹp. Tuyệt vời !


Con đỉ mẹ 2 thằng chó bị bệnh tự sướng handsomevip007, Zero . Mod cái lồn má chúng mày. Thêm thằng Vie K là con cặt gì mà code mày không share, mày để đó cho con đỉ mẹ mày xài đi.

[Mr.K2O]

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

Huhuhu. làm sao cho ko bị như vầy vậy bạn? cảm ơn!

[vlt]

hay hè. cho vlt "chôm" đem về 4all cái nghen.
tại có Mem thích cái ni quá. hehe
thankiu nhiều nhiều luôn.
vote bùm bùm. hehe

[vlt]

hic hic. k biết làm sai cái chi mà nó bị thun bị teo.
nhờ bác vandonstar coi giúp vlt với.
vlt thankiu nhiều lắm.

Spoiler:

[hj4uk0j0o97]

mình hướng dẫn cho các bạn thay đổi màu cho box nèk
trong cái đoạn code css này của vandonstar

Code:

.cmvds_trai{float:left;width:40%;height:15px;margin:1px 1px 7px;padding:2px;text-align:left;top:5px;left:5px;background-color:#5e9eff;}
.cmvds_phai{float:right;width:40%;height:15px;margin:1px 1px 7px;padding:2px;text-align:right;top:5px;right:5px;background-color:#ff52f3;}
.imgcmvds_trai{float:left;width:6%;height:15px;margin:1px;padding:4px 2px 0 0;text-align:right;top:5px;left:5px;background-color:#96ff61;}
.imgcmvds_phai{float:right;width:6%;height:15px;margin:1px;padding:4px 0 0 2px;text-align:left;top:5px;right:5px;background-color:#96ff61;}
.cmvds_trai,.cmvds_phai,.imgcmvds_trai,.imgcmvds_phai{position:relative;border:1px solid #8a8a8a;box-shadow: 2px -2px 2px #999;}
.cmvds_trai:hover,.cmvds_phai:hover,.imgcmvds_trai:hover,.imgcmvds_phai:hover{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);background-color:#fff200;text-align:center;font-weight:bold;font-size:12px;z-index:99;}

Có Các Đoạn

background-color:#5e9eff;}
background-color:#ff52f3;}
background-color:#96ff61;}
background-color:#96ff61;}

các bạn thay các đoạn #5e9eff thành mã khác

[heousieumap1]

ơ! Mik` không làm được! nó vẫn u như kỹ!

[notme]

ơ! Mik` không làm được! nó vẫn u như kỹ!

3
Bạn Xem thử xem đã cập nhật JS chưa

[kechocgianvn]

không có ai làm được cái này hả... hay vậy mà, ai làm được giúp mình với

[hj4uk0j0o97]

không có ai làm được cái này hả... hay vậy mà, ai làm được giúp mình với

có bạn ạk, mình làm được nhưng mà lại bỏ, bỏi vì nó màu mè quá, cái phân chuyên mục này chắc nó dị ứng với loại skin bạn đang sử dụng

[heousieumap1]

ơ! Mik` không làm được! nó vẫn u như kỹ!

3
Bạn Xem thử xem đã cập nhật JS chưa

Cập nhật là làm thế nào hả bạn? Mik` đã copy hết code vào javascript rồi mà!

[nghihandsome]

Các bác cho em hỏi sao làm xong mà vẫn y như cũ vậy
Forum em đây

Code:

http://tapthexoanpro.forumvi.com

[DeGea]

hé hé ! cái này chữ nhiều quá bị vỡ khung cái Tổ Chức Họp Mặt gì bên Vđ Star bị vỡ khung kìa ! chắc phải resize lại quá !

[banquantri8a]

anh ơi em làm không được em đã làm như anh nói và đã xóa hết mấy cái code làm bằng tay đi rồi mà vẫn không được nè

Code:

http://hiteen.forumvi.com/forum

[trannghj]

Có được đâu

[jack lagger]

anh ơi sao em làm mãi mà không được...
hay rum em có templates nào bị lỗi hả anh?
demo:

Code:

http://a1family.forumvi.com/

[Sponsored content]