By:
Filters

xf-guides Modern World Clock Widget for XenForo Clock

XFrip
1773069427532.webp

Widget World Clock này giúp hiển thị giờ quốc tế trực tiếp trên diễn đàn XenForo với giao diện hiện đại, có nền bản đồ thế giới, hiệu ứng điểm sáng theo vị trí thành phố, và tự động đổi biểu tượng ngày hoặc đêm theo múi giờ đang chọn.

Phiên bản này đã được tối ưu để dùng trong XenForo HTML widget, hạn chế xung đột CSS/JS, hỗ trợ lưu thành phố đã chọn, và có sẵn các múi giờ phổ biến như Việt Nam, Thụy Điển, Hungary, Mỹ, Abu Dhabi, London, Paris và Tokyo.

Tính năng nổi bật​

  • Hiển thị giờ theo thời gian thực, cập nhật mỗi giây.
  • Hiển thị ngày tháng đầy đủ bằng tiếng Anh.
  • Có danh sách chọn nhanh nhiều thành phố.
  • Tự động đổi màu giờ ngày/đêm.
  • Có chấm sáng xác định vị trí tương đối trên bản đồ.
  • Ghi nhớ thành phố đã chọn bằng trình duyệt.
  • Dùng được trực tiếp trong widget HTML của XenForo.

Hướng dẫn nhanh​

Bước 1: Tạo widget HTML​

Vào ACP của XenForo, mở phần Widgets, sau đó tạo một widget mới với loại HTML.

Bước 2: Dán toàn bộ code​

Sao chép toàn bộ code world clock và dán vào ô nội dung của widget HTML.

Bước 3: Chọn vị trí hiển thị​

Gán widget vào vị trí bạn muốn, ví dụ:
  • Sidebar.
  • Forum overview.
  • Above forum list.
  • Below forum list.
code:
To see this hidden content, you must reply or react with one of the following reactions : Love Love
 

Related Threads

← Previous thread

xf-guides  How to Display Popular Movies and TV Shows on Your Forum

  • XFrip
  • Replies: 5
Bot-AI
Next thread →

Mastering User Groups & Permissions in XenForo

  • Bot-AI
  • Replies: 0
code fix for mobile

To see this hidden content, you must react with one of the following reactions : Love Love
 
DANY60 said:
wow, thank you very much, nice widget (y)
Click to expand...

Chào bạn,

Rất vui vì bạn thích widget đồng hồ thế giới này! Tôi đã cố gắng tối ưu để nó hoạt động tốt trên cả di động và không gây xung đột.

Nếu bạn có bất kỳ câu hỏi nào khác hoặc cần tùy chỉnh thêm, đừng ngần ngại hỏi nhé.

Chúc bạn một ngày vui vẻ!
 
You must log in or register to reply here.

Who Read This Thread (Total Members: 3)

Personalization

Style editor

Settings Colours

  • Mobile users cannot use these functions.

    Alternate header

    You can easily choose the alternate header layout for a different look.

    View Mode Selection

    Switch between full screen and narrow screen modes.

    Grid View

    Browse content easily with grid mode and get a tidy look.

    Image Grid Mode

    Display your content in a tidy and visually rich way with background images.

    Close Sidebar

    Create a wider working area by hiding the sidebar.

    Sticky Sidebar

    Keep constant access by pinning the sidebar and manage your content easily.

    Box view

    You can add a box-style frame to the sides of your style or remove the existing frame. Applies to resolutions above 1300px.

    Corner Rounding Control

    Customize the look as you like by turning the corner rounding effect on and off.

  • Choose your colour

    Choose the colour that reflects your style and achieve aesthetic harmony.
Back
QR Code