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

      Ngày thứ 4 : Share emoticon nhí nhảnh

      Thư mục: Y!360 Plus |
      Quan trọng
      Đăng ngày: 07:05 01-10-2008


      Her ... her ... Simplex lại gặp mọi người tiếp để share Code CSS đây ...


      Lần này sẽ là gì nhỉ ? .... một bộ emoticon cho module tâm trạng (#mod_lifeline) ... phần entry này sẽ hướng dẫn bạn cách thay đổi emoticon bằng code CSS và có cả một vài mẫu để cho bạn lựa chọn.

      Về phần background, mình chỉ mới share 210 cái thôi .... mình sẽ share tiếp trong bài viết tới ... ngày thứ 5 ... phần này sẽ có nhiều background pro hơn cho các bạn trang trí blog của mình .... các bạn đón xem nhé ...


      Trong bài viết này có 3 phần.
      Phần I       : Lưu ý trước khi thực hiện.
      Phần II : Code CSS
      Phần III : Giải thích Code CSS & tùy biến
      Phần IV : Link của       những emoticon


      Simplex xin nói trước là những emoticon này do Simplex lượm được từ những blog khác. Ai là chủ nhân tạo ra nó thì la lên 1 tiếng ... simplex add link vào ngay. Nếu bạn chứng minh đc emoticon do chính bạn vẽ và yêu cầu remove thì mình sẽ thực hiện ngay thôi .... ... không thành vấn đề


      Ok .... bắt đầu thôi ... dzô ...



      Phần I : Lưu ý trước khi thực hiện

      - Sao lưu lại toàn bộ code CSS mà bạn đang có (mở Notepad và dán vào đó rồi save lại)
      - Nếu bạn đang sử dụng Code CSS cho emoticon của blog thì bạn hãy xóa nó đi (chỉ xóa phần code liên quan thôi, không cần xóa hết đâu)
      - Nếu bạn không biết về CSS. Đừng thay đổi code làm sẵn trong bài viết này. Chỉ cần thay link, copy và paste
      - Simplex hoàn toàn không chịu trách nhiệm nếu bạn bị mất Code CSS trước đó do bạn tạo ra.
      - Vui lòng để link đến Blog Simplex nếu bạn lấy một phần hoặc toàn phần bài viết này.
      - Đọc kỹ hướng dẫn sử dụng trước khi dùng


      Phần II : Code CSS


      #mod_lifeline .list td a.blog_emo_25_1{background:url(Link Hình1) no-repeat 0 0;}
      #mod_lifeline .list td a.blog_emo_25_2{background:url(Link Hình1) no-repeat 0 -25px;}
      #mod_lifeline .list td a.blog_emo_25_3{background:url(Link Hình1) no-repeat 0 -50px;}
      #mod_lifeline .list td a.blog_emo_25_4{background:url(Link Hình1) no-repeat 0 -75px;}
      #mod_lifeline .list td a.blog_emo_25_5{background:url(      Link Hình1) no-repeat 0 -100px;}
      #mod_lifeline .list td a.blog_emo_25_6{background:url(      Link Hình1) no-repeat 0 -125px;}
      #mod_lifeline .list td a.blog_emo_25_7{background:url(      Link Hình1) no-repeat 0 -150px;}
      #mod_lifeline .list td a.blog_emo_25_8{background:url(      Link Hình1) no-repeat 0 -175px;}
      #mod_lifeline .list td a.blog_emo_25_9{background:url(      Link Hình1) no-repeat 0 -200px;}
      #mod_lifeline .list td a.blog_emo_25_10{background:url(      Link Hình1) no-repeat 0 -225px;}
      #mod_lifeline .list td a.blog_emo_25_11{background:url(      Link Hình1) no-repeat 0 -250px;}
      #mod_lifeline .list td a.blog_emo_25_12{background:url(      Link Hình1) no-repeat 0 -275px;}
      #mod_lifeline .list td a.blog_emo_50_1{background:url(      Link Hình2) no-repeat 0 0;}
      #mod_lifeline .list td a.blog_emo_50_2{background:url(      Link Hình2) no-repeat 0 -50px;}
      #mod_lifeline .list td a.blog_emo_50_3{background:url(      Link Hình2) no-repeat 0 -100px;}
      #mod_lifeline .list td a.blog_emo_50_4{background:url(      Link Hình2) no-repeat 0 -150px;}
      #mod_lifeline .list td a.blog_emo_50_5{background:url(      Link Hình2) no-repeat 0 -200px;}
      #mod_lifeline .list td a.blog_emo_50_6{background:url(      Link Hình2) no-repeat 0 -250px;}
      #mod_lifeline .list td a.blog_emo_50_7{background:url(      Link Hình2) no-repeat 0 -300px;}
      #mod_lifeline .list td a.blog_emo_50_8{background:url(      Link Hình2) no-repeat 0 -350px;}
      #mod_lifeline .list td a.blog_emo_50_9{background:url(      Link Hình2) no-repeat 0 -400px;}
      #mod_lifeline .list td a.blog_emo_50_10{background:url(      Link Hình2) no-repeat 0 -450px;}
      #mod_lifeline .list td a.blog_emo_50_11{background:url(      Link Hình2) no-repeat 0 -500px;}
      #mod_lifeline .list td a.blog_emo_50_12{background:url(      Link Hình2) no-repeat 0 -550px;}


      .mod-alist-full .main-hd h1 em,
      .mod-alist-titlebar-1 h2 a em,
      .mod-alist-titlebar h2 a em,
      .mod-alist-brief table a em,
      #myblog-article-compose
      #mood li em{background:transparent url(Link Hình1) no-repeat;}




      - Bạn thay       Link Hình 1 và  Link Hình 2 bằng một trong những link liệt kê trong phần IV
      - Bạn nên chọn link hình cùng loại.       Link Hình 1 là biểu tượng nhỏ, Link Hình 2 là biểu tượng lớn
      - Nếu trong phần code của bạn đã có đoạn giống phần code trên thì bạn hãy xóa nó trước khi copy và dán vào.




      Phần III : Giải thích Code CSS & tùy biến

      phần này update sau ... hix ... chưa "quởn" (rảnh) để làm




      Phần IV : Link của Emoticon
      - Bạn lấy một trong những link dưới đây thay vào phần Link Hình 1 và  Link Hình 2 của code CSS
      - Nên sử dụng cùng loại. Loại nào có số 50 cuối cùng thì sử dụng cho link hình 2.
      - Nếu có link nào chết thì comment cho mình.       


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang04-50.gif


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang04.gif


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang06-50.jpg


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang06.jpg


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang07-50.jpg


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang07.jpg


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang08-50.png


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang08.png


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang09-50.png


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang09.png


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang10-50.png


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang10.png


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang11-50.png


      Simplex Blog
      http://i457.photobucket.com/albums/qq297/simplexshare02/emoticonblog/tamtrang11.png
      Simplex sẽ update thêm nếu có tạo ra cái mới hoặc chôm đc đâu đó
      (Vui lòng không sửa đổi khi lấy bất kỳ phần nào từ entry này. Nhớ để link đến blog Simplex nhé)


      By Simplex Blog



      Các bài viết khác :
      Ngày thứ 1 : Share Module Cột Nhỏ
      Ngày thứ 2 : Share background cực cool (phần 1)
      Ngày thứ 3 : Share background cực cool (phần 2)
      Share Theme màu tím cá tính (KEM's Blog)
      Đồ chơi cho người khoái Comment (Part 1)
      Thay đổi menu có sẵn trên cùng của Blog

      Trích dẫn (0)
      Tìm tag: Simplex Blog, CSS Code, Plus Emoticon, 360 Plus, Blog Plus, Share theme
      Tổng cộng 18 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.