<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[MyRPG - Code Bits]]></title>
		<link>https://mybb-rpg.com/</link>
		<description><![CDATA[MyRPG - https://mybb-rpg.com]]></description>
		<pubDate>Fri, 06 Nov 2026 18:20:10 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Pulling thread titles from specific forums]]></title>
			<link>https://mybb-rpg.com/showthread.php?tid=613</link>
			<pubDate>Sat, 26 Sep 2026 16:25:39 -0500</pubDate>
			<dc:creator><![CDATA[<a href="https://mybb-rpg.com/member.php?action=profile&uid=7">Stack</a>]]></dc:creator>
			<guid isPermaLink="false">https://mybb-rpg.com/showthread.php?tid=613</guid>
			<description><![CDATA[This code will pull threads from specific forums that you indicate!<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;?php<br />
define("IN_MYBB", 1);<br />
require_once "./global.php"; // Adjust path to your global.php if necessary<br />
<br />
&#36;fid = 3; // Replace 3 with your target Forum ID (FID)<br />
&#36;limit = 5; // Number of threads to pull<br />
<br />
&#36;query = &#36;db-&gt;query("<br />
&nbsp;&nbsp;&nbsp;&nbsp;SELECT tid, fid, subject, replies, views, dateline, username, uid <br />
&nbsp;&nbsp;&nbsp;&nbsp;FROM " . TABLE_PREFIX . "threads <br />
&nbsp;&nbsp;&nbsp;&nbsp;फर्म WHERE fid='{&#36;fid}' AND visible='1' <br />
&nbsp;&nbsp;&nbsp;&nbsp;ORDER BY dateline DESC <br />
&nbsp;&nbsp;&nbsp;&nbsp;LIMIT 0, {&#36;limit}<br />
");<br />
<br />
&#36;thread_list = '&lt;ul class="custom-recent-threads"&gt;';<br />
while(&#36;thread = &#36;db-&gt;fetch_array(&#36;query)) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;thread_url = get_thread_link(&#36;thread['tid']);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;thread_list .= '&lt;li&gt;&lt;a href="' . &#36;thread_url . '"&gt;' . htmlspecialchars_uni(&#36;thread['subject']) . '&lt;/a&gt; (' . &#36;thread['replies'] . ' replies)&lt;/li&gt;';<br />
}<br />
&#36;thread_list .= '&lt;/ul&gt;';<br />
<br />
echo &#36;thread_list;<br />
?&gt;</code></div></div><br />
<br />
<br />
This part:<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&#36;fid = 3; // Replace 3 with your target Forum ID (FID)<br />
&#36;limit = 5; // Number of threads to pull</code></div></div><br />
you will just change to display what your preference is and from what forum to pull! Screenshots of how it displays:<br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybb-rpg.com/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" style="vertical-align: sub;" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=25" target="_blank" title="">Screenshot 2026-09-26 172347.png</a> (Size: 36.46 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment -->]]></description>
			<content:encoded><![CDATA[This code will pull threads from specific forums that you indicate!<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;?php<br />
define("IN_MYBB", 1);<br />
require_once "./global.php"; // Adjust path to your global.php if necessary<br />
<br />
&#36;fid = 3; // Replace 3 with your target Forum ID (FID)<br />
&#36;limit = 5; // Number of threads to pull<br />
<br />
&#36;query = &#36;db-&gt;query("<br />
&nbsp;&nbsp;&nbsp;&nbsp;SELECT tid, fid, subject, replies, views, dateline, username, uid <br />
&nbsp;&nbsp;&nbsp;&nbsp;FROM " . TABLE_PREFIX . "threads <br />
&nbsp;&nbsp;&nbsp;&nbsp;फर्म WHERE fid='{&#36;fid}' AND visible='1' <br />
&nbsp;&nbsp;&nbsp;&nbsp;ORDER BY dateline DESC <br />
&nbsp;&nbsp;&nbsp;&nbsp;LIMIT 0, {&#36;limit}<br />
");<br />
<br />
&#36;thread_list = '&lt;ul class="custom-recent-threads"&gt;';<br />
while(&#36;thread = &#36;db-&gt;fetch_array(&#36;query)) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;thread_url = get_thread_link(&#36;thread['tid']);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;thread_list .= '&lt;li&gt;&lt;a href="' . &#36;thread_url . '"&gt;' . htmlspecialchars_uni(&#36;thread['subject']) . '&lt;/a&gt; (' . &#36;thread['replies'] . ' replies)&lt;/li&gt;';<br />
}<br />
&#36;thread_list .= '&lt;/ul&gt;';<br />
<br />
echo &#36;thread_list;<br />
?&gt;</code></div></div><br />
<br />
<br />
This part:<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&#36;fid = 3; // Replace 3 with your target Forum ID (FID)<br />
&#36;limit = 5; // Number of threads to pull</code></div></div><br />
you will just change to display what your preference is and from what forum to pull! Screenshots of how it displays:<br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybb-rpg.com/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" style="vertical-align: sub;" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=25" target="_blank" title="">Screenshot 2026-09-26 172347.png</a> (Size: 36.46 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment -->]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[[FREE] Quick List Style Navigation Bar w/ Sub Links - NON Responsive]]></title>
			<link>https://mybb-rpg.com/showthread.php?tid=568</link>
			<pubDate>Wed, 22 Apr 2026 12:40:31 -0500</pubDate>
			<dc:creator><![CDATA[<a href="https://mybb-rpg.com/member.php?action=profile&uid=1">latrodectus</a>]]></dc:creator>
			<guid isPermaLink="false">https://mybb-rpg.com/showthread.php?tid=568</guid>
			<description><![CDATA[<div style="text-align: center;" class="mycode_align"><img src="https://i.ibb.co/ymBHWzGK/Code-Bits-FREE-Quick-List-Style-Navigation-Bar-w-Sub-Links-NON-Responsive.gif" loading="lazy"  alt="[Image: Code-Bits-FREE-Quick-List-Style-Navigati...onsive.gif]" class="mycode_img" /></div>
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="font-size: large;" class="mycode_size">CSS</span></span><br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>/**<br />
&nbsp;&nbsp;Code provided by Latrodectus (aka Widow/c.widow) FREE of any charges.<br />
&nbsp;&nbsp;Build upon, modify, use in your custom mybb themes, use for your own services, etc. I literally do not care. Have fun, enjoy it, learn from it.<br />
**/<br />
<br />
/** START: IGNORE THIS (i use this to get rid of box sizing issues and to do basic formats on fiddles) **/<br />
*, *:before, *:after { box-sizing: border-box; }<br />
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 15px; }<br />
.content-wrapper { max-width: 1350px; margin: 0 auto; }<br />
/** END: IGNORE THIS **/<br />
<br />
/** START: VARIABLES (you can like not use these if you wish not to, just replace the variable in the css areas below with direct colors) **/<br />
:root {<br />
&nbsp;&nbsp;--main-menu-bg-color: rgb(21, 21, 21);<br />
&nbsp;&nbsp;--main-menu-txt-color: rgb(214, 214, 214);<br />
&nbsp;&nbsp;--main-menu-lnk-color: rgb(236, 236, 236);<br />
&nbsp;&nbsp;--main-menu-lnk-hov-color: rgb(255, 255, 255);<br />
&nbsp;&nbsp;--main-menu-child-bg-color: rgb(34, 34, 34);<br />
&nbsp;&nbsp;--main-menu-child-txt-color: rgb(206, 206, 206);<br />
&nbsp;&nbsp;--main-menu-child-lnk-color: rgb(214, 214, 214);<br />
&nbsp;&nbsp;--main-menu-child-lnk-hov-color: rgb(239, 239, 239);<br />
}<br />
/** END: VARIABLES **/<br />
<br />
.main-menu {<br />
&nbsp;&nbsp;background: var(--main-menu-bg-color);<br />
&nbsp;&nbsp;color: var(--main-menu-txt-color);<br />
}<br />
.main-menu a {<br />
&nbsp;&nbsp;color: var(--main-menu-lnk-color);<br />
&nbsp;&nbsp;transition: all 0.3s ease-in-out;<br />
&nbsp;&nbsp;text-decoration: none;<br />
}<br />
.main-menu a:hover {<br />
&nbsp;&nbsp;color: var(--main-menu-lnk-hov-color);<br />
}<br />
<br />
ul#ul-navigation,<br />
ul#ul-navigation ul {<br />
&nbsp;&nbsp;width: 100%;<br />
&nbsp;&nbsp;list-style-type: none;<br />
&nbsp;&nbsp;padding: 0;<br />
&nbsp;&nbsp;margin: 0;<br />
&nbsp;&nbsp;display: flex;<br />
}<br />
ul#ul-navigation {<br />
&nbsp;&nbsp;flex-direction: row;<br />
&nbsp;&nbsp;justify-content: center;<br />
&nbsp;&nbsp;gap: 1rem;<br />
}<br />
ul#ul-navigation ul {<br />
&nbsp;&nbsp;flex-direction: column;<br />
&nbsp;&nbsp;gap: 0;<br />
}<br />
<br />
ul#ul-navigation &gt; li {<br />
&nbsp;&nbsp;position: relative;<br />
&nbsp;&nbsp;flex: 1 1;<br />
&nbsp;&nbsp;min-width: 150px;<br />
}<br />
<br />
ul#ul-navigation li &gt; a {<br />
&nbsp;&nbsp;display: flex;<br />
&nbsp;&nbsp;align-items: center;<br />
&nbsp;&nbsp;justify-content: space-between;<br />
&nbsp;&nbsp;gap: 0.5rem;<br />
&nbsp;&nbsp;padding: 1rem 0.5rem;<br />
}<br />
ul#ul-navigation &gt; li.has-child &gt; a::after {<br />
&nbsp;&nbsp;content: "";<br />
&nbsp;&nbsp;width: 0;<br />
&nbsp;&nbsp;height: 0;<br />
&nbsp;&nbsp;border-left: 5px solid transparent;<br />
&nbsp;&nbsp;border-right: 5px solid transparent;<br />
&nbsp;&nbsp;border-top: 5px solid currentColor;<br />
&nbsp;&nbsp;transition: transform 0.3s ease-in-out;<br />
}<br />
ul#ul-navigation &gt; li.has-child:hover &gt; a::after {<br />
&nbsp;&nbsp;transform: rotate(180deg);<br />
}<br />
<br />
ul#ul-navigation ul#ul-navigation-child {<br />
&nbsp;&nbsp;visibility: hidden;<br />
&nbsp;&nbsp;opacity: 0;<br />
&nbsp;&nbsp;position: absolute;<br />
&nbsp;&nbsp;width: 100%;<br />
&nbsp;&nbsp;padding: 0;<br />
&nbsp;&nbsp;transition: all 0.3s ease-in-out;<br />
&nbsp;&nbsp;background: var(--main-menu-child-bg-color);<br />
&nbsp;&nbsp;color: var(--main-menu-child-txt-color);<br />
&nbsp;&nbsp;top: 100%;<br />
&nbsp;&nbsp;left: 0;<br />
}<br />
ul#ul-navigation ul#ul-navigation-child a {<br />
&nbsp;&nbsp;color: var(--main-menu-child-lnk-color);<br />
}<br />
ul#ul-navigation ul#ul-navigation-child a:hover {<br />
&nbsp;&nbsp;color: var(--main-menu-child-lnk-hov-color);<br />
}<br />
<br />
ul#ul-navigation li.has-child:hover &gt; ul#ul-navigation-child {<br />
&nbsp;&nbsp;visibility: visible;<br />
&nbsp;&nbsp;opacity: 1;<br />
}</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b"><span style="font-size: large;" class="mycode_size">HTML</span></span><br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;div class="main-menu"&gt;<br />
&nbsp;&nbsp;&lt;div class="content-wrapper"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul id="ul-navigation"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class="has-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="/handbook.php"&gt;Handbook&lt;/a&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul id="ul-navigation-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/handbook.php?page=rules"&gt;Rules&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/handbook.php?page=character-creation"&gt;Character Creation&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/handbook.php?page=staff"&gt;Staff&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/memberlist.php"&gt;Accounts&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/search.php"&gt;Search&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class="has-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href=""&gt;Link&lt;/a&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul id="ul-navigation-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class="has-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href=""&gt;Link&lt;/a&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul id="ul-navigation-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />
&nbsp;&nbsp;&lt;/div&gt;<br />
&lt;/div&gt;</code></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: center;" class="mycode_align"><img src="https://i.ibb.co/ymBHWzGK/Code-Bits-FREE-Quick-List-Style-Navigation-Bar-w-Sub-Links-NON-Responsive.gif" loading="lazy"  alt="[Image: Code-Bits-FREE-Quick-List-Style-Navigati...onsive.gif]" class="mycode_img" /></div>
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="font-size: large;" class="mycode_size">CSS</span></span><br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>/**<br />
&nbsp;&nbsp;Code provided by Latrodectus (aka Widow/c.widow) FREE of any charges.<br />
&nbsp;&nbsp;Build upon, modify, use in your custom mybb themes, use for your own services, etc. I literally do not care. Have fun, enjoy it, learn from it.<br />
**/<br />
<br />
/** START: IGNORE THIS (i use this to get rid of box sizing issues and to do basic formats on fiddles) **/<br />
*, *:before, *:after { box-sizing: border-box; }<br />
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 15px; }<br />
.content-wrapper { max-width: 1350px; margin: 0 auto; }<br />
/** END: IGNORE THIS **/<br />
<br />
/** START: VARIABLES (you can like not use these if you wish not to, just replace the variable in the css areas below with direct colors) **/<br />
:root {<br />
&nbsp;&nbsp;--main-menu-bg-color: rgb(21, 21, 21);<br />
&nbsp;&nbsp;--main-menu-txt-color: rgb(214, 214, 214);<br />
&nbsp;&nbsp;--main-menu-lnk-color: rgb(236, 236, 236);<br />
&nbsp;&nbsp;--main-menu-lnk-hov-color: rgb(255, 255, 255);<br />
&nbsp;&nbsp;--main-menu-child-bg-color: rgb(34, 34, 34);<br />
&nbsp;&nbsp;--main-menu-child-txt-color: rgb(206, 206, 206);<br />
&nbsp;&nbsp;--main-menu-child-lnk-color: rgb(214, 214, 214);<br />
&nbsp;&nbsp;--main-menu-child-lnk-hov-color: rgb(239, 239, 239);<br />
}<br />
/** END: VARIABLES **/<br />
<br />
.main-menu {<br />
&nbsp;&nbsp;background: var(--main-menu-bg-color);<br />
&nbsp;&nbsp;color: var(--main-menu-txt-color);<br />
}<br />
.main-menu a {<br />
&nbsp;&nbsp;color: var(--main-menu-lnk-color);<br />
&nbsp;&nbsp;transition: all 0.3s ease-in-out;<br />
&nbsp;&nbsp;text-decoration: none;<br />
}<br />
.main-menu a:hover {<br />
&nbsp;&nbsp;color: var(--main-menu-lnk-hov-color);<br />
}<br />
<br />
ul#ul-navigation,<br />
ul#ul-navigation ul {<br />
&nbsp;&nbsp;width: 100%;<br />
&nbsp;&nbsp;list-style-type: none;<br />
&nbsp;&nbsp;padding: 0;<br />
&nbsp;&nbsp;margin: 0;<br />
&nbsp;&nbsp;display: flex;<br />
}<br />
ul#ul-navigation {<br />
&nbsp;&nbsp;flex-direction: row;<br />
&nbsp;&nbsp;justify-content: center;<br />
&nbsp;&nbsp;gap: 1rem;<br />
}<br />
ul#ul-navigation ul {<br />
&nbsp;&nbsp;flex-direction: column;<br />
&nbsp;&nbsp;gap: 0;<br />
}<br />
<br />
ul#ul-navigation &gt; li {<br />
&nbsp;&nbsp;position: relative;<br />
&nbsp;&nbsp;flex: 1 1;<br />
&nbsp;&nbsp;min-width: 150px;<br />
}<br />
<br />
ul#ul-navigation li &gt; a {<br />
&nbsp;&nbsp;display: flex;<br />
&nbsp;&nbsp;align-items: center;<br />
&nbsp;&nbsp;justify-content: space-between;<br />
&nbsp;&nbsp;gap: 0.5rem;<br />
&nbsp;&nbsp;padding: 1rem 0.5rem;<br />
}<br />
ul#ul-navigation &gt; li.has-child &gt; a::after {<br />
&nbsp;&nbsp;content: "";<br />
&nbsp;&nbsp;width: 0;<br />
&nbsp;&nbsp;height: 0;<br />
&nbsp;&nbsp;border-left: 5px solid transparent;<br />
&nbsp;&nbsp;border-right: 5px solid transparent;<br />
&nbsp;&nbsp;border-top: 5px solid currentColor;<br />
&nbsp;&nbsp;transition: transform 0.3s ease-in-out;<br />
}<br />
ul#ul-navigation &gt; li.has-child:hover &gt; a::after {<br />
&nbsp;&nbsp;transform: rotate(180deg);<br />
}<br />
<br />
ul#ul-navigation ul#ul-navigation-child {<br />
&nbsp;&nbsp;visibility: hidden;<br />
&nbsp;&nbsp;opacity: 0;<br />
&nbsp;&nbsp;position: absolute;<br />
&nbsp;&nbsp;width: 100%;<br />
&nbsp;&nbsp;padding: 0;<br />
&nbsp;&nbsp;transition: all 0.3s ease-in-out;<br />
&nbsp;&nbsp;background: var(--main-menu-child-bg-color);<br />
&nbsp;&nbsp;color: var(--main-menu-child-txt-color);<br />
&nbsp;&nbsp;top: 100%;<br />
&nbsp;&nbsp;left: 0;<br />
}<br />
ul#ul-navigation ul#ul-navigation-child a {<br />
&nbsp;&nbsp;color: var(--main-menu-child-lnk-color);<br />
}<br />
ul#ul-navigation ul#ul-navigation-child a:hover {<br />
&nbsp;&nbsp;color: var(--main-menu-child-lnk-hov-color);<br />
}<br />
<br />
ul#ul-navigation li.has-child:hover &gt; ul#ul-navigation-child {<br />
&nbsp;&nbsp;visibility: visible;<br />
&nbsp;&nbsp;opacity: 1;<br />
}</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b"><span style="font-size: large;" class="mycode_size">HTML</span></span><br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;div class="main-menu"&gt;<br />
&nbsp;&nbsp;&lt;div class="content-wrapper"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul id="ul-navigation"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class="has-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="/handbook.php"&gt;Handbook&lt;/a&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul id="ul-navigation-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/handbook.php?page=rules"&gt;Rules&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/handbook.php?page=character-creation"&gt;Character Creation&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/handbook.php?page=staff"&gt;Staff&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/memberlist.php"&gt;Accounts&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/search.php"&gt;Search&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class="has-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href=""&gt;Link&lt;/a&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul id="ul-navigation-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class="has-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href=""&gt;Link&lt;/a&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul id="ul-navigation-child"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />
&nbsp;&nbsp;&lt;/div&gt;<br />
&lt;/div&gt;</code></div></div>]]></content:encoded>
		</item>
	</channel>
</rss>