Tạo banner trượt cho web wordpress theme flatsome

Trong khiến cho web nhiều lúc khoảng không bỏ không muốn đặt cái gì đó , có 1 đoạn code html và css sẽ giúp bạn Tạo banner trượt cho web wordpress theme flatsome rất đẹp , nhẹ và có ích nhé !

Tạo banner trượt cho web wordpress theme flatsome

Xem demo sau khi đặt nhé

Tạo banner trượt cho web wordpress theme flatsome

các Tạo banner trượt cho web wordpress theme flatsome

bạn chèn vào

mang THỂ BẠN quan tâm

• Hiển thị ngày đăng và ngày sửa lần cuối cho WordPress
• Coupon mới ưu đãi 80% Hosting tại StableHost
• Phần 1 : Tổng hợp hook trong wordpress – Vị trí hook trong single product woocommerce
• Share icon box liên hệ đẹp cho theme Flatsome
• GreenCloudVPS khuyến mại KVM VPS chỉ $60 – 1.4tr/năm
• Hiển thị bài viết cùng chuyên mục trong wordpress theme

Global Settings / FOOTER SCRIPTS

chèn code này vào

<br /> <div class="banner_fix banner_fix_left" style="top: 60px;"><br /> <a href="http://tinvanphong.net/"><img alt="tinvaphong.net" src="https://binance24h.online/wp-content/uploads/2022/05/exel.jpg"></a></p> <p></div></p> <p><div class="banner_fix banner_fix_right" style="top: 60px;"><br /> <a href="http://tinvanphong.net/"><img alt="tinvaphong.net" src="https://binance24h.online/wp-content/uploads/2022/05/exel.jpg"></a><br /> </div>

một 2 3 4 5 6 7 8 9

<div class="banner_fix banner_fix_left" style="top: 60px;"> <a href="http://tinvanphong.net/"><img alt="tinvaphong.net" src="https://binance24h.online/wp-content/uploads/2022/05/exel.jpg"></a> </div> <div class="banner_fix banner_fix_right" style="top: 60px;"> <a href="http://tinvanphong.net/"><img alt="tinvaphong.net" src="https://binance24h.online/wp-content/uploads/2022/05/exel.jpg"></a> </div>

bạn có thể chèn trực tiếp vào theme ( file head hoặc file tương tự trong themes nhé )

sau ki đặt xong nhớ copy code css sau dán vào

<br /> <style><br /> .banner_fix_left <br /> right: calc((1240px) + (100% - 1240px)/2);<br /> transition: all .3s;<br /> </p> <p>.banner_fix <br /> display: block;<br /> position: fixed;<br /> margin-top: 100px;<br /> <br /> .banner_fix_right <br /> left: calc((1240px) + (100% - 1240px)/2);<br /> transition: all .3s;<br /> <br /> </style>

1 hai 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<style> .banner_fix_left right: calc((1240px) + (100% - 1240px)/2); transition: all .3s; .banner_fix display: block; position: fixed; margin-top: 100px; .banner_fix_right left: calc((1240px) + (100% - 1240px)/2); transition: all .3s; </style>

Chú ý : ví như bỏ vào text box css thì đừng để thẻ <style></style> nhé

có chiếc css trên right: calc((1240px) + (100% – 1240px)/2); ( đang định nghĩa layout của bạn là 1240px ) nếu layout của bạn là số khác bạn có thể thay lại cho phù hợp nhé

sở hữu chiếc code css này khi Zoom web bannner sẽ ko chòng lên conten rất hợp lý

nếu như bạn khiến cho không được hoặc câu hỏi gì sở hữu thể đặt câu hỏi để mình giúp nhé

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

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

Từ khóa: theme, code,