XENICS OF THE NET

INFO THE XENOGENDER PRIDE FLAG. MEMBERS JOIN WIDGET +

PUTTING THE THING ON YOUR SITE

THIS PARTS PRETTY EASY. JUST COPY AND PASTE THIS CODE AND PUT IT SOMEWHERE IN YOUR HTML.

XENICS OF THE NET

<div id='xenicRing'>
	<script type="text/javascript" src="https://confettiguts.gay/xenics/onionring-variables.js"></script>
	<script type="text/javascript" src="https://confettiguts.gay/xenics/onionring-widget.js"></script>
	<link rel="stylesheet" href="https://confettiguts.gay/xenics/onionring.css">
</div>

HOW DO I MAKE IT SMALLER/LARGER?

EASIEST WAY IS TO CHANGE THE FONT SIZE WITH SOMETHING LIKE THIS IN YOUR STYLESHEET. HAVEN'T TRIED IT WITH PX YET, EXPERIMENT AT YOUR OWN DISCRETION.

#xenicRing {
	font-size: 0.9em; /* GO UP (1, 2, 3 ETC) FOR LARGER AND GO INTO DECIMALS (0.9, 0.8 ETC) FOR SMALLER. */
}

CUSTOMIZATION?

HELL YEAH I THOUGHT ABOUT THIS. "I BET LOTSA DUDES ARE GONNA BE LIKE 'HEY, IT'D BE COOL TO HAVE MY OWN FLAG THERE'. LET ME MAKE THAT EASY"

CHANGING THE FLAG

TO CHANGE THE FLAG, PUT SOMETHING LIKE THIS IN YOUR STYLESHEET.

A SCREENSHOT OF THE XENIC RING WITH THE HOUNDGENDER FLAG.

#xenicRing #xenicFlag {
	background: url('FLAG IMAGE URL HERE')!important;
}

NOTE THE IMPORTANT. NOT SURE IF IT WORKS WITHOUT IT, JUST THERE TO BE SAFE. THE FLAG IS 1000*600 PIXELS, BUT WILL BE RESIZED AUTOMATICALLY.

CHANGING THE ARROWS

TO CHANGE THE ARROWS, PUT SOMETHING LIKE THIS IN YOUR STYLESHEET.

#xenicRing #next-arrow {
	background: url('NEXT ARROW IMAGE HERE')!important;
}

#xenicRing #prev-arrow {
	background: url('PREVIOUS ARROW IMAGE HERE')!important;
}

NOTE THE IMPORTANT AGAIN. THE ARROWS ARE 44*28 PIXELS, BUT WILL BE RESIZED AUTOMATICALLY. HERE'S A TEMPLATE IF YOU'D LIKE.
A PIXELATED ARROW TEMPLATE.

IF YOU WANNA DO FURTHER CUSTOMIZATION, I'M ASSUMING YOU KNOW ENOUGH ABOUT HTML AND CAN GO LOOK IN THE STYLE SHEET TO SEE WHAT YOU WANNA CHANGE.

MADE POSSIBLE WITH ONIONRING.