Học CSS

Tạo slider bài viết liên quan đẹp cho website wordpess sử dụng theme Flatsome

Hôm nay, mình tiếp tục chia sẻ tới các bạn cách tạo slider bài viết liên qua đẹp cho website wordpress sử dụng theme Flatsome nhé Bước 1: Copy code tạo slider bài viết liên ...

Tạo sản phẩm biến thể dạng Cross Sells đẹp cho woocommerce

Trước tiên ta cần phần biệt: sản phẩm biến thể mặc định trong woocommerce đã quá quen thuộc rồi. Tuy nhiên, các biến thể mặc định hiển thị rất xấu và không chuyên nghiệp. Hôm ...

Dựng menu mobile đẹp và độc đáo cho website wordpress sử dụng theme Flatsome

Theme flatsome quá nổi tiếng và được lòng anh em trong nghề làm web vì sự hữu dụng và tùy biến đa dạng của nó. Một trong những tính năng tuyệt vời của Flatsome đó ...

Hướng dẫn tạo shortcode hiển thị bài viết liên quan cho website

Chào các bạn, hôm nay mình chia sẻ tới các bạn một đoạn code khá hay để tạo shortcode nhằm hiển thị bài viết liên quan ở sidebar cho website. Mời các bạn đón xem ...

Tạo box thông báo khuyến mại đẹp cho website

Chào các bạn, hôm nay mình hướng dẫn các bạn tạo box thông báo khuyến mại đẹp cho website như hình dưới nha: Bài viết hướng dẫn thực hiện trên theme Flatsome, sử dụng Woocommerce. ...

Hướng dẫn code nút liên hệ all in one cho website wordpress

Đoạn code nút liên hệ bên dưới website mình sưu tầm được, nay mình chia sẻ lại cho các bạn cần dùng nhé! Bước 1: Vào phần cài đặt advanced của theme Flatsome – Global ...

1 Bình luận

Hướng dẫn tạo thanh chức năng bottom cho website wordpress

Có bạn nào muốn làm thanh bottom bar như hình và video mô tả bên dưới không, chúng ta cùng thử làm nhé! Xem demo view mobile: https://ngocbaolong.vn Điểm đặc biệt Đây là tính năng ...

Hướng dẫn thêm hiệu ứng bóng lướt qua cho logo web

Chào các bạn, mình mới sưu tầm được một đoạn code CSS khá hay cho website, giúp tạo vệt sáng lướt ngang qua logo website. Một thủ thuật nho nhỏ nhưng khá hữu ích cho ...

Hướng dẫn tạo hiệu ứng sóng chuyển động đơn giản với SVG và CSS

Chào các bạn, trong quá trình làm website chắc chắn nhiều khi chúng ta muốn tạo những dải sóng màu chuyển động để làm tăng thêm độ chuyên nghiệp cho website phải không? Hôm nay ...

Tạo Contact Button đẹp cho website sử dụng HTML và CSS

Chào các bạn, hôm nay mình chia sẻ tới các bạn một đoạn code HTML và CSS đẹp, dùng để tạo các nút liên hệ cho website WordPress. Việc cần làm duy nhất của các ...

Tạo menu riêng cho từng trang trong theme Flatsome

Chào các bạn, trong quá trình làm web sẽ có đôi lần chúng ta muốn mỗi trang sẽ hiển thị một menu riêng biệt tùy nhu cầu của chúng ta. Mình có tìm từ khóa ...

Hướng dẫn thay đổi bố cục trang danh mục post trong theme Flatsome

Hôm nay mình có tìm các từ khóa hướng dẫn cách tùy chỉnh archive list của flatsome, nội dung là code lại trang archive list rất chuối của Flatsome thành dạng như element Blog Post ...

Hướng dẫn tạo form lấy số điện thoại đẹp bên dưới Gallery trong trang sản phẩm

Chào các bạn, trong quá trình làm website thì thỉnh thoảng mình có làm được một số tiện ích nho nhỏ để trang trí thêm cho website cũng như giúp cho website trở nên hữu ...

Hướng dẫn tạo nút Affiliates cho sản phẩm woocommerce

Chào các bạn, có nhiều bạn hỏi mình cách chèn một nút custom field trong trang sản phẩm để khi bấm vào nó nhảy sang sang url affiliate trên shopee. Việc này cũng khá dễ, ...

Xây dựng bảng thông số kỹ thuật và khuyến mại sử dụng Advanced Custom Fields

Chào các bạn, nếu bạn làm website bán hàng cho các sản phẩm điện thoại thì chắc chắn sẽ cần đến bảng thông số kỹ thuật như CPU, Ram, bộ nhớ, thông số màn hình, ...

8 Bình luận

Hướng dẫn chèn bài viết liên quan cực đẹp cho website

Chào các bạn, bài viết liên quan phía dưới mỗi bài viết không chỉ có chức năng điều hướng và tăng trải nghiệm website của khách hàng, mà một phần khác nó giúp cho website ...

36 Bình luận

Hướng dẫn tạo các nút liên hệ nhanh tuyệt đẹp cho website

Chào các bạn, hôm qua mình đã viết một bài chia sẻ code HTML và CSS tạo các nút liên hệ nhanh cho website rồi phải không? Hôm nay mình tiếp tục share một đoạn ...

21 Bình luận

Hướng dẫn tạo các nút liên hệ nhanh bằng HTML và CSS cho website WordPress

Chào các bạn, mình mới làm xong mấy nút liên hệ nhanh này thấy đẹp và hiệu quả nên chia sẻ lại code cho các bạn sử dụng nhé! Bài viết đặc biệt thích hợp ...

7 Bình luận

Hướng dẫn sửa giao diện menu mobile trong theme Flatsome bằng CSS

Chào các bạn, nhiều bạn (trong đó có mình) sử dụng theme Flatsome để dựng web với những ưu điểm rất lớn là dễ tùy biến, trình dựng trang kéo thả, dễ sử dụng cho ...

3 Bình luận

Thêm danh mục con vào Element Title trong UX Builder của theme Flatsome

Nội dung bài viết được mình tham khảo từ web thanhtrungit và đưa về blog GiuseArt với mục đích chia sẻ lại cho những ai cần.  Theo thanhtrungit.com, tác giả các đoạn code hữu ích ...

23 Bình luận

Hướng dẫn tùy biến giao diện trang đăng nhập mặc định của WordPress

Theo mặc định, trang đăng nhập vào tài khoản quản trị của website WordPress sẽ có địa chỉ kiểu như sau: http://tenmien/wp-login.php (wp-admin). Theo đó, việc đăng ký tài khoản mới hoặc lấy lại mật ...

14 Bình luận

Sửa trang thanh toán WooCommerce gọn gàng và hữu dụng hơn mặc định

Woocommerce thì có lẽ quá quen với anh em làm web WordPress rồi. Đây là một plugin mạnh mẽ hỗ trợ việc bán hàng online cho các website WordPress. Tuy nhiên, có một thực tế ...

2 Bình luận

Thêm hiệu ứng ánh sáng khi hover ảnh sản phẩm Woocommerce bằng CSS

Chào các bạn, bài viết trước mình đã hướng dẫn các bạn thêm hiệu ứng ánh sáng trượt khi hover vào ảnh bài viết trong theme Flatsome rồi phải không? Hôm nay mình tiếp tục ...

2 Bình luận

Thêm hiệu ứng ánh sáng khi hover vào ảnh bài viết trong theme Flatsome

Chào các bạn, nếu ai để ý có thể thấy các mẫu website gần đây của Ninh Bình Web mình hay sử dụng hiệu ứng ánh sáng trượt lấp lánh khi rê chuột vào ảnh ...

Hướng dẫn tạo các nút gọi, chat Zalo và chat Facebook cho website WordPress bằng HTML và CSS

Chào các bạn, mấy mẫu web mới nhất của ninhbinhweb.com được mình trang bị sẵn một số nút tiện ích nổi ở góc trái màn hình như nút Gọi điện, chat Zalo hay chat Facebook. ...

27 Bình luận

Hướng dẫn tạo thanh Float menu bám sát lề cho website WordPress

Chào các bạn, lại một dự án thiết kế website cho khách hàng mình vừa mới hoàn thành, và mỗi dự án thiết kế website luôn cần một vài thủ thuật chỉnh sửa nho nhỏ ...

12 Bình luận

Code tạo thanh liên hệ nhanh trên giao diện mobile bằng HTML và CSS

Chào các bạn, lang thang trên group Flatsome Việt Nam, mình tình cờ đọc được câu hỏi của một bạn về thanh liên hệ nhanh (mình tạm gọi là Contact Bar) khá đẹp trên giao ...

11 Bình luận

[Flatsome theme] – Tạo menu xổ ngang trong Widget Area

Chào các bạn, nếu đã từng chèn một menu bất kỳ vào Widget Area trong website sử dụng theme Flatsome, chắc hẳn các bạn từng rất khó chịu khi sub-menu không xổ ngang mà bị ...

13 Bình luận

Code thêm các nút Call to action hữu ích cho website WordPress

Chào các bạn, ở một số bài trước mình đã hướng dẫn thêm nút gọi ngay ở chân trang website trên giao diện di động rồi phải không? Hôm nay mình tiếp tục hướng dẫn ...

2 Bình luận

Tạo hiệu ứng trượt mượt mà bằng JavaScript khi thiết kế Landing Page

Chào các bạn, hôm trước mình làm một Landing Page đơn giản về Bất động sản. Mày mò một hồi lâu mới tìm được đoạn JS tạo hiệu ứng trượt mượt mà trong trang. Thấy hay ...

15 Bình luận

Hướng dẫn chỉnh sửa CSS menu 3 cấp trên theme Flatsome

Chào các bạn, mình làm web sử dụng theme Flatsome rất nhiều, trong số đó phải kể đến kho mẫu ninhbinhweb.com | ninhbinhweb.net mà lâu nay chắc bạn cũng đã biết. Có một thực tế ...

5 Bình luận

Hướng dẫn tạo Float Menu tùy chỉnh đẹp cho website WordPress

Chào các bạn, bữa trước mình có share code tạo các nút hữu ích phía dưới chân trang cho website WordPress rồi phải không? Hôm nay mình tiếp tục chia sẻ một đoạn code khá ...

6 Bình luận

Code chèn các nút Call to Action hữu ích phía dưới chân trang trên giao diện mobile

Lần trước mình có chia sẻ bài viết chèn nút Hotline và chat Facebook vào chân trang trên website rồi phải không các bạn? Hôm nay trong bài viết này, mình sẽ tổng hợp lại ...

12 Bình luận

[Tự học CSS] – Tự học kỹ thuật trích xuất một phần hình ảnh bằng CSS

Chào các bạn, mình rất vui khi hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Ngày hôm nay, trong bài viết mới này mình sẽ ...

[Tự học CSS] – Tìm hiểu về thuộc tính tràn phần tử Overflow

Chào các bạn, mình rất vui khi hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Trong lúc thiết kế web có rất nhiều bạn gặp ...

[Tự học CSS] – Tìm hiểu về hiệu ứng đổ bóng văn bản trong CSS

Chào các bạn, mình rất vui khi hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Trong bài viết này, mình và các bạn cùng nhau ...

3 Bình luận

[Tự học CSS] – Tìm hiểu các thuộc tính định dạng bảng (TABLE) trong CSS

Chào các bạn, mình rất vui khi hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Bài viết hôm nay mình sẽ hướng dẫn các bạn ...

2 Bình luận

[Tự học CSS] – Tìm hiểu về các cách sử dụng CSS trong vài phút

Chào các bạn, mình rất vui khi hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Trong bài viết hôm nay mình sẽ giới thiệu đến các ...

4 Bình luận

[Tự học CSS] – Tìm hiểu các thuộc tính định dạng danh sách trong CSS

Chào các bạn, mình rất vui khi hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Ngày hôm nay mình viết bài này để hướng dẫn ...

1 Bình luận

[Tự học CSS] – Tìm hiểu cách định dạng một bộ phận của phần tử trong CSS

Chào các bạn, mình rất vui khi hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Bài viết này sẽ giúp các bạn hiểu một bộ ...

[Tự học CSS] – Tìm hiểu cách căn lề cho phần tử khối trong CSS

Chào các bạn, hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Lần trước mình có viết một bài hướng dẫn các bạn cách căn lề ...

[Tự học CSS] – Thiết lập vị trí cho phần tử bằng thuộc tính position CSS

Chào các bạn, mình rất vui khi hôm nay chúng ta lại gặp nhau trong một loạt bài hướng dẫn dùng CSS cơ bản của Giuseart.com. Trong bài viết hôm nay mình sẽ giới thiệu đến các ...