Thư mục: 360 Plus |
Tình hình là ngày hôm qua, hết
chú Noa rồi đến chú Dephia, chú nào cũng khai trương cho mình một cái Blash mới
toanh nhìn cáu cáu. Nhàn cư vi bất thiện – ngồi xem mãi cũng thấy ngứa nghề
đành dành cả buổi chiều ngày Chủ Nhật để làm cho xong cái này ... ![]()
Đáng lẽ tớ cũng định ăn theo
mấy chú ấy, làm mới lại cái Blash cho nó co0l nhưng thấy vậy thì đụng hàng quá, vả lại tớ
cũng chưa đủ lực để lục loại mấy cái đấy, thành ra cũng đành xếp xó Bast lại,
nghĩ cái khác mà update cho nó lạ. Nhân tiện module Articles List chưa hoàn
thành xong, tớ liền làm luôn tù tì gần hai tiếng đồng hồ để kịp xuất xưởng
thành quả luôn trong ngày hôm nay. Nói là hai tiếng cho nó oai chứ thật ra tớ
vừa làm vừa ... chăm con bé
chứ nếu không cũng xong sớm cho mấy bác chiêm
ngưỡng rồi.
Hiện nay Plus nhà ta vẫn
chưa hỗ trợ cái module danh sách bài viết, điều này quả thật là một thiếu sót
lớn
Nếu một người không quen biết ( hay có quen biết thì cũng không khác nhau
là mấy ) vào blog của các chú, thì không ai rảnh rỗi ngồi lục lọi lại những bài
viết cũ kĩ nằm tít ở cuối blog mà tham khảo. Vì vậy để khắc phục thiếu sót vớ vẩn rõ
ràng là quá ngớ ngẩn này, chúng ta có thể tự làm cho mình một module Articles List
do chính bản thân mình thiết kế ![]()
Articles List ( tính cho đến thời điểm post bài viết ) có 3 loại:
Loại 1: Foundation – Đơn giản, chỉ gồm tiêu đề và link dẫn tới bài viết. Loại này rất dễ làm, chỉ cần một chút kiến thức về word là làm được. Các chú có thể vào blog của DPT để tham khảo.
Loại 2: Enhance – Nâng cao,
là loại mà tớ đang dùng. Loại này nói là nâng cao nhưng cũng không có gì là
khó, các chú chỉ cần thành thạo Excel và có khả năng sáng tạo là sẽ làm được thôi.Thế nhưng tớ đang gặp rắc rối với chính Articles List dạng này
Như các chú đã biết, khi thiết kế với module tự tạo, ta phải sử dụng mã HTML để hiển thị. Tuy nhiên Plus lại giới hạn số lượng mã HTML trong một module, bởi thế tớ không thể nào chèn table vào module tự tạo được ( khi sử dụng table, khối lượng mã HTML là rất rất đồ sộ ). Thành ra tớ đành phải dành riêng một entry cho cái Articles List , nhìn xấu xí kinh khủng T-T Bác nào có cách khắc phục thì cho tớ một tiếng nhé !
Loại 3: Super – Siêu cấp, nói
khái quát, các chú phải là một cao thủ design và lập trình CSS thì mới làm
được. Cụ thể là cái Articles List ở blog của Noa, thật không dễ làm chút nào ![]()
Các Articles List thường có
một đặc điểm chung, đó là chỉ xuất hiện khi di chuyển chuột vào module. Mục
đích của việc làm này là để blog gọn nhẹ, dễ nhìn. Chắc chắn để làm được như
thế, chúng ta cần một đoạn code CSS. Giấu nghề mãi cũng ngại, thôi thì share
luôn cho mấy chú vậy ![]()
Code:
|
#user_mod_1000x .rc_bd .rc_bc .bd .user-mod-holder {height:300px;} #user_mod_1000x .rc_bd .rc_bc .bd .user-mod-holder:hover {height:auto;} /*Các giá trị in đậm có thể sửa lại để phù hợp với blog*/ |
Bác Noa hay bác Dephia có xem
bài này, thì nghiên cứu giúp tớ đoạn code luôn, xem thử có cần thêm bớt chỗ nào
không, rồi comt lại để tớ sửa ( nếu thấy ngứa tay quá thì viết luôn một entry
lăng-xê luôn cho anh em nhờ
). Đoạn code này là tớ xin của chú DPT, còn DPT xin
của ai thì ... chỉ có trời mới biết ![]()
P/S:
[Đông Thành Chủ]Nguyên Hoả[Đào Hoa Hội] 21:02 19-08-2008
theme bị che nên mình không nhìn rõ theme
Nói chung blog bạn tạo cảm giác mát mẻ và thoải mái vì màu xanh nhạt mà
À mà bạn bao tuổi vậy
RikG21:12 19-08-2008
[Đông Thành Chủ]Nguyên Hoả[Đào Hoa Hội] 20:15 19-08-2008
Vì thực ra bạn góp ý rất đúng ý đồ của mình
Mình rất vui vì giờ mới có người nhận xét đúng ý mình hầu như mọi người mới chỉ nhìn thấy cái bề ngoài (trừ mấy bác dân chuyên nhà mình
Sau chuyến này nhóm Classical Four sẽ cho ra đời bộ theme mới phong cách cổ điển và hiện đại
My life is design -My love is design -My dream is design
RikG20:48 19-08-2008
P/s: cái theme của mình đủ tiêu chuẩn chưa nhỉ ?
Noa 12:31 19-08-2008
RikG12:33 19-08-2008
benaicon122 11:53 19-08-2008
RikG12:21 19-08-2008
manh_nvm 02:43 19-08-2008
RikG12:20 19-08-2008
Noa 14:31 18-08-2008
#user_mod_1000x .rc_bd .rc_bc .bd .user-mod-holder {height:300px;}
Đoạn này là set kích thước mặc định ban đầu, độ cao của module sẽ đúng bằng kích cỡ này cho dù nội dung bên trong nó có dài như thế nào đi nữa.
#user_mod_1000x .rc_bd .rc_bc .bd .user-mod-holder:hover {height:auto;}
Đoạn này là tác dụng khi di chuột vào module, thì nó sẽ hủy bỏ giá trị height đã được cố định sẵn ở trên để trả về kích thước gốc, tức là phụ thuộc độ dài của nội dung bên trong module.
Code height:auto chỉ nên dùng trong trường hợp giá trị chiều cao thật sự của đối tượng lớn hơn so với kích thước được cố định bằng CSS. Nếu chưa hiểu rõ tác dụng mà cứ dùng tùy tiện, sẽ dễ gây ra các tác dụng phụ. Như cái module bài viết hiện giờ của cậu, có mỗi chữ "s", cho nên chiều cao của nó chỉ cỡ một dòng, tức là nhỏ hơn nhiều so với cái giá trị mặc định cậu đặt ra là height:194px. Vì thế, khi di chuột vào, module tự trả về kích cỡ gốc, tức là chỉ bằng 1 dòng < kích thước mặc định --> kích thước module bị thu hẹp lại, mà khi bị thu hẹp lại thì vị trí con chuột hiên tại nó lại nằm ngoài module --> tác dụng của code :hover bị mất --> module lại trở về kích thước mặc định --> vị trí con trỏ chuột lại nằm trong phạm vi module --> code :hover lại có tác dụng --> kích thước module lại bị thu hẹp --> code :hover mất tác dụng --> ....
Cứ thế lập đi lập lại mãi, làm cái module nháy lên nháy xuống đến là buồn cười
Àh còn cá vụ giới hạn code của module tự tạo không biết là bao nhiêu
RikG12:20 19-08-2008
Ờ, thì chú cứ để chế độ xem html bài Danh Sách Bài Viết của tớ thì biết nó dài cỡ nào. Sơ sơ 1000 dòng thôi, không nhiều đâu
D.P.T 13:24 18-08-2008