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
42
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

Personalisation

Theme editor

Settings Colors

  • Mobile users cannot use these features.

    Alternative header

    Easily switch to an alternative header layout for a different look.

    Display mode

    Switch between full-screen and narrow-screen layouts.

    Grid view

    Browse content easily and get a tidier layout with grid mode.

    Image grid mode

    Display your content in a tidy, visually rich way using background images.

    Close sidebar

    Hide the sidebar to get a wider working area.

    Sticky sidebar

    Pin the sidebar for permanent access and easier content management.

    Box view

    Add or remove a box-style frame on the sides of your theme. Applies to resolutions above 1300px.

    Corner radius control

    Customise the look by toggling the corner-radius effect on or off.

  • Choose your color

    Pick a color that reflects your style and harmonises with the design.

Back
QR Code