Skip navigation

Page Logo

Ostard Express Britannia's First Mail and Flower Delivery Service

Page Content:

Add Your Site to the Web Ring

Getting your web site added to the Ultima Online Web Ring is as easy as sending a simple email to Please add the URL of the landing page in your message.

You can request a specific site code. If you don't care, we will assign you one. Once your application has been approved, we will send you the Site ID for the code snippet, so you can embed the gadget on your page.


You may want to create a banner, which will be shown on the list of web ring pages. We may show the banner on the main page, too. The banner can be any image format, but for nostalgic reasons, we encourage you to create an animated GIF.

(*) We encourage you to create your bannner in a way, as it would be shown in Sosaria, even if your project is not related to role playing.

Embed the Web Ring Gadget

Please note, that the gadget needs to be on the landing page (not neccessarily the home page of your site) for the ring, but you may add it on other pages, too. If you feel the need to change the looks of the gadget, we encourage you not to change it too much, so users navigating the ring will find it easily. Please keep at least the dimensions and the borders separating the fields. Colors and shadows don't matter as much.

.uo_webring {
	display:block; position:relative; width:12rem; margin:1rem auto; font-family:sans-serif;
	border:solid 1px #000; box-sizing:content-box; text-align:center; font-size:0;
	background:rgba(255,255,255,0.25); color:#000; outline:solid 1px rgba(255,255,255,0.25);
	box-shadow:0 0 3px 1px rgba(0,0,0,0.25);
.uo_webring div {
	display:inline-block; width:30%; border:solid 1px #000; margin:0; padding:0.2rem;
	box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.25); font-size:0.9rem; line-height:1.5
.uo_webring div:nth-child(1) { width:100%; font-weight:bold; padding:0.25rem 0; }
.uo_webring div:nth-child(3) { width:40%; }
<div class="uo_webring">
	<div>Ultima Online Webring</div>
	<div><a href=";go=prev">Prev</a></div>
	<div><a href="">List All</a></div>
	<div><a href=";go=next">Next</a></div>

Content Management:

μCMS α1.6