MoeRing widget!!
<link rel="stylesheet" href="https://st4rdust-street.neocities.org/moe_webring/onionring.css">
<div id='moe-ring'>
<script type="text/javascript" src="https://st4rdust-street.neocities.org/moe_webring/onionring-variables.js"></script>
<script type="text/javascript" src="https://st4rdust-street.neocities.org/moe_webring/onionring-widget.js"></script>
</div>
Extra css and js!!
tag.insertAdjacentHTML('afterbegin', `
<img src="https://st4rdust-street.neocities.org/moe_webring/default.png" width="80%" height="80%"/>
`);
a:link {
color: black;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: black;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: black;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: black;
background-color: transparent;
text-decoration: underline;
}
.schoolbell-regular {
font-family: "Schoolbell", cursive;
font-weight: 400;
font-style: normal;
}
#moe-ring {
height: 30%;
width: 70%;
margin: 0 auto;
padding: 2%; /* creates some space around the widget */
font-family: "Schoolbell", cursive;
}
#moe-ring table {
border-image: url(https://st4rdust-street.neocities.org/moe_webring/default_border.png);
border-image-slice: 32%;
border-image-outset: 8px;
border-image-repeat: stretch;
border-image-width: 35px;
padding: 1%;
border-radius: 7px;
background-image: url(https://st4rdust-street.neocities.org/moe_webring/default_bg.png);
margin: 0 auto; /* centers the widget */
}
#moe-ring table tr td {
padding: 1%; /* creates some space between the links and text inside the widget */
}
#moe-ring .webring-prev {
text-align:center;
}
#moe-ring .webring-info {
text-align:center;
}
#moe-ring .webring-next {
text-align:center;
}
#moe-ring .webring-links {
font-size:small;
}