Thread: Old rs navigation bar [ Nav bar ]

Results 1 to 5 of 5
  1. #1 Old rs navigation bar [ Nav bar ] 
    Donator
    Darkness's Avatar
    Join Date
    Nov 2012
    Age
    26
    Posts
    876
    Thanks given
    121
    Thanks received
    75
    Rep Power
    47
    First i'm unsure of the category this should be posted in,
    Second, I'm pretty sure this is already released somewhere, but in fact I just used 20 minutes and I didn't find it, I thought i'd make it easier for anyones who's searching.

    The results :



    The code ( which is placed above your webclient applet )

    Replace google.com by your links.

    If you're telling me this is already released and easy to acess i'll remove it. Let me know if i'm in the wrong section!
    Code:
    <html>
    <head>
    <style type="text/css">
      html {
        margin: 0;
        padding: 50%;
        width: 100%;
        height: 100%;
      }
      body {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0;
        font-family: Arial, Helvetica, FreeSans, sans-serif;
        background: black;
        width: 100%;
        height: 100%;
      }
      td {
        text-align: center;
      }
      #tb {
      margin: auto;
      width: 766px;
      height: 90px;
     }
      .minheight {
        width: 0;
        height: 503px;
      }
      applet, object, embed, comment {
        margin: 0;
        padding: 0;
      }
      #gametable {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
      }
      #gamecell {
        width: 5000px;
        height: 100%;
      }
      #gameframe {
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        height: 100%;
      }
      #menu {
        margin: auto;
        width: 728px;
        height: 27px;
        font-size: 12px;
        background: transparent url('http://www.rspscoding.org/upload/archive/332758221.png') left top no-repeat;
      }
      #menu div {
        float: left;
        padding: 4px;
      }
      #menubox {
        padding: 0 0 5px;
      }
      #home, #forums, #guides, #accmanagement, #report, #donate {
        float: left;
        height: 19px;
        line-height: 17px;
        margin: 0;
        padding: 0;
        color: #e8d800;
        font-weight: bold;
        text-decoration: none;
        background-image: url('http://www.rspscoding.org/upload/archive/1528357857.png');
      }
      #home, #forums, #guides, #report, #donate {
        width: 101px;
        background-position: left top;
      }
      #accmanagement {
      width: 163px;
      background-position: -110px top;
      }
      #accmanagement:hover {
      color: black;
      background-position: -110px bottom;
      }
      #home:hover, #forums:hover, #guides:hover, #report:hover, #donate:hover {
        color: black;
        background-position: left bottom;
      }
      #textbar {
        position: absolute;
        right: 47px;
        top: 2px;
        width: 86px;
        height: 15px;
        line-height: 15px;
        border: none;
        padding: 0 0 0 1px;
        background: white;
       }
    </style>
    <div id="menubox">
    <div id="menu">
    <div>
     
    <a id="forums" target="_blank" href="http://google.com">Home</a>
    <a id="forums" target="_blank" href="http://google.com">Forums</a>
    <a id="forums" target="_blank" href="http://google.com">Donate</a>
    <a id="forums" target="_blank" href="http://google.com">Download</a>
    <a id="forums" target="_blank" href="http://google.com">Vote</a>
    <a id="forums" target="_blank" href="http://google.com">Regiser now</a>
    <a id="forums" target="_blank" href="http://google.com">Highscores</a>
     
    </div>
    </div>
    </div>
    </head>
    </html>
    Attached image
    Reply With Quote  
     

  2. #2  
    Boy Wonder


    Join Date
    Mar 2012
    Posts
    849
    Thanks given
    139
    Thanks received
    80
    Rep Power
    99
    Quote Originally Posted by Olinice View Post
    First i'm unsure of the category this should be posted in,
    Second, I'm pretty sure this is already released somewhere, but in fact I just used 20 minutes and I didn't find it, I thought i'd make it easier for anyones who's searching.

    The results :



    The code ( which is placed above your webclient applet )

    Replace google.com by your links.

    If you're telling me this is already released and easy to acess i'll remove it. Let me know if i'm in the wrong section!
    Code:
    <html>
    <head>
    <style type="text/css">
      html {
        margin: 0;
        padding: 50%;
        width: 100%;
        height: 100%;
      }
      body {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0;
        font-family: Arial, Helvetica, FreeSans, sans-serif;
        background: black;
        width: 100%;
        height: 100%;
      }
      td {
        text-align: center;
      }
      #tb {
      margin: auto;
      width: 766px;
      height: 90px;
     }
      .minheight {
        width: 0;
        height: 503px;
      }
      applet, object, embed, comment {
        margin: 0;
        padding: 0;
      }
      #gametable {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
      }
      #gamecell {
        width: 5000px;
        height: 100%;
      }
      #gameframe {
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        height: 100%;
      }
      #menu {
        margin: auto;
        width: 728px;
        height: 27px;
        font-size: 12px;
        background: transparent url('http://www.rspscoding.org/upload/archive/332758221.png') left top no-repeat;
      }
      #menu div {
        float: left;
        padding: 4px;
      }
      #menubox {
        padding: 0 0 5px;
      }
      #home, #forums, #guides, #accmanagement, #report, #donate {
        float: left;
        height: 19px;
        line-height: 17px;
        margin: 0;
        padding: 0;
        color: #e8d800;
        font-weight: bold;
        text-decoration: none;
        background-image: url('http://www.rspscoding.org/upload/archive/1528357857.png');
      }
      #home, #forums, #guides, #report, #donate {
        width: 101px;
        background-position: left top;
      }
      #accmanagement {
      width: 163px;
      background-position: -110px top;
      }
      #accmanagement:hover {
      color: black;
      background-position: -110px bottom;
      }
      #home:hover, #forums:hover, #guides:hover, #report:hover, #donate:hover {
        color: black;
        background-position: left bottom;
      }
      #textbar {
        position: absolute;
        right: 47px;
        top: 2px;
        width: 86px;
        height: 15px;
        line-height: 15px;
        border: none;
        padding: 0 0 0 1px;
        background: white;
       }
    </style>
    <div id="menubox">
    <div id="menu">
    <div>
     
    <a rel="nofollow" id="forums" target="_blank" href="http://google.com">Home</a>
    <a rel="nofollow" id="forums" target="_blank" href="http://google.com">Forums</a>
    <a rel="nofollow" id="forums" target="_blank" href="http://google.com">Donate</a>
    <a rel="nofollow" id="forums" target="_blank" href="http://google.com">Download</a>
    <a rel="nofollow" id="forums" target="_blank" href="http://google.com">Vote</a>
    <a rel="nofollow" id="forums" target="_blank" href="http://google.com">Regiser now</a>
    <a rel="nofollow" id="forums" target="_blank" href="http://google.com">Highscores</a>
     
    </div>
    </div>
    </div>
    </head>
    </html>
    Thanked and repped, needed this.
    Reply With Quote  
     

  3. #3  
    Registered Member
    Morphine's Avatar
    Join Date
    Jul 2011
    Posts
    1,814
    Thanks given
    495
    Thanks received
    262
    Rep Power
    136
    nice man, good job.
    Reply With Quote  
     

  4. #4  
    Registered Member
    Join Date
    Feb 2014
    Posts
    8
    Thanks given
    0
    Thanks received
    0
    Rep Power
    0
    Some old servers use this and I think it's nice that you shared the source code.
    Reply With Quote  
     

  5. #5  
    Donator

    Join Date
    Sep 2012
    Posts
    63
    Thanks given
    3
    Thanks received
    3
    Rep Power
    36
    Looks good man! Thanks for your contribution
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. SMF Nav BAr
    By Harman in forum Application Development
    Replies: 11
    Last Post: 01-15-2012, 06:39 AM
  2. [php] nav bar
    By Norcotic in forum Application Development
    Replies: 2
    Last Post: 10-16-2011, 01:33 AM
  3. Nav bar Help! Vbulletin
    By .GFX+ in forum Application Development
    Replies: 3
    Last Post: 10-05-2011, 11:36 PM
  4. [SMF Trick] Displaying a Statically Positioned Nav Bar
    By Anthony` in forum Website Development
    Replies: 5
    Last Post: 04-06-2011, 04:33 AM
  5. Centre logo and nav bar [Help]
    By Scratch. in forum Application Development
    Replies: 5
    Last Post: 12-05-2009, 12:23 AM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •