Four Little Tabbies [Popup Links]

<!----------------------------------------------------------------------

FELINES THEMES : Four Little Tabbies [Links Popup]

***Important Notice***

The font of this popup will change depending on the 'body' font of your theme. If no theme is listed for body, you will need to put the font-family there so you won't need to put it in each individual div in this popup.

Feel free to change the color arrangement and small stuff like that. Remember to change the color scheme to your themes meta colors to match your theme (if you want I mean).

Color codes included are:

- #e0c1b4
- #d4d1c3
- #9d9d9a

I included 4 tabs for you to divide your links up into. If you know how to add more working tabs and want to add them, you may, but please don't ask me how to add them. But if you need any other help please let me know!


© Feline Themes
----------------------------------------------------------------------->



<div id="03" class="popup_block">
<div id="popuplinks">

<div id="tabby1" onClick="document.getElementById('tabby1').style.zIndex='110'; document.getElementById('tabby2').style.zIndex='0'; document.GetElementById('tabby3').style.zIndex='0'; document.getElementById('tabby4').style.zIndex='0'">
<div id="tab1"><div class="tab1">Tab 1</div></div>
<div id="page1">
    <div id="linkscol1">
        <a href="/" target="blank"><div id="popuplink">Link 1</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 2</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 3</div></a>
    </div>



    <div id="linkscol2">

        <a href="/" target="blank"><div id="popuplink">Link 4</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 5</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 6</div></a>
    </div>

    <div id="linkscol3">
        <a href="/" target="blank"><div id="popuplink">Link 7</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 8</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 9</div></a>
    </div>
</div>
</div>




<div id="tabby2" onClick="document.getElementById('tabby2').style.zIndex='100'; document.getElementById('tabby1').style.zIndex='0'; document.getElementById('tabby3').style.zIndex='0'; document.getElementById('tabby4').style.zIndex='0'">
<div id="tab2"><div class="tab2">Tab 2</div></div>
<div id="page2">
    <div id="linkscol1">

        <a href="/" target="blank"><div id="popuplink">Link 10</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 11</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 12</div></a>
    </div>



    <div id="linkscol2">
        <a href="/" target="blank"><div id="popuplink">Link 13</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 14</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 15</div></a>

    </div>

    <div id="linkscol3">
        <a href="/" target="blank"><div id="popuplink">Link 16</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 17</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 18</div></a>
    </div>
</div>
</div>


<div id="tabby3" onClick="document.getElementById('tabby3').style.zIndex='100'; document.getElementById('tabby1').style.zIndex='0'; document.getElementById('tabby2').style.zIndex='0'; document.getElementById('tabby4').style.zIndex='0'">
<div id="tab3"><div class="tab3">Tab 3</div></div>
<div id="page3">
    <div id="linkscol1">
        <a href="/" target="blank"><div id="popuplink">Link 19</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 20</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 21</div></a>
    </div>



    <div id="linkscol2">
        <a href="/" target="blank"><div id="popuplink">Link 22</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 23</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 24</div></a>
    </div>

    <div id="linkscol3">
        <a href="/" target="blank"><div id="popuplink">Link 25</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 26</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 27</div></a>
    </div>
</div>
</div>



<div id="tabby4" onClick="document.getElementById('tabby4').style.zIndex='100'; document.getElementById('tabby1').style.zIndex='0'; document.getElementById('tabby2').style.zIndex='0'; document.getElementById('tabby3').style.zIndex='0'">
<div id="tab4"><div class="tab4">Other</div></div>
<div id="page4">
    <div id="linkscol1">
        <a href="/" target="blank"><div id="popuplink">Link 28</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 29</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 30</div></a>
    </div>



    <div id="linkscol2">
        <a href="/" target="blank"><div id="popuplink">Link 31</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 32</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 33</div></a>
    </div>


    <div id="linkscol3">
        <a href="/" target="blank"><div id="popuplink">Link 34</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 35</div></a>

        <a href="/" target="blank"><div id="popuplink">Link 36</div></a>
    </div>

</div>
</div>

</div>
</div>
<!---------------------------------------------------------------------->