Lord Horse Domain Webring

The LHDRing contains a list of websites ran by members of LHD. You can see the full list and a tutorial on how to use it yourself below.

Sites in the Webring

What is a Webring?

A webring is a group of websites that all link to each other in a chain, letting users hop between websites that might share a common trait. The Lord Horse Domain Ring (LHDRing) is shared by a group of friends, some of them also having a 'room' in the Clubhouse.

Joining the LHDRing

If you have a website you'd like to add to the LHDRing, contact Marc / Scribblemakes in the #webbed-sites channel in the LHD server. Your site will be added asap.

Adding the LHDRing Widget to your site

If you're in the ring, or want to showcase LHD sites, you can add the widget anywhere on your page by copying a few lines of code.
Add the following lines of code between your <body> tags:

<span id="LHDRingWidget"></span>

          <script src="https://lordhorse.neocities.org/LHDWebring.js" type="text/javascript"></script>

The <span> element will turn into your links for the webring. The <script> element will connect to the LHDRing.js file, letting it access the widget code.

The widget won't appear right away and needs to be styled using CSS. Add the following code to the <head> section of your code:
<link href="https://lordhorse.neocities.org/LHDWebring.css" rel="stylesheet" type="text/css" media="all">
This will change the appearance of your links and make them visible. If you're familiar with CSS then you can use it is as a template to style them yourself. You can also copy the webring.css file directly.

The links will then be visible and functioning on your website! If you're starting from scratch and having trouble with adding them, you can copy the code below onto an empty neocities page:

<!DOCTYPE html>
  <html>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>YOUR TITLE HERE</title>
      <link href="https://lordhorse.neocities.org/LHDWebring.css" rel="stylesheet" type="text/css" media="all">
    </head>
    <body>
      <h1>Welcome to my Website!</h1>
  
      <p>This is a paragraph! Here's how you make a link: <a href="https://neocities.org">Neocities</a>.</p>
  
      <p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>
  
      <p>Here's how you can add an image:</p>
      <img src="/neocities.png">
  
      <p>Here's how to make a list:</p>
  
      <ul>
        <li>First thing</li>
        <li>Second thing</li>
        <li>Third thing</li>
      </ul>
  
      <p>To learn more HTML/CSS, check out these <a href="https://neocities.org/tutorials">tutorials</a>!</p>
      
      <span id="LHDRingWidget"></span>
      
      <script src="https://lordhorse.neocities.org/LHDWebring.js" type="text/javascript"></script>
    </body>
  </html>

Adding the LHDRing List to your site

You can add the full list of sites to your website by following the steps for adding the widget. Make sure you add the .JS file connection (the <script> code), and then you can choose if you want to add the CSS file and the widget.

Once you have the .JS file connected, you can add the following code anywhere on your page to show the full list of LHD sites:
<div id="LHDRingList"></div>