Cách Tạo Chữ Chạy Với HTML Và CSS Website Wordpress Theme Flatsome

Đăng bởi Thuấn Luviet vào lúc 03/04/2024

Chắc hẳn bạn đang thiết kế website wordpress và muốn cho nó sinh động so với mặc định của nó.

Nếu bạn đang dùng theme Flatsome để thiết kế website wordpress và muốn tạo hiệu ứng chữ chạy trên các vị trí như topbar, footer hoặc ở bất kỳ đâu trong website. Thì đây là bài viết dành cho bạn. 

Chẳng cần cài plugin, chẳng cần dùng js đâu. Chỉ cần mã html và css tùy chỉnh thì bạn đã làm được rồi.

Trong bài này tôi demo trên topbar và dùng theme Flatsome nhé. Theme khác thì bạn cứ thử xem sao.

Cách Tạo Hiệu Ứng Chữ Chạy Trên TopBar Với HTML Và CSS Cho Website Wordpress Theme Flatsome

Bước 1: Mở cài đặt flatsome của bạn và đến topbar và thêm html vào.

Bước 2: Copy mã code sau và dán vào HTML

<div class="topbar">

    <marquee behavior="scroll" direction="left" scrollamount="4">

        <span>Chữ chạy trên topbar</span>

    </marquee>

</div>

CSS: chỉnh chữ như sau

<style>

.topbar marquee { font-size: 16px; color: #fff;

</style>

color: #fff  là màu chữ màu trắng.

Tags: huong-dan-wordpress , khoa-hoc-thiet-ke-website-wordpress , kien-thuc , thu-thuat-wordpress , tin-tuc ,