Post: My Navbar
05-04-2012, 01:14 AM #1
Default Avatar
Lovol
Guest
(adsbygoogle = window.adsbygoogle || []).push({}); Due to everyone leeching it, I've decided to finally release it.
Credits to TheNyan.

    <script type='text/javascript'>
function lite(e, o)
{
e.className = o;
}
</script>
<div class='navbar' id='navbar'>
<center>
<table><tr>
<td><div class='d' onmouseover="lite(this,'g'Winky Winky;" onmouseout="lite(this, 'd'Winky Winky;" onclick="document.location='PLACE LINK HERE'">WHAT YOU WANT TO APPEAR. i.e. "Home" or whatever.</div></td>
</tr></table>
</center>
</div>
<style type='text/css'>
.navbar {border:1px solid grey;height: 30px; border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;box-shadow:inset 0px 0px 5px;font-family:tahoma,ubuntu,arial;font-size:14px;font-weight:bold;background:rgba(255,255,255,.3)}
.d {padding:3px;opacity:0.5;width: 90%;height:80%;border-right: 1px solid grey;border-left: 1px solid grey;cursor:pointer;font-weight:bold;font-size:13px;}
.g {padding:3px;opacity:1.0;width: 90%;height:80%;border-right: 1px solid grey;border-left: 1px solid grey;cursor:pointer;font-weight:bold;font-size:13px;text-shadow: 0.0 0.0 0.2em cyan;}
</style>


Go to where it says:
    <td><div class... etc. and copy it until </div> and </td>

to make new links. Of course, you edit the "PLACE LINK HERE" and so on.

Released to to extreme view source leeching.

Example of how it looks: [url]www.lovol.tk[/url]

Thanks. =D
(adsbygoogle = window.adsbygoogle || []).push({});

The following 5 users say thank you to Lovol for this useful post:

Ben, Jared, Mudkip, Reaper
05-04-2012, 01:24 AM #2
Default Avatar
Dylan
Guest
how to install

The following 2 users say thank you to Dylan for this useful post:

Lovol,
05-04-2012, 01:25 AM #3
If they leeched your stupid menu, you could of source encoded it like I did :carling:
05-08-2012, 10:09 PM #4
Originally posted by Lovol View Post
Due to everyone leeching it, I've decided to finally release it.
Credits to TheNyan.

    <script type='text/javascript'>
function lite(e, o)
{
e.className = o;
}
</script>
<div class='navbar' id='navbar'>
<center>
<table><tr>
<td><div class='d' onmouseover="lite(this,'g'Winky Winky;" onmouseout="lite(this, 'd'Winky Winky;" onclick="document.location='PLACE LINK HERE'">WHAT YOU WANT TO APPEAR. i.e. "Home" or whatever.</div></td>
</tr></table>
</center>
</div>
<style type='text/css'>
.navbar {border:1px solid grey;height: 30px; border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;box-shadow:inset 0px 0px 5px;font-family:tahoma,ubuntu,arial;font-size:14px;font-weight:bold;background:rgba(255,255,255,.3)}
.d {padding:3px;opacity:0.5;width: 90%;height:80%;border-right: 1px solid grey;border-left: 1px solid grey;cursor:pointer;font-weight:bold;font-size:13px;}
.g {padding:3px;opacity:1.0;width: 90%;height:80%;border-right: 1px solid grey;border-left: 1px solid grey;cursor:pointer;font-weight:bold;font-size:13px;text-shadow: 0.0 0.0 0.2em cyan;}
</style>


Go to where it says:
    <td><div class... etc. and copy it until </div> and </td>

to make new links. Of course, you edit the "PLACE LINK HERE" and so on.

Released to to extreme view source leeching.

Thanks. =D


why not just teach how it works , rather then post it for them to leach it also use external css much easier to read if you prefer not run it all in one line :p

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo