Navbar Help!

by holly.a.otoole October 22nd 2010, 9:12 am

Hello, I'm trying to change my Navbar but its very hard to do so because I got the Theme from Hitskin and just whopped it over and the Navbar that comes with the Theme is not liked by the forum and myself so I am trying to change it to these:
https://help.forumotion.com/navigation-bars-f54/nagivation-bar-t75419-30.htm

When I go to Pictures and look for Profile/Calender/Index etc, the graphic is empty. So the Navbar is in the CSS, right?
I am not very good at changing/playing around the CSS, so I need your volunteered work here.

I've figured out the blue navbar on my website is called MENIU, so if you CRTL + F -> MENIU
You should find it when looking at the CSS.

Please, please, PLEASE help me out on this guys.

Website: http://rpgworld.forums.cl/index.htm
CSS:

Spoiler:

Code:: .buttons img{background: url(http://i66.servimg.com/u/f66/13/46/75/82/upload10.png) no-repeat center;} .buttons img:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/upload11.png) no-repeat center;} .i_post{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_to25.png) no-repeat center !important;} .i_post:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_to26.png) no-repeat center !important;} .i_reply, #new-message-link img{background: url(http://i66.servimg.com/u/f66/13/46/75/82/post_r23.png) no-repeat center !important;} .i_reply:hover, #new-message-link img:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/post_r24.png) no-repeat center !important;} .i_reply_locked{background: url(http://i66.servimg.com/u/f66/13/46/75/82/locked31.png) no-repeat center !important;} .i_reply_locked:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/locked32.png) no-repeat center !important;} .i_msg_newpost{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_pm20.png) no-repeat center !important;} .i_msg_newpost:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_pm21.png) no-repeat center !important;} #new-message-link a{border: none !important; -moz-box-shadow : 0 0 0px #666 !important; -webkit-box-shadow : 0 0 0px #666 !important; box-shadow : 0 0 0px #666 !important;} #fa_ticker_block{width: 920px; position: relative; left: 28px; padding: 10px; margin: -10px; padding-top: 15px;} #main-content{ width: 920px !important; float: center; margin-left: 32px;} #page-header .navbar, #page-footer .navbar{ background: none !important; width: 900px !important; margin-left: 32px;} .headerbar{ padding-top: 30px; margin-left: 32px; width: 910px !important;} #page-header{ width: 984px; background: url(http://i678.photobucket.com/albums/vv147/hollyotoole/header22-1.png) no-repeat top center;} #page-body{ background: url(http://i66.servimg.com/u/f66/13/46/75/82/body33.png) repeat-y center !important; width: 100%; margin: 0px 0px;} #outer-wrapper{ padding: 4px 0px;} #page-footer{ float: center !important; width: 985px; background: url(http://i66.servimg.com/u/f66/13/46/75/82/f11.png) no-repeat bottom center; height: 70px;} body { background: #f0fdff url(http://i678.photobucket.com/albums/vv147/hollyotoole/5675676767655.png) repeat; margin: 0px !important; padding: 0px !important;} #wrap{ position: relative; left: 10px;} #logo{ float: right !important; margin-top: -15px; margin-right: -24px; padding: 0;} #profiles { width : auto; padding : 1px; border : 2px solid #EEE; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; -moz-box-shadow : 0 0 10px #666; -webkit-box-shadow : 0 0 10px #666; box-shadow : 0 0 10px #666;} .lastpost{ margin: 3px; width : auto; border : 2px solid #EEE; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; -moz-box-shadow : 0 0 8px #666; -webkit-box-shadow : 0 0 8px #666; box-shadow : 0 0 8px #666;} .header .lastpost{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #tabs a{ margin: 10px; width : auto; color: white; padding : 2px; border : 2px solid #EEE; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; -moz-box-shadow : 0 0 10px #666; -webkit-box-shadow : 0 0 10px #666; box-shadow : 0 0 10px #666;} #tabs .activetab a { background: url('http://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png'); width : auto; color: white; padding : 2px; border : 2px solid #EEE; -moz-border-radius : 7px; -webkit-border-radius : 7px; -moz-box-shadow : 0 0 10px #666; -webkit-box-shadow : 0 0 10px #666;} li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');} h3:before,.h3:before{ content: url(http://i678.photobucket.com/albums/vv147/hollyotoole/right10.png); padding-right: 3px;} p em b a.gensmall{font-style: normal; font-style: italic; font-weight: bold; font-family: Verdana,Arial,Helvetica,sans-serif; text-transform: none;} p em{font-style: normal; font-size: 1.05em !important; font-weight: bold; color: #90AD0E; background: url(http://i66.servimg.com/u/f66/13/46/75/82/soccer11.png) no-repeat left; padding-left: 15px; padding-top: 1px; font-family: Verdana,Arial,Helvetica,sans-serif !important; text-transform: uppercase;} .hierarchy {background: none;} .hierarchy:before {content: url(http://2img.net/i/fa/empty.gif);} .introduction, .panel { margin: 3px; background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x; border: 1px solid ; border-color: #dcdcdc; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} .post { border : 1px solid #949494; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; -moz-box-shadow : 0 0 2px #666; -webkit-box-shadow : 0 0 2px #666; box-shadow : 0 0 6px #666; background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x; } button.button2, input.button2{ background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px;} #login_popup_buttons input{ background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; padding: 2px !important;} a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover { color: #048ebb;} #text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{ background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png); color: black; padding: 3px;} .module { margin: 3px; border : 1px solid #949494; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png'); background-repeat: repeat-x; background-color: #f4f4f4;} .icon-home{ background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho11.png) no-repeat top; padding: 12px; padding-bottom: 20px; color: transparent !important; font-size: 0px !important;} .icon-home:hover{ background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho12.png) no-repeat top; color: transparent;} .blog_cal-border { background-color: transparent; border: 0px; background: url('http://i66.servimg.com/u/f66/13/46/75/82/blog210.png') no-repeat center; padding: 5px 5px;} .blog_cal-content { background-color: transparent; color: #FFFFFF;} ul#privmsgs-menu { border : 1px solid #949494; padding: 1px; margin-right: -80px; width : 530px; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; -moz-box-shadow : 0 0 6px #666; -webkit-box-shadow : 0 0 6px #666; box-shadow : 0 0 6px #666; background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png'); background-repeat: repeat-x; background-color: #f4f4f4;} .blog .icon { background-image: url(http://i45.tinypic.com/af911z.png) no-repeat, center; width: 59px; height: 80px; padding-top: 20px;} #search-box{ margin-top: -20px; position: relative; bottom: -20px; height: 39px; width: 185px; right: -30px; display: inline; background: transparent url(http://i66.servimg.com/u/f66/14/66/48/40/sb11.png) no-repeat center;} #search-box #keywords { width: 80px; background: transparent; font-family: Georgia; font-style: italic; font-size: 12px;} #search-box input { border: none !important; background: none;} #search-box input.search { background: none; margin-left: 51px; margin-top: 11px;} #search-box input.button2 { font-size: 0px; background-image: url(http://i66.servimg.com/u/f66/14/66/48/40/buton_11.png); background-color: transparent; background-repeat: no-repeat; width: 24px !important; height: 24px !important; border: 0; margin-left: 4px; margin-bottom: -9px; background-position: 0 100%; color: transparent;} .forabg, .forumbg { -moz-border-radius: 10px 10px 11px 11px; -webkit-border-radius: 10px 10px 11px 11px; border-radius: 10px 10px 11px 11px; padding: 0 6px !important;} .forumline{ -moz-border-radius: 10px 10px 11px 11px; -webkit-border-radius: 10px 10px 11px 11px; border-radius: 10px 10px 11px 11px;} .icon{margin-left: -22px; padding-left: 22px;} .forumbg .icon{margin-left: -22px; padding-left: 22px;} .forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 3px;} .forabg ul.forums, .pmlist { border: 2px solid white; background: #e7e5e5 url(http://i66.servimg.com/u/f66/13/46/75/82/a20.png) !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} ul.topiclist, .pmlist { z-index: 999 !important; position: relative !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .pmlist .icon{margin-left: -25px !important; padding-left: 25px;} .forabg .row{background: none !important;} .forumbg .row{ border-left: 2px solid white; border-right: 2px solid white;} .forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1 .row2:first-child{ -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px 10px 0 0; border-top-right-radius: 10px 10px 0 0; border-top: 2px solid white;} .forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1 .row2:last-child{ -moz-border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px 10px 0 0; border-bottom-right-radius: 10px 10px 0 0; border-bottom: 2px solid white;} ul.search{ background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid white;} .table1{ z-index: 999 !important; position: relative;} .forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{ z-index: 999 !important; position: relative !important;} table{ border-spacing: 0px; border-collapse: expression('separate', cellSpacing = '0px');} .forabg .corners-bottom, .forumbg .corners-bottom{ display: inline-block; width: 920px; margin-left: -6px; padding-top: 50px; margin-top: -40px; background: url(http://i66.servimg.com/u/f66/11/96/49/61/bottom10.png) repeat-x bottom; z-index: -1 !important; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;} #page-header .navbar ul.navlinks{ width: 1012px; height: 50px; background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center; left: -56px; position: relative;} #page-header .navbar ul.navlinks li a{ color: white; position: relative; bottom: -22px !important; margin: 5px; font-family: arial; font-size: 14px; text-shadow: 1px 1px 1px black;} #page-header .navbar ul.navlinks li a:hover{ text-shadow: -1px -1px 1px black; color: #dcf9ff;} .overview{ border: 2px solid #2b6f02; top: 50px !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: white !important; background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;} .overview label{color: white;} .overview .row2{background: none; border-bottom: 1px dashed white; text-shadow: 1px 1px 1px black;} .overview a{position: static !important;} .post{ background: #eeeeee url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right;} #preview { background: #eeeeee !important;} input[type="text"],input[type="password"]{background-image: none !important;} .online{z-index: 999 !important; background: #eeeeee url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right;} dl.codebox { background-color: #ffffff; border: 1px solid #e4e4e4;} dl.codebox dt { text-transform: none; background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat right; border-bottom: 1px dashed #c6e340; font-size: 12px; font-family: "Trebuchet MS",georgia,Verdana,Sans-serif; color: #666666;} .resizebox{ background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-repeat; background-position: top right; font-size: 12px; font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;} .resizebox .resize_border{border: 1px solid #e4e4e4;} #chatbox{left: 205px; top: 40px;} #chatbox_members{top: 40px;} #chatbox_footer {padding-top: 4px !important; padding-bottom: 4px !important; padding-right: 0px !important; padding-left: 0px !important; width: 96%; margin-left: 1.5%;} #chatbox_footer #message{padding: 3px; width: 70%; cursor: text;} #chatbox_footer .text-field {width: 500px; margin-top: 5px;} #chatbox_footer .fontbutton{padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f6ffe0; border: 2px solid #558A11;} .postprofile{ float: left !important; color: forestgreen; text-align: left; border-color: #e6e6e6;} #login_popup {border: 2px solid #198699; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;} .pagination a { background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px !important;} .pagination a:hover{color: #90AD0E !important;} .pagination span strong{ background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; color: #198699;} .row .pagination { background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;} .header{text-shadow: 1px 1px 0px #286b00;} #page-footer .copyright strong a{ border: 2px solid black; padding: 5px; background: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; bottom: -15px; width: 100% !important;} ul#picture_legend { margin: 5px; padding: 5px; border : 1px solid #949494; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png'); background-repeat: repeat-x; background-color: #f4f4f4;} .user_login_form{margin: 5px;}