Bài mới nhất

Sửa Đóng
Thư mục: 360 Plus |
Đăng ngày: 11:30 18-08-2008

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:

  • Lựa chọn tốt nhất hiện nay cho nhiều bạn đó là làm Articles List loại 1.
  • Bài này tớ nằm thao thức cả đêm để tìm ý trình bày, đến tận hơn 10h khuya mới bắt đầu lim dim đi ngủ. Coi bộ bị nghiện blog nặng rồi. Nói như bác Noa cũng đúng, chắc nhà nước ta phải đề ra một bộ luật giới hạn blogging 5 giờ/1 ngày quá 
  • 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

    Báo cáo

    RikG21:12 19-08-2008

    Mình mới 15. Năm nay lên lớp 9 Vừa mới viết entry về em gái. Qua xem ủng hộ tớ nhé !
  • Không mình hoàn toàn không giận trái lại mình rất vui.
    Vì thực ra bạn góp ý rất đúng ý đồ của mình (nói có vẻ điêu điêu nhỉ) mình làm blog toàn màu đỏ và nền đen nên gây hiệu ứng ngược lại cho người xem đó là cảm giác chói mắt bởi màu đỏ-thể nào ban giám khảo và người xem về cũng phải tra Viroto(tuy màu đỏ là màu của sự nổi bật) .À bạn bảo lung linh ở đây chắc là toàn blog đó hả đúng màu đỏ  của chữ + thêm lung linh lại hơi gây phẩn cảm với chính mình (người thiết kế).
    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 .Hì car nhà chờ xem nhá
    My life is design -My love is design -My dream is design (theo bloodrose)
    Báo cáo

    RikG20:48 19-08-2008

    Rất mong được kết bạn với cậu. Nhớ làm theme mới hoành tráng nhé. Ủng hộ hết mình
    P/s: cái theme của mình đủ tiêu chuẩn chưa nhỉ ?
  • Báo cáo

    Noa 12:31 19-08-2008

    Xem hôm qua rồi... code dài chắc do cậu dình chương trình thứ 3 để biên soạn cái danh sách đấy phải ko? Code tự sinh ra nhiều quá. Mỗi dòng lại set inline-style mà ko dùng class để set chung, cho nên nó dài .
    Báo cáo

    RikG12:33 19-08-2008

    Thì dùng excel đó >.<
  • Báo cáo

    benaicon122 11:53 19-08-2008

    uh, 2, cái danh sách bài viết thì mìng ko cần đâu hihihi rắc rối wá
    Báo cáo

    RikG12:21 19-08-2008

    Mặc dù có rắc rối thật nhưng mà nên làm vì lợi ích lâu dài
  • Báo cáo

    manh_nvm 02:43 19-08-2008

    ngày mới vui vẻ nha nhox
    Báo cáo

    RikG12:20 19-08-2008

    Ờ, thanks nhá
  • Báo cáo

    Noa 14:31 18-08-2008

    Code ko có vấn đề, vấn đề là sử dụng chưa đúng cách .
           #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 ? Mấy cái module của tớ code cái nào cũng dài, nhất là vừa rồi khi cải tiến cái Q.Menu, dài gần 200 dòng code nhưng vẫn chưa thấy bị giới hạn gì... Ko hiểu cậu chèn những cái gì mà đến mức giới hạn của nó kia .
    Báo cáo

    RikG12:20 19-08-2008

    Xóa module thử nghiệm đó rồi
    Ờ, 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 =>
  • Báo cáo

    D.P.T 13:24 18-08-2008

    Ợ lại còn giấu nghề nữa

Xem thêm

Thư mục

Xem ngày tháng

S M T W T F S
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28