Thủ thuật, CSS Ngày 28/11/2021 6805 lượt xem

Cách thêm hình cho tab trong flatsome

trong một số trường hợp các bạn cần thêm hình cho tab trong flatsome để cho web sinh động và đẹp hơn , Hôm nay mình sẽ…

Lê Anh Đông Lê Anh ĐôngFlatsome trên Google News

Cách thêm hình cho tab trong flatsome

trong một số trường hợp các bạn cần thêm hình cho tab trong flatsome để cho web sinh động và đẹp hơn , Hôm nay mình sẽ chỉ bạn thêm hình cho tab để web bạn lung linh hơn nhé.

Cách thêm hình cho tab trong flatsome

Để thêm hình vào tab bạn chỉ cần build vào web . sau đó bạn thêm tab bình thường vào web chọn Style : simple

Cách thêm hình cho tab trong flatsome
Cách thêm hình cho tab trong flatsome

Sau đó cho css sau vào :

Giải thích 1 chút về code Css sau : 

.col-inner ul li:nth-child(1).tab <= số 1 là số thứ tự trong TAB đó , nếu bạn có nhiều hơn 3 TAB cứ đặt tiếp là 4 ,5,6 .. và tiếp thôi.

Nhớ change hình
/wp-content/uploads/2021/11/1.png

/wp-content/uploads/2021/11/2.png

/wp-content/uploads/2021/11/3.png

Thành hình của bạn muốn úp lên nhé .

 

Sau khi thêm xong lưu lại và xem kết quả nhé

Cách thêm hình cho tab trong flatsome
Cách thêm hình cho tab trong flatsome

Nếu bạn làm ko được bạn có thế để lại bình luận mình có thể giúp nhé

Chúc bạn thành công

Điểm 5/5 - ( Có 3 bình chọn)

Có Nhận xét cho "Cách thêm hình cho tab trong flatsome"

  1. Pingback: Cách thêm hình cho tab trong flatsome - FLATSOME - FREE EVERY THING

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *