TỔNG HỢP TOÀN BỘ CODE CƠ BẢN VÀ NÂNG CAO CHO BLOG YAHOO! ( UPDATE 2)
11:40 16 thg 5 2012Công khai8527 Lượt
Nguồn trích từ
 
Chào các bạn với mình nhận được rất nhiều ý kiến đóng góp của các bạn. Hôm nay mình xin tổng hợp update CSS cho blog yahoo mới rất mog được sự ủng hộ của các bạn.
Viết blog là sở thích, có người thích chia sẻ cảm xúc, có người lại muốn giấu cảm xúc vào blog. Mình tin rằng blog giống như ngôi nhà thứ 2 của bạn vậy, hầu hết ai ai cũng muốn làm đẹp song lại ko biết phải làm thế nào???
Lấy theme mà các bạn tốt bụng share làm nhà cho mình cũng là một cách, song nó ko thể hiện được hết cá tính của chủ blog.
Theo mình blog đẹp cần sự phối hợp của
Code + photo + Flash + Color.
Code sẽ là phần cứng giống như cái khung. Có code rồi các bạn tùy biến code bằng cách chèn ảnh, them màu, tạo viền…….
Blog có quá nhiều chữ quả là nhàm chán, để blog sinh động hơn các bạn nên tối đa hóa bằng ảnh, kết hợp ảnh tĩnh và ảnh động.
Để các bạn chủ động hơn trong việc tùy biến code mình hướng dẫn đơn giản về 2 thuộc tính cơ bản của CSS được sử dụng trong code là “ Background-nền” , “Text-chữ” và “hover- hiệu ứng”
+ Thuộc tính background là quan trọng nhất bên trong nó có thể thêm thắt nhiều thuộc tính khác.
Mình lấy 1 ví dụ rồi phân tích:

Cơ bản của text là color; font-family, font-size; font-style
Color:mã_màu
Font-family: kiểu font bạn sử dụng như  Time New Roman,   Arial,   Palatino Linotype
Font-style: là kiểu chữ  :  italic là nghiêng  bold là đậm muốn thêm cả 2 thì ngăn cách nhau bằng dấu “phẩy”          italic,bold
;Text-decoration: blink;   thêm dòng này để cho chữ của bạn sẽ nhấp nháy
Cách viết gọn code trên như sau

 
>>> các thuộc tính ngăn cách nhau bằng dấu “; “ chấm phẩy  <<
 
Trong CSS:
Sau dấu # là tên ID và sau dấu . là class. 1 ID chứa nhiều class.
VD:
#widget-statistic .hd {background:transparent ;}
#widget-statistic .bd {background:transparent ;}
#widget-statistic là ID
.hd và .bd là các class của ID  #widget-statistic
 
Lưu ý: tất cả các ID và class đều  có thể thêm background.
VD
khi bạn bấm vào chữ “kết bạn” với 1 blog nào đó bình thường nó ra khung màu trắng. nhưng mình biết ID và class của nó mình vẫn thêm được