Resource icon

[XR] TimeLine 2.3.0

No permission to download
← Previous resource

Andy - Block city

  • XFrip
  • 0.00 star(s)
  • downloads: 0
Next resource →

[DBTech] DragonByte Shop

  • XFrip
  • 0.00 star(s)
  • downloads: 2
# [XR] TimeLine — Beautiful Zigzag Timelines in Your Posts
1774084362040.webp

**Ever wanted to tell a story with style?**

Whether it's a project roadmap, a company history, an event recap, or even a step-by-step guide — plain text just doesn't cut it. Your readers scroll past walls of text. They skim. They leave.

**What if one simple BBCode could change that?**

Introducing **[XR] TimeLine** — a lightweight XenForo 2.3 addon that turns a few lines of text into a stunning zigzag timeline, right inside any post.

---
### How simple is it?

This simple:

```
[TIME LINE]
Order placed | Your package is on its way
Payment confirmed | Bank transfer received
Shipped | Tracking number: VN12345678
Delivered | Left at front door
[/TIME LINE]
```

That's it. No complicated tags. No manual left-right positioning. Just type your content, one line per event, and the addon handles the rest — alternating items left and right, drawing the connecting line, adding the circle markers.

**Title | Description** — or just **Title** if you don't need extra detail.

---
### Why your members will love it

**It's visual.** Timelines break the monotony of text-heavy threads. Project updates, changelogs, event histories — they all look better when they have structure and flow.

**It's effortless.** No BBCode nesting nightmares. No need to remember `[tleft]` and `[tright]` for every single entry (though you still can if you want full control).

**It's responsive.** Looks great on desktop with the zigzag layout. On mobile, it gracefully stacks into a single column so nothing gets cut off.

**It's customizable.** Two style properties in your Admin CP let you adjust the timeline background and card colors to match your forum's theme. Dark mode? Light mode? It just works.

---
### Two modes, one BBCode

**Quick mode** — just write lines of text:
```
[TIME LINE]
January 2024 — Project kickoff | Team assembled, goals defined
March 2024 — Alpha release | Internal testing begins
June 2024 — Public beta | Community feedback collected
December 2024 — Stable launch | v1.0 released to the world
[/TIME LINE]
```

**Classic mode** — for when you need full control over each side:
```

Phase 1

Research and planning.

Phase 2

Development sprint.

Phase 3

Testing and QA.

Phase 4

Launch day.


```

Both work inside the same `[TIME LINE]` tag. The addon is smart enough to detect which mode you're using.

---
### Perfect for

- **Project roadmaps** — show where you've been and where you're going
- **Company or community history** — milestones that matter
- **Changelogs** — version history that's actually readable
- **Event recaps** — conferences, meetups, tournaments
- **Tutorials** — step-by-step processes that flow naturally
- **Personal stories** — life events, travel journals, anything with a sequence

---
### Requirements

- XenForo 2.3.0+
- That's it. No external dependencies. No JavaScript libraries. No database changes.

---
1774084541397.webp

### Install in 60 seconds

1. Upload the addon ZIP
2. Install from Admin CP
3. Start using `[TIME LINE]` in any post

Your members don't need to learn anything new. If they can type a line of text, they can create a timeline.
Author
XFrip
Downloads
0
Views
64
Extention type
zip
File size
97.3 KB
Hash
66a45327d45a9b0b532d1d81fde109ce
First release
Last update

Ratings

0.00 star(s) 0 ratings

More resources from XFrip

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