Trang chủ Blog | Các câu hỏi thường gặp | Yahoo! Việt Nam

      Bài mới nhất

      Sửa Đóng
      Bài viết Tìm bài viết:
      Trích dẫn Báo cáo

      [360Plus Medium] Làm quen và nhận biết code CSS và HTML

      Thư mục: Yahoo! 360Plus |
      Quan trọng
      Đăng ngày: 14:00 09-08-2009



      Bài trước : [360Plus Basic] Thay đổi profile, avatar, tên blog, blast, friendlist


      Hôm nay chúng ta sẽ bắt đầu phần nhiều bạn quan tâm nhất đối với lớp học Plus : 360Plus Medium gồm cách thay theme, thay nền, chèn icon và nhiều thứ khác.  Và yêu cầu quan trọng nhất khi học phần này là phải biết cách nhận biết code CSS và sử dụng CSS.

      Trong tin học, các tập tin định kiểu theo tầng – dịch từ tiếng Anh là Cascading Style Sheets (CSS) – được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML. Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùng cho XML, SVG, XUL v.v...
      Trích từ Wikipedia : http://vi.wikipedia.org/wiki/CSS

      Nói chung CSS sẽ là code ta dùng để chỉnh sửa theme blog cho đẹp theo ý muốn, quan trọng là bạn cần biết đâu là code CSS và nơi để CSS trong Plus. Ở module BlackBox ấn nút Thiết kế



      Một bảng nhỏ hiện ra, ấn chữ Theme



      Ở bảng hiện ra đánh dấu chọn ở mục Chế độ tự chỉnh sửa rồi ấn nút Tiếp



      Bảng chỉnh sửa theme hiển thị



      Kéo thanh trượt để hiện khung CSS, cho code vào khung này rồi ấn nút Xong



      Khi đó blog sẽ được hiển thị theo code CSS ta đưa vào, nếu code sai thì code sẽ không được hiển thị nhưng vẫn còn ở khung CSS này không mất đi. Hiện tại code CSS cho Plus được chia sẻ nhiều trong cộng đồng, bạn có thể dễ dàng tìm kiếm code mình cần. Ví dụ một code cơ bản :

      .col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar {background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/1.png) repeat-x left top;}

      Các code cho CSS cho Plus nói riêng thường bắt đầu bằng một tên gọi của module hay một thành phần của module, tiếp theo là dấu { và các tính chất về phông chữ, nền, vị trí ..., các code hầu hết đều kết thúc bằng dấu }. Ngoài ra đối với code CSS, những chữ nằm giữa hai dấu /* và */ sẽ không được hiển thị và áp dụng. Lợi dụng tính chất này đôi khi các code có kèm phần chú thích. Ví dụ có chú thích:

      /* Phan Chu Module Binh Luan Moi Nhat */
      #comment_new h2{color:#0000FF;} /* Tieu De */
      #comment_new strong{color:#FF00FF;} /* Bai Viet Co Comment */
      #comment_new li{color:#DE23F2;} /* Thoi Diem Comment */
      #comment_new li a{color:#5490FA;} /* Noi Dung Comment & Nick Comment */

       Mặt khác bạn cũng cần phân biệt được code CSS và code HTML. Đối với Plus nói riêng thì HTML chỉ áp dụng để chèn hình vào module tự tạo, chèn Flash, chèn nhạc ... Những phần đó sẽ được nói đến ở phần 360Plus Good. Một ví dụ về code HTML chèn nhạc:

      <embed type="application/x-shockwave-flash" AllowScriptAccess='never'  src="http://img199.imageshack.us/img199/3704/flashplayerolpblog.swf?file=http://www.nhaccuatui.com/GetMusic.ashx?key=001800320024002c003400260014007100030012&displayheight=200&backcolor=0xFFFFFF&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&showeq=true&showfsbutton=true&autostart=true&repeat=true&shuffle=false&showdigits=true&volume=100" width="100%" height="200">


       Nếu bạn để ý thì có thể dẽ dàng nhận biết là trong code HTML có những dấu < và > mà trong code CSS không hề có. Tạm thời bạn cứ coi đó là đặc điểm để phân biệt code CSS và code HTML đối với Plus nói riêng.


      Bài tiếp theo : [360Plus Medium] Dàn trang, thêm, xóa các module và chọn theme có sẵn cho Plus


      Trích dẫn (0)
      Tìm tag: 360Plus Medium, Code, CSS, HTML
      Tổng cộng 8 lời bình
      Lời bình mới

      Bài viết về bạn hoặc có tag tên bạn:

      • Chưa có bài nào có liên quan.

      Người đăng ký yêu thích blog này cũng đồng thời thích:

      • Chưa có blog yêu thích nào có liên quan.