Bạn ghé thăm diễn đàn lần đầu? hãy đăng ký ngay bây giờ để tham gia.
  • Đăng nhập:

Chào mừng bạn đến với ITVNN FORUM - Diễn đàn công nghệ thông tin.

Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần Hỏi/Ðáp để biết cách dùng diễn đàn. Để có thể tham gia thảo luận bạn phải đăng ký làm thành viên, click vào đây để đăng ký.


  • Partner Area
    • Chương trình khuyến mãi khi chuyển dịch vụ về 123HOST Việt Nam Anh Hùng - Thông tin truyền thông
kết quả từ 1 tới 2 trên 2
Tăng kích thước phông chữ Giảm kích thước phông chữ
  1. #1
    hackerkinhcan_lha's Avatar

    Trạng thái
    Offline
    Họ tên
    Phan Thanh Tâm
    Tham gia ngày
    Sep 2009
    Thành viên thứ
    2
    Giới tính
    Bài gởi
    136
    Level: 35 [?]
    Experience: 752,712
    Next Level: 824,290
    Cảm ơn 9
    Cảm ơn 17 lần / 14 Bài viết

    Default Tạo dòng chữ thông báo trong ô viết nhận xét  

    Tạo dòng chữ thông báo trong ô viết nhận xét



    Đã có không ít bạn hỏi tôi về cách tạo dòng thông báo trong ô viết nhận xét như trên Blog Thường Minh™. Tôi cho rằng cái này không cần thiết cho lắm nhưng cũng có thể nó sẽ tạo phong cách riêng cho bạn hay chí ít là để thoả mãn sự tìm tòi, sáng tạo của các bạn. Đó là lý do khiến tôi viết bài này! Hy vọng bài viết sẽ có ích cho các bạn!


    Về bản chất, dòng thông báo trong ô comment đó không phải là text mà nó là một file ảnh. Nhưng vì file ảnh đó có màu giống với màu nền nên các bạn có cảm giác nó như là text. Để bắt đầu bạn hãy tạo ra một file ảnh với nội dung theo ý của bạn tương tự như file ảnh phía dưới của tôi nhé!


    Kích thước file ảnh này chỉ nên bằng hặc nhỏ hơn kích thước của ô viết nhận xét. Bạn có thể lưu nó dưới bất cứ cái tên nào, ở đây, tôi đặt tên nó là content_remind.jpg.

    Bước tiếp theo phức tạp hơn, bạn phải thêm code vào skin. Trước tiên, hãy mở file styles.css trong skin ra, tìm tới đoạn:
    .commentbox-font

    Thêm vào ngay phía dưới đoạn này nội dung sau:
    .comment_remind{ background: transparent url('images/content_remind.jpg') 0px 0px no-repeat; color: #666; } .comment_remind_a{ padding: 3px; background: #FFF; color: #666; } .comment_remind_b{ }

    Tiếp tục mở file elements.php, tìm tới dòng:
    <textarea name="v_content" id="v_content"

    Thay cả dòng đó bằng đoạn sau:
    <textarea name="v_content" id="v_content" cols="44" rows="10" class="comment_remind" onblur="this.className='comment_remind_b'" onkeydown="ctrlenterkey(event);" onfocus="if (securitycodejs!=null) {document.getElementById('showsecuritycode').inner HTML=securitycodejs; securitycodejs=null;} this.className='conmment_remind_a'"></textarea> <span id="showsecuritycode"></span>

    OK! Bây giờ bạn hãy upload file ảnh cùng file styles và file elements lên host rồi chờ xem kết quả nhé!

    Chúc các bạn thành công!
    Nguồn Blog Thuongminh

  2. #2
    bavuongduongpho's Avatar

    Trạng thái
    Offline
    Họ tên
    Nguyễn Quốc Đại
    Tham gia ngày
    Sep 2009
    Thành viên thứ
    73
    Đến từ
    http://kenh76.vn/
    Tuổi
    33
    Giới tính
    Bài gởi
    690
    Level: 44 [?]
    Experience: 3,818,338
    Next Level: 4,297,834
    Cảm ơn 236
    Cảm ơn 323 lần / 146 Bài viết

    Default

    mình ko thấy đoạn này:
    .commentbox-font


 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Trả lời: 1
    Bài mới gởi: 05-08-2024, 01:42 PM
  2. Trả lời: 0
    Bài mới gởi: 13-07-2015, 01:59 PM
  3. Trả lời: 0
    Bài mới gởi: 16-08-2011, 10:56 AM
  4. cho hỏi cách sữa ranks trong chatbox như trong hình.
    By yang in forum Hỏi đáp & Thảo luận
    Trả lời: 3
    Bài mới gởi: 27-05-2011, 12:35 PM
  5. Trả lời: 0
    Bài mới gởi: 16-01-2010, 01:05 AM

Tags for this Thread

Bookmarks

Quuyền Hạn Của Bạn

  • Bạn không thể tạo chủ đề mới
  • Bạn không thể trả lời bài viết
  • Bạn không thể gửi file đính kèm
  • Bạn không thể chỉnh sửa bài viết
  •