Menu igual deste forum

Item: Menu igual deste forum
Rating: 1

por Convidado 20.09.12 16:47

Qual é minha questão:
Boas,
gostaria de ter o mesmo efeito do menu deste fórum coma cor e o risco em baixo quando passa o mouse se souberem fazer o mesmo efeito para obter em meu fórum

Links e imagens do meu problema:
...

Endereço do meu fórum:
http://graminieiros.forumeiro.com/

Versão do meu fórum:
PHPBB3

por JonasB. 20.09.12 16:49

Olá,

Adicione em teu CSS:

Código:: a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#dcebf5;color:#536482;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#dcebf5;color:#536482;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover { background-position: 0px 100%; border: 1px solid #FF0000; } #main-content a.cgu-buttons, button.button2, input.button1, input.button2 { background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png); border: 1px solid #DDD; border-radius: ; padding: 3px 5px; } .navbar { background-color: transparent; clear: both; padding: 0 10px; } ul.navlinks { border-bottom: 1px solid black; font-weight: 700; text-align: center; } #search-box input.button2 { background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px 2px 2px 2px; color: #666666; cursor: pointer; font-size: 11px; font-weight: 700; height: 29px; line-height: 27px; margin: 11px 6px; min-width: 54px; padding: 0 8px; text-align: center; } p.nomargin { font-size: 1.1em; line-height: 1.3em; margin-bottom: 0; } #search-box #keywords { background-color: #FFFFFF; width: 95px; } #search-box input { -moz-box-sizing: content-box; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D9D9D9; color: #000000; height: 23px; } #search-box { float: right; margin-right: 5px; margin-top: 10px; white-space: nowrap; } #search-box{margin-bottom:5px}search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px} .quick_connex { padding: 5px; position: absolute; right: 200px; top: 242px; width: 160px; } .quick_connex .connec_close { bottom: 3px; float: right; left: 5px; position: relative; } .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png); font-family: Arial, Helvetica, sans-serif; display: none; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } #textarea_content textarea#text_editor_textarea{width:98%!important} p.author { -moz-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; background: none repeat scroll 0 0 white; border: 1px solid #C3E0F1; border-radius: 0 6px 6px 0; color: #232323; left: -11px; margin-top: 7px; padding-left: 3px; padding-top: 3px; position: relative; width: 275px; } blockquote { background: #EBEADD url(http://2img.net/i/fa/prosilver/quote.gif) no-repeat 6px 8px; border: 1px solid #DBDBCE; margin: 1em 1px 1em 25px; overflow: hidden; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid transparent; } blockquote, blockquote blockquote, blockquote blockquote blockquote { background: #F9F9F9 none; border: 1px solid #DEDEDE; border-radius: ; padding: 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid transparent; } equipefundo{background-image:url(http://i.imgur.com/Rb9If.png);background-repeat:repeat-y}.post.equipefundoMods{background-image:url(http://i.imgur.com/OsHYs.png);background-repeat:repeat-y}.post.equipefundoArt{background-image:url(http://i.imgur.com/6QFgj.png);background-repeat:repeat-y}.post.equipefundoAju{background-image:url(http://i.imgur.com/XtFaN.png);background-repeat:repeat-y}.post.online.equipefundo{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/Rb9If.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoMods{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/OsHYs.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoArt{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/6QFgj.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoAju{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/XtFaN.png);background-repeat:no-repeat,repeat-y} a[href="/u1"] { text-shadow: 0 0 5px yellow; background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif); }http://graminieiros.forumeiro.com/u1 #modo { display: none; } .dterm:hover #modo { display: block; } /*arredondar a borda do fÃ³rum*/ #wrap { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #FFFFFF; } .fade { display:inline-block; background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0))); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)"; } .blur { display:inline-block; color:#ddd; text-shadow: 0 0 2px #aaaaaa; text-shadow: 0 0 4px #aaaaaa; text-shadow: 0 0 6px #aaaaaa; -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)"; filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310) progid:DXImageTransform.Microsoft.Blur(pixelradius=2); } .flipH { display:inline-block; -moz-transform:scale(-1,1); -o-transform:scale(-1,1); -webkit-transform:scale(-1,1); transform:scale(-1,1); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix( M11=-1, M12=0, M21=0, M22=1, SizingMethod="auto expand"); } .flipV { display:inline-block; -moz-transform:scale(1,-1); -o-transform:scale(1,-1); -webkit-transform:scale(1,-1); transform:scale(1,-1); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=0, M22=-1, SizingMethod="auto expand"); }