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

      Tổng hợp Yplus update

      Thư mục: Tổng hợp |
      Quan trọng
      Đăng ngày: 10:07 12-07-2008

      Miss Venezuela
      Miss Venezuela tại Hà Nội. Ảnh: Hoàng Hà.

      {Hình ảnh không liên quan đến bài viết này}

      Trong những ngày qua tui có tham khảo một số trang blog chuyên viết về các thủ thuật blog và tôi cũng đã nhặt nhạnh, tìm kiếm đào bới để cho ra một lô các thủ thuật blog, các bài hướng dẫn ngắn gọn mà vẫn hiểu được với những ai đã bit rùi. he he, còn những ai chưa bit thì tui mới muốn giới thịu cho các bạn đó.

      Hẳn những bạn mới chập chững bước vào thế giới blog cung không ko khỏi thấy khó khăn, mệt mỏi với các CSS khó hỉu, chính vì tôi xin mạn phép các blogger được cập nhập và tổng hợp các CSS cho những bạn mới tập làm blog

      Đổi Icon cho các Module có sẵn 

      Thời gian vừa rồi,nhiều bạn hỏi cách thay đổi icon cho các module có sẵn,icon trong tiêu đề thư mục và các bài viết mới,không phải icon trên tiêu đề thư mục. Sau đây sẽ trình bày cho các bạn một thủ thuật nâng cao của Yahoo Plus

      A: Code CSS

      1.Thay icon cho Module "Thư mục riêng":

      Code:

      #folder .bd ul li  {background:transparent url(URL ảnh) no-repeat left top;}

      2.Thay icon cho Module "Bình luận mới nhất":

      Code:

      #comment_new .bd ul li  {background:transparent url(URL ảnh) no-repeat left top;}

      3.Các thư mục khác mình sẽ update sau nha

      B:Cách làm:

      1.Thay cái URL ảnh kia bằng URL icon của bạn (Icon bạn có thể tim trên google,nên chọn ảnh động cho đẹp và kích thước nên là 13x13px)

      2.Chèn code vào trong "Thiết kế/Theme/Chế độ tự sửa/CSS" nha.

      3.Một số Icon mẫu (Sẽ cập nhật sau):

       

      Trích nguồn: [co0l.l0ve'sblog,Noa,vunguyen,[W].Dephia,[ Phương_PrinCesS ] ™ ]

       

      Code hình nền cho các Module (CSS)

       
      Tổng hợp các Code dùng để thay đổi nền các Module cho Blog của bạn
       
      Ảnh nền Bảng tin nhắn
      Code:
      BODY.guestbook {BACKGROUND:url(URL ảnh) #000000 fixed;}
      Ảnh nền của bộ đếm Statistic
      Code:
      #statistic .bd {background:#FFFFFF url(URL ảnh);}
      Ảnh nền của phần comments
      Code:
      #comment_new .bd {background:#FFFFFF url(URL ảnh);}
      Ảnh nền của phần Thư mục
      Code:
      #folder .bd {background:#FFFFFF url(URL ảnh);}
      Ảnh nền của phần lịch
      Code:
      #calendar .bd {background:#FFFFFF url(URL ảnh);}
      Ảnh nền của trang Profiles
      Code:
      BODY.profile_view {BACKGROUND:url (URL ảnh) #000000 fixed;}

       

      Đoạn code dưới đây là trang trí nền cho module,nó hơi khác code ở phía trên một chút,gồm 1 ảnh Top ở trên, một ảnh Bottom ở dưới và màu ở giữa ( ở ví dụ này màu ở giữa có mã màu: #653e16 )

      /* Hình nền cho blog (theme) hiện tại chỉ làm được 1 mãnh và cho tràn khắp màn hình, cuộn */

      BODY.blog_my {BACKGROUND:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/themenen07.jpg) #000000 fixed;}

      /* Chèn hình nền cho cái module thông tin cá nhân bao gồm avartar */

      #profile_highlight_module .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #profile_highlight_module .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

      /* Chèn hình nền cho module fiendlist */

      #friendlist_module .rc_bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #friendlist_module .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

      /* Chèn hình nền cho module Bài Mới */

      #article_new .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #article_new .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

      /* Chèn hình nền cho module Thư Mục Riêng*/

      #folder .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #folder .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

      /* Chèn hình nền cho module Comment mới*/

      #comment_new .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #comment_new .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

      /* Chèn hình nền cho module Thống Kê của plus*/

      #statistic .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #statistic .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

      /* Chèn hình nền cho module Blog yêu thích*/

      #subscribe_highlight .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #subscribe_highlight .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

       

      /* Chèn hình nền cho module Lịch*/

      #calendar .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #calendar .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

      Chèn hình nền vào Module tự tạo

      -Các Module tự tạo sẽ có số từ 10001->10010,tuỳ theo đó là Module thứ mấy mà các bạn điền số thích hợp.

      VD:

      /* Chèn hình nền cho module Online (cái module tự tạo thêm có số 10001 -> 10010)*/

      #user_mod_10001 .rc_bd .rc_bc{background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

      #user_mod_10001 .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

      Lưu ý: Các bạn thay cái URL ảnh bằng ảnh của bạn,hoặc bạn có thể nhấn vào đây để tìm ảnh nền phù hợp cho bạn .

       (bài viết có tham khảo TrangHa'sblog, co0l.l0ve'sblog  và  vunguyen'sblog)

       

      Share Theme : Em về tinh khôi (theme360free)

      Code :

      /* Design by 360themesfree  */

      #blast A, #blast A:hover{}
      body{background:#EEE1C7;}

      #doc2, #doc{background:#EEE1C7 url(http://us.f4.yahoofs.com/lifestory/LIrlj4OGGBLWDxReO__DOT__i2Q5ZlinQ-_1/blog/20080514022346976.jpg?TTA6MLIBGgi6HlNG) no-repeat center top;}

      #bd{background:transparent url(http://us.f4.yahoofs.com/lifestory/LIrlj4OGGBLWDxReO__DOT__i2Q5ZlinQ-_1/blog/20080514022627431.jpg?TTA6MLIBX8OA9n1o) no-repeat center bottom;}

      /* nền các module */
      .col-150 .rc_bd  .rc_bc .bd /* JW */
      {background:transparent url(http://farm4.static.flickr.com/3204/2471994961_a8c6bf576d_o.png);color:#FFFFFF;}

      /* nền header module */
      .col-150 .rc_bd  .rc_bc .hd .titlebar .hd,
      .col-150 .rc_bd  .rc_bc .hd .titlebar
      {background:transparent url(http://farm4.static.flickr.com/3279/2475487764_3be50f8159_o.png);}


      .col-150 .rc_bd  .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd  .rc_bc .hd .titlebar .hd a       
      {color:#4E4E4E;}
      .col-150 .hd .titlebar .hd a:hover   
      {text-decoration:underline;}

      .mod-alist-full .main-bd{background:transparent url(http://farm4.static.flickr.com/3204/2471994961_a8c6bf576d_o.png);}

      PS: Theme này có code đơn giản không nhiều chi tiết cầu kì nhưng rất trang nhã

      Những hình ảnh lạ mắt, đẹp, để bạn lựa chọn gửi tặng cho bạn bè

      Bạn chỉ cần search trên mạng một lúc sẽ có rất nhiều bức hình đẹp,không thể post hết lên Blog được,mình giới thiệu đến các bạn một list tổng hợp rất nhiều hình ảnh đẹp của 2T nhé,các bạn có thể chọn các hình đó để làm theme,trang trí cho Blog ....

      -Thanks bạn Migikio nhiều!
      [Anime & Mangan]



      [Animal]



      [Art]



      [3D]



      [Cartoon]



      [Design]


       

      Trích dẫn (0)
      Tìm tag: thu thuật, yahoo plus, CSS, code, icon..
      Tổng cộng 2 lời bình
      • Báo cáo

        backieuphong 09:40 16-07-2008

        hic, hien^ gio` thi` yplus dang ttrong qua' trinh` nang^ ca^p' va` thu*? nghiem^ nen^ chua cho phep' chuyen^? nhung~ entry tu` beta sang plus. co^' gang' do*i em nhe'. khi nao` co' thong^ tin thi` pac' se~ bap' lai cho em. chuc' em thanh` cong^.
      • Báo cáo

        ca' map^ 21:46 15-07-2008

        pac' ơi có cach' nào chuyển những entry ở beta sang plus hem ạ?uhm,hoặc là chuyển hoàn toàn beta thành plus dc hem?
        Báo cáo

        backieuphong09:47 16-07-2008

        hic, hien^ gio` thi` yplus dang ttrong qua' trinh` nang^ ca^p' va` thu*? nghiem^ nen^ chua cho phep' chuyen^? nhung~ entry tu` beta sang plus. co^' gang' do*i em nhe'. khi nao` co' thong^ tin thi` pac' se~ bap' lai cho em. chuc' em thanh` cong^.
      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.