Barra De Menu Do Fórum

por Jhonny_. 04.09.18 16:23

Detalhes da questão

Endereço do fórum: http://ebrgames.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Bom, eu quero mudar a minha barra de menus(Inicio, Calendário, Buscar etc...) Queria mudar a aparência que atualmente está assim:
https://imgur.com/a/cMfqce4
Ou seja, eu quero mudar somente isto: (Inicio, Calendário, Buscar etc...), e a cor tudo, eu quero tirar a que está atualmente, e trocar para esta aqui:
https://imgur.com/a/MUkBoKk

Att,
Jhonny_.

por **tikky** 05.09.18 14:07

Olá @Jhonny_.,

Bem-vindo ao Fórum dos Fóruns!

Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Regras do Fórum, e o que você não deve fazer neste fórum;
Lista de tutoriais e perguntas frequentes;
A Equipe de Suporte;
A função de busca.

Mude a sua folha de estilo para:

Código:: .linklist.navlinks { border-bottom: transparent !important; } li.row { border-bottom: 0; border-top: 0; } ul.topiclist dd, .row, .icon{ border-width: 0; } .header h2{ font-weight: bold; } .module span.corners-top { height: 13px; } .header, .module span.corners-top{ background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%; color: white; text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; padding: 8px; font-size: 12px; font-weight: 300; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; overflow: hidden; margin-bottom: 5px; } #chatbox_header{ background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%; color: white; text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; font-size: 12px; font-weight: 300; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; overflow: hidden; margin-bottom: 5px; } #chatbox_footer{ background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%; color: white; text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; font-size: 12px; font-weight: 300; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; } .forabg{ background-color: transparent; } li.header dd, li.header dt{ color:white; } h2{ color:black font-weight:bold; } .forumbg thead { background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%; color: white; text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; padding: 8px; font-size: 12px; font-weight: 300; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px; overflow: hidden; margin-bottom: 5px; } ul.navlinks { font-weight: 700; text-align: center; border: 1px solid rgba(204, 204, 204, 0.44); border-top-right-radius: 10px; border-bottom-left-radius: 10px; padding: 5px; } ul.linklist li a:hover { color: rgba(255, 0, 0, 0.7); } ul.linklist li { font-size: 1.1em; list-style-type: none; width: auto; display: inline; padding-left: 5px; } ul.linklist li:hover { border-right: 1px solid rgba(204, 204, 204, 0.44); border-left: 1px solid rgba(204, 204, 204, 0.44); } *::-moz-selection, ::selection, *::-webkit-selection, *::-o-selection, *::-ms-selection, *::-khtml-selection { background: rgba(255, 0, 0, 0.69); color: white; } .ro:hover{ background-color: transparent; } *::-moz-scrollbar, ::scrollbar, *::-webkit-scrollbar, *::-o-scrollbar, *::-ms-scrollbar, *::-khtml-scrollbar{ -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; width: 12px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background:transparent; } *::-moz-scrollbar-thumb, ::scrollbar-thumb, *::-webkit-scrollbar-thumb, *::-o-scrollbar-thumb, *::-ms-scrollbar-thumb, *::-khtml-scrollbar-thumb{ -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } li.row:hover { background-color: white; } #message{ -webkit-transition: width 0.6s ease-in-out; width: 184px; } #message:focus{ width: 250px; outline: none; } input.button1, input.button2, button.button1, button.button2, a.button1, a.button2{ background: #323232 url('https://i.imgur.com/WRLCG.png') repeat-x 0 0; border-color: #2B2B2B; color: white; text-shadow: #2B2B2B 0px -1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px; box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 26px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; padding-top: 4px; } #divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies, #submit_button { background: #323232 url(https://i.imgur.com/WRLCG.png) repeat-x 0px 0px; color: white; border-color: #2B2B2B; border-radius: 2px; } #divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover, #submit_button:hover { background-color: #434343; color: white; background-image: none; } a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover { background-color: #434343; color: white; background-image: none; } .fontbutton{ border-width:1px; } .post { border: 1px solid gainsboro; border-radius: 10px; margin-bottom: 10px; } .postprofile{ border: 1px solid gainsboro; border-radius: 10px; padding-bottom: 10px; padding-top: 10px; padding-left: 5px; } dl.codebox dt { background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png); background-repeat: no-repeat; background-position: 100% 0%; } dl.codebox{ border-top-right-radius: 10px; border-bottom-left-radius: 10px; padding: 5px; } .mainmenu{ text-align: center; color: white; line-height: 36px; outline: none; height: 36px; border-right: 1px solid rgba(255, 255, 255, 0.1); } ul.navlinks { background-color: #0A0A0A; background-image: none; background-repeat: repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: white 0px 1px 0px 0px, rgba(0, 0, 0, 0.496094) 0px 1px 3px 0px inset; color: #5A5A5A; display: block; font-family: tahoma, helvetica, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; height: 36px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: static; text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px; width: auto; } .announcement{ background-image: none; background-color: transparent; } #text_edit .button2, .button1{ background-image: none; background-color: transparent; color: black; } #divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active, #submit_button:active { -webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px; -moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px; box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px; position: relative; } .postprofile { text-align: center; } .post { border-top: 1px solid #adadac; -webkit-border-radius: 1px!important; } .row:hover { border: 1px solid #ec893b !important; border-left: 4px solid #ec893b !important; border-right: 4px solid #ec893b !important; } .row { border: 1px solid #dadada !important; } ul.linklist li a:hover { color: #f99546!important; } #fa_ticker_block .module .inner .corners-top:nth-of-type(1) { display: none; } #TGlogin_form { position: fixed; z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ÂCopyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .TGlogin_form-float-content{ width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent; } .TGlogin_form-float-div { background: url("https://i.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent; margin: 0 auto; padding: 20px 0 0 60px; width: 250px; } .TGlogin_form-float-div label { font-family: Verdana; display: block; font-size: 12px; padding-bottom: 5px; text-align: right; } .TGlogin_form-float-div label em { color: #000000; font-family: Verdana; display: block; float: left; font-style: normal; width: 80px; font-size: 12px; text-align: right; } .TGlogin_form-float-div input { border: 1px solid #CCCCCC; height: 22px; width: 146px; } .TGlogin_form-float-div input.submit { background: url("https://i.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD; padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #BBB; float: right; height: auto; width: auto; } .TGlogin_form-float-div input.submit:active { position:relative; top: 1px; } .TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus { cursor:pointer; color:#000; } .TGlogin_form-float_overlay{ display: none; position:fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 9; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } #TGlogin_form .TGClose { cursor: pointer; bottom: 3px; color: #000000; font-size: 15px; font-weight: 700; position: absolute; right: 5px; } #TGlogin_form .TGClose:active { color: #FF0000 !important; bottom: 2px; } /* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */ .postprofile { background: white; border: 3px solid #e2e2e1; box-shadow: 0px 0px 7px #d2d2d2; border-radius: 5px 5px 5px; padding: 4px; } .header, .module span.corners-top { padding: 1px; } /*--CENTRALIZAR PERFIL--*/ #i_whosonline + p br + br + em { width: 70%; background: white url(https://i.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom; border: 2px solid #DDD; border-radius: 6px; text-align: center; padding: 10px 8px 5px 5px; display: block; margin: 0 auto; font-size: 0px; color: transparent; } #i_whosonline + p br + br + em a { -webkit-transition-duration: .3s; text-shadow: 0px 1px 1px #454545; font-size: 15px; margin: 0 5px; font-style: normal; font-weight: normal; } #i_whosonline + p br + br + em a:hover { background: #DDD; padding: 9px 10px 10px; } #quick_reply input[name="post"], #quick_reply input[name="Ir"], #quick_reply input[name="preview"] { background: #ed9701; } /* ------------------------- Colorir Nick ------------------------------- */ a[href="/u115"]{ background:url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif) } a[href="/u115"]{ text-shadow:0 0 5px #0000FF } /* ------------------------- Colorir Nick ------------------------------- */ a[href="/u1"]{ background:url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif) } a[href="/u1"]{ text-shadow:0 0 5px #FF0000 } { margin: 0px; padding: 0px; } a.mainmenu img:hover { -moz-opacity:1; cursor:allowed; filter:alpha(opacity=100); opacity:1 } a{ outline:none } ul.linklist li a img { propriedades } ul.linklist a img:hover { propriedades } a[href="/faq"] { display: none !important; } .postprofile dl dd:first-of-type { display: Rank; } div.postprofile dl dt img{ margin-left: 3px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } div.postprofile dl dt img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); } a[href ="/u2"] { color:#FF0000; } a[href="/u2"] { background: url("https://i.imgur.com/GOJ0R.gif"); } #page-header #search-box { position: absolute; top: 20px; right: 7%; } /* Caixa de busca por SUPERO*/ #search-box{ position: center; bottom: 55px; height: 40px; width: 190px; right: -150px; display: inline; background: transparent url() no-repeat center; } #search-box input.button2 { display: none; } #search-box { padding-bottom: 5px !important; } #search-box #keywords { width: 70px; color: white; font-family: Verdana; font-size: 16 px; font-style: bold; font-weight: bold; background: transparent; } #search-box input { border: none !important; background: none; } #search-box input.search { background: none; margin-left: 30px; margin-top: 15px; } /* Fim da caixa de busca */ #main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{ border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf } .LGlike { background: #105289; padding: 3px; border-radius: 4px; color: #fff; font-size: 10px; font-weight: bold; text-shadow: -1px 0.5px #888; box-shadow: 1px 1px 1px #888; cursor: pointer; margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote { filter:Alpha(opacity=50); opacity: 0.5; cursor: default; box-shadow: none; text-shadow: none; } .sbSelector { display: block; height: 30px; left: 0px; line-height: 30px; outline: medium none; overflow: hidden; position: absolute; text-indent: 10px; top: 0px; width: 170px; } .sbToggle { background: url("https://i.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent; display: block; height: 30px; outline: medium none; position: absolute; right: 0px; top: 0px; width: 30px; } .sbSelector:hover, .sbSelector:link, .sbSelector:visited { color: rgb(235, 181, 45); outline: medium none; text-decoration: none; } .sbOptions a:link, .sbOptions a:visited { color: rgb(221, 221, 221); text-decoration: none; } .sbOptions a { border-bottom: 1px dotted rgb(81, 81, 81); display: block; outline: medium none; padding: 7px 0px 7px 3px; } .sbOptions { background-color: rgb(33, 33, 33); border: 1px solid rgb(81, 81, 81); left: -1px; list-style: none outside none; margin: 0px; overflow-y: auto; padding: 0px; position: absolute; top: 30px; width: 200px; z-index: 1; } a, a:hover, body { cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress; } a.mainmenu { color: #FFFFFF !important; display: inline-block; margin: 0 !important; padding-right: 10px; padding-top: -1px; } a:hover { color: #4876FF; text-shadow: 0 0 10px #000000; } a:hover { color: #000000; text-decoration: none; } a:link { color: #000000; text-decoration: none; } a, a:hover, body { cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress; } #page-footer, div.navbar, div.navbar ul.linklist { display: block !important; } ul.navlinks { border-bottom: 1px solid #000000; font-weight: 700; text-align: center; } ul { list-style-type: none; } #page-header #search-box { display: none; } em{ font-style: normal; } .module .postbody .postbody-head { background-color: #e5e6e7; } .post-footer { background-color: #CCCCCC; } .post .post-header { background-color: #CCCCCC; } .headerbar { margin-bottom:0; } blockquote { background-color:#CCCCCC; } ul.linklist li a img { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } ul.linklist li a img:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor:allowed; } a.mainmenu:hover { border-bottom: 4px solid green; } #page-header ul.linklist.navlinks { border-bottom: 4px solid #ff9b00!important; } form[action="/post"] input.button2 { background: #0acc0a!important; border: none !important; border-bottom: 2px solid black !important; border-radius: 3px !important; color: #FFF!important; display: inline-block; font-size: 11px !important; font-weight: 700 !important; line-height: normal!important; margin: 2px !important; padding: 6px 9px!important; } form[action="/post"] input.button2:hover { background: silver!important; color: black !important; }