Các bài viết vào Tuesday 22nd December 2009

CSS

Dec 22 2009, 12:15 AM Bởi: gioidinhhue

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/o...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.

Permalink | Bình luận: 0

Trả lời ở chế độ đầy đủ

« Các bài cũ hơn · Niệm Phật Vãng Sanh · Các bài mới hơn »

Thông tin cá nhân

gioidinhhue

Họ tên:	Nguyên Bảo
Nghề nghiệp:	Amidaphat
Sinh nhật: :	24 Tháng 7 - 1985
Nơi ở:	Vn
Yahoo:	gioidinhhue1985
Trạng thái:	(Vắng mặt)