12H you will stay in my heart !!!...

Happy New Year 2010!!!!!!!!!!!!!


    Hướng dẫn cơ bản tạo Blog bằng CSS

    Share

    Admin
    Admin
    Admin

    Nữ
    Tổng số bài gửi : 399
    Age : 26
    Đến từ : Your Dream ...
    Registration date : 13/04/2008

    Hướng dẫn cơ bản tạo Blog bằng CSS

    Bài gửi by Admin on 11/1/2010, 1:01 am

    Các bạn thân mến Yahoo Plus mới đc xây dựng trên nền của code CSS với ưu điểm tạo đc nhìu giao diện đẹp ,cách trang trí phong phú đa dạng .Nhưng cũng gây không ít khó khăn cho những thành viên mới gia nhập vào giới blogger vì phải thực hiện nhiều thao tác với các code


    Entry này mình viết riêng cho các bạn mới bắt đầu làm quen với plus ! Cung cấp cho các bạn nền tản cơ bản cho blog của mình !


     


    Bước thứ nhất mà các blogger cần làm là ????


    Chắc có bạn sẽ thắt mắc code & CSS là gi ? xin trả lời theo cách hiểu riêng của mình trong phạm vi Plus như sau :



    CODE : là những đoạn mã đc viết ra với mục đích tạo lệnh thực cho cách thao tác trên plus theo ý muốn của bạn


    CSS : là một định dạng do yahoo plus cung cấp ---công dụng chứa & lưu trữ các code ,thực hiện các lệnh từ code


    Làm thế nào để mở CSS và đưa code vào


    Đầu tiên trên thanh công cụ bạn nhấn vào liên kết "Thiết kế"------> nhấn chọn vào "Theme"---------> chọn "Chế độ tự chỉnh sửa"--------> nhấn " Tiếp"--------> 1 cửa sổ hợp thoại mới mở ra



    trong này sẽ có 4 mục chính : Toàn Bài , Modun Chính , Modun Phụ & CSS


    ở Toàn Bài , Modun Chính , Modun Phụ : các bạn có thể tùy chỉnh màu sắc :chữ ,link,màu nên cho blog


    Tại CSS chính là nơi bạn cần bỏ CODE vào đấy


    Bạn sắp xếp tất cả các code vào phần CSS này , mỗi một lệnh sẽ có một code khác nhau để thực hiện


    Ví dụ code dưới đây là code tạo ảnh nền toàn trang cho blog chỉ cần thay link ảnh vào là dùng đc rùi .


    bạn cho đoạn code này vào CSS sau đó ấn vào nút " XONG " để thực hiện thao tác


    cứ như thế với c ác lệnh khác bạn làm tượng tự cho code  mới vào kế tiếp theo code củ trước đó ( chú ý giua các code bạn nên tao cho chúng 1 khoảng cách ,tránh gây nhầm lẫn & khó chỉnh sửa )






    body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date , body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#80c6c6 url(link ảnh nền thay vào đây) repeat fixed center;}


        CODE nền tiêu đề các mođun

     






    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(
    linhk ảnh);}             


     

    code cho nền và màu chữ module:





     .col-150 .rc_bd  .rc_bc .bd, .col-600 .rc_bd  .rc_bc .bd, .row-920 .rc_bd  .rc_bc .bd {background:transparent url(link anh);color:#000;}


     

    CODE tạo đường viền toàn blog 


     






       #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(duong vien phia tren) repeat-x right bottom;}
    #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(duong vien goc ben trai) no-repeat left top;}
    #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(duong vien ben phai) repeat-y right top;}
    #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(duong vien ben trai) repeat-y left top;}
    #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(duong vien ben goi) repeat-x right top;}
    #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(duong ven goc ben phai) no-repeat left bottom;}




    Nguồn: Rain's Blog


    _________________


      Hôm nay: 11/12/2016, 7:15 am