Cách chèn hình ảnh vào tiêu đề trong tabs trong flatsome

Đăng bởi: Admin Mục: Wordpress Lúc: Bình luận: 0 favorite Lượt Xem: 79

Chào các bạn, tình cờ trong 1 lần va chạm sự đời là mình muốn chèn 1 hình ảnh thay cho 1 tiêu đề của 1 tabs thì mình có tìm hiểu 1 số plugin nhưng đa phần đều cho kết quả như không mong muốn, có cái thì chỉ cho chèn icon, có cái thì tính phí

Cách chèn hình ảnh vào tiêu đề trong tabs trong flatsome

Chào các bạn, tình cờ trong 1 lần va chạm sự đời là mình muốn chèn 1 hình ảnh thay cho 1 tiêu đề của 1 tabs thì mình có tìm hiểu 1 số plugin nhưng đa phần đều cho kết quả như không mong muốn, có cái thì chỉ cho chèn icon, có cái thì tính phí…Và rồi thì mình cũng đã tìm được giải pháp cho chính mình đó là dùng HTML và CSS để tạo 1 tabs và sử dụng. Và nhân thời gian thất nghiệp mình quyết định chia sẻ cho anh/em nào chưa biết cách để chèn hình ảnh vào tiêu đề trong tabs.

Ở đây mình không có dài dòng giải thích lại nó là như thế nào? Tại sao lại dùng như vậy nha, đây chỉ là 1 bài Blog chia sẻ nên mọi người cứ ráp vào và dùng. Các bước mình thực hiện.

Bước 1: Chèn đoạn mã HTML vào nơi mà mình cần tạo tabs. Mỗi tabs mình tạo cho nó 1 class riêng dùng để chèn hình riệng biệt vào đó. Class .thuonghieu1 tương ứng với nội dung của ID #tab_tab-1

Bước 2: Các bạn sử dụng đoạn CSS sau đây và chèn vào nơi chứa được CSS. Nhớ thay đổi lại link hình ảnh nha.

Bình Luận

Nội dung thông tin bình luận

Chủ nhật Thứ hai Thứ ba Thứ tư Thứ năm Thứ sáu Thứ bảy Tháng 1 Tháng 2 Tháng 3 Tháng 4 Tháng 5 Tháng 6 Tháng 7 Tháng 8 Tháng 9 Tháng 10 Tháng 11 Tháng 12