Webring Element Generator

Create customized webring elements for your Currently Unnamed Website Phone Book

This tool helps you generate webring elements for the Currently Unnamed Website Phone Book. Customize your webring element and get the code in HTML, JSX, TSX, or PHP format to add to your website.

How to Use This Tool

  1. Customize your webring element using the options on the left
  2. Generate the code by clicking the "Generate Code" button
  3. Copy the code from the code editor
  4. Add the code to your website in your footer, sidebar, or another visible location
  5. Replace 'your-website.com' in the code with your actual website URL
  6. Join the webring by following the instructions on GitHub
Note: Your website must include the webring element to be eligible for joining the Currently Unnamed Website Phone Book.

Customize Your Webring Element

Format

Theme

Arrow Style

Visual Effects

Badge Options

Your Website URL

Replace with your actual website URL

Element Name

Used for CSS class naming: webring-currently-unnamed-[name]

Preview

Generated Code

Joining the Currently Unnamed Website Phone Book

After adding the webring element to your website, follow these steps to join:

  1. Fork the GitHub repository
  2. Add your information to the members array in js/webring-data.js
  3. Create a badge for your website (88×31px recommended)
  4. Submit a Pull Request

For complete instructions, visit the GitHub repository.

Copied to clipboard!