Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Fou-Lu
 
Holkis
 
iScroll
 
Sr.Oliveira
 
Harleen
 
while
 
Stewart
 
fiapinho
 

Quem está conectado
246 usuários online :: 11 usuários cadastrados, 1 Invisível e 234 Visitantes :: 2 Motores de busca

[K]oke, Daemon, DooGy00, Fou-Lu, iScroll, Kyou, L Mars, Maguro Taniguchi, Neimasinho, Tiger, tikky

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Menu parecido FDF

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu parecido FDF

Mensagem por Kouctk em Sab 14 Mar 2015 - 23:01

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Mozilla Firefox, Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://forum-muperfect.forumeiros.com/

Descrição do problema

Gostaria de mudar o meu menu ,estilo FDF mesmas funçoes, mesmo estilo cor e tudo,segue a imagem:http://i.imgur.com/xNWk9Pa.png
Se possível,desde já agradeço.


Última edição por Kouctk em Dom 15 Mar 2015 - 0:56, editado 1 vez(es)

Kouctk
Nível 4

Masculino
Inscrito dia : 28/02/2015
Mensagens : 31
Pontos Ativos : 781

http://forum-muperfect.forumeiros.com/

Resolvido Re: Menu parecido FDF

Mensagem por Shaman em Sab 14 Mar 2015 - 23:16

Código:
ul.linklist.navlinks > li > a {
  display: inline-block;
  line-height: 35px;
}
ul.linklist.navlinks a {
  color: #FFF;
  padding: 0 10px;
  text-decoration: none;
}

a:visited {
  color: #0372be;
  text-decoration: none;
}

a {
text-decoration: none;
}

  ul.linklist li {
  display: inline;
  font-size: 1.1em;
  line-height: 2.2em;
  list-style-type: none;
  width: auto;
}

ul.navlinks {
  -moz-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
  border-color: #4ca0ce #155d98 #155d98;
  border-image: none;
  border-radius: 0 0 6px 6px;
  border-style: none none solid;
  border-width: 0 0 4px;
  bottom: 9px;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
  font-size: 12px;
  position: relative;
  text-align: center;
}

ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
  background: none repeat scroll 0 0 #155d98;
  color: #FFF;
}

ul.linklist.navlinks > li > a {
  display: inline-block;
  line-height: 35px;
}


Adicione isto a seu CSS, se faltar algo (Provavelmente falte) Você poste abaixo.

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 3571

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Menu parecido FDF

Mensagem por Kouctk em Sab 14 Mar 2015 - 23:23

Deu certo amigo,falto só as listras brancas na separação:http://i.imgur.com/8xfpaPl.png
Só me fale se remove em configurações.
Desde já Grato.

Kouctk
Nível 4

Masculino
Inscrito dia : 28/02/2015
Mensagens : 31
Pontos Ativos : 781

http://forum-muperfect.forumeiros.com/

Resolvido Re: Menu parecido FDF

Mensagem por Shaman em Sab 14 Mar 2015 - 23:35

Essa bordar não achei a class dela rs, pode me passar seu template overall_header?

No aguardo.

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 3571

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Menu parecido FDF

Mensagem por Kouctk em Sab 14 Mar 2015 - 23:48

Ta ae amigo,template overall_header..
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
 <meta http-equiv="content-script-type" content="text/javascript" />
 <meta http-equiv="content-style-type" content="text/css" />
 <!-- BEGIN switch_compat_meta -->
 <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
 <!-- END switch_compat_meta -->
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
 <!-- END switch_canonical_url -->
 {META_FAVICO}
 {META}
 {META_FB_LIKE}
 <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
 {T_HEAD_STYLESHEET}
 {CSS}
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
 <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
 <script src="{JQUERY_PATH}" type="text/javascript"></script>
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

 <!-- BEGIN switch_fb_login -->
 <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
 <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
 <!-- END switch_fb_login -->

 <!-- BEGIN switch_ticker -->
 <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
 <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
 <!-- END switch_ticker -->

 <!-- BEGIN switch_ticker_new -->
 <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
 <script type="text/javascript">//<![CDATA[
 /* Definir le sens de direction en fonction du panneau admin */
 var tickerDirParam = "{switch_ticker.DIRECTION}";
 var slid_vert = false;
 var auto_dir = 'next';
 var h_perso = parseInt({switch_ticker.HEIGHT});

 switch( tickerDirParam )
 {
 case 'top' :
 slid_vert = true;
 break;

 case 'left':
 break;

 case 'bottom':
 slid_vert = true;
 auto_dir = 'prev';
 break;

 case 'right':
 auto_dir = 'prev';
 break;

 default:
 slid_vert = true;
 }

 $(document).ready(function() {

 $('#fa_ticker_content').css('display','block');

 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});

 if (width_max > 0)
 {
 $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
 if ($(this).width() > width_item)
 {
 var ratio = $(this).width() / width_item;
 var new_height = Math.round($(this).height() / ratio);
 $(this).height(new_height).width(width_item);
 }
 });

 if (slid_vert)
 {
 var height_max = h_perso;

 $('ul#fa_ticker_content li').each( function () {
 if ($(this).height() > height_max)
 {
 height_max = $(this).height();
 }
 } );

 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
 $('ul#fa_ticker_content li').height(height_max);
 }


 $('#fa_ticker_content').jcarousel({
 vertical: slid_vert,
 wrap: 'circular',
 auto: {switch_ticker.STOP_TIME},
 auto_direction: auto_dir,
 scroll: 1,
 size: {switch_ticker.SIZE},
 height_max: height_max,
 animation: {switch_ticker.SPEED}
 });
 }
 else
 {
 $('ul#fa_ticker_content li:not(:first)').css('display','none');
 $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
 }
 });
 //]]>
 </script>
 <!-- END switch_ticker_new -->

 <script type="text/javascript">//<![CDATA[
 $(document).ready(function(){
 <!-- BEGIN switch_enable_pm_popup -->
 pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
 if(pm != null) { pm.focus(); }
 <!-- END switch_enable_pm_popup -->
 <!-- BEGIN switch_report_popup -->
 report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
 if(report != null) { report.focus(); }
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 $(document).ready(function() {
 Ticker.start({
 height : {switch_ticker.HEIGHT},
 spacing : {switch_ticker.SPACING},
 speed : {switch_ticker.SPEED},
 direction : '{switch_ticker.DIRECTION}',
 pause : {switch_ticker.STOP_TIME}
 });
 });
 <!-- END switch_ticker -->
 });

 <!-- BEGIN switch_login_popup -->
 var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
 <!-- END switch_login_popup -->

 <!-- BEGIN switch_login_popup -->
 $(document).ready( function() {
 $(window).resize(function() {
 var windowWidth = document.documentElement.clientWidth;
 var popupWidth = $("#login_popup").width();
 var mypopup = $("#login_popup");

 $("#login_popup").css({
 "left": windowWidth/2 - popupWidth/2
 });
 });
 });
 <!-- END switch_login_popup -->
 //]]>
 </script>
 {GREETING_POPUP}
 <style type="text/css">
 #page-footer, div.navbar, div.navbar ul.linklist {
 display: block !important;
 }
 ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
 display: inline !important;
 }

 <!-- BEGIN switch_ticker_new -->
 .jcarousel-skin-tango .jcarousel-item {
 text-align:center;
 width: 10px;
 }

 .jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right: {switch_ticker.SPACING}px;
 }

 .jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: {switch_ticker.SPACING}px;
 }
 <!-- END switch_ticker_new -->
 </style>
 {HOSTING_JS}
 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 var _gaq = _gaq || [];
 _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
 _gaq.push(["_trackPageview"]);
 _gaq.push(['_trackPageLoadTime']);

 <!-- BEGIN google_analytics_code_bis -->
 _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
 _gaq.push(['b._trackPageview']);
 <!-- END google_analytics_code_bis -->

 (function() {
 var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
 ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
 var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
 })();
 //]]>
 </script>
 <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
 <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
 <div class="content">
 <p>
 {hitskin_preview.L_THEME_SITE_PREVIEW}
 <br />
 <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
 </p>

 </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
 <div class="h3">{SITENAME}</div>
 {LOGIN_POPUP_MSG}
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button1" value="{L_LOGIN}" />
 <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
 <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
 </form>
 </div>
</div>
<!-- END switch_login_popup -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
 <a id="top" name="top" accesskey="t"></a>
 {JAVASCRIPT}

 <div id="page-header">
 <div class="headerbar">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div id="logo-desc">
 <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 <!-- BEGIN switch_h1 -->
 <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
 <!-- END switch_h1 -->
 <!-- BEGIN switch_desc -->
 <p>{switch_desc.SITE_DESCRIPTION}</p>
 <!-- END switch_desc -->
 </div>

 <span class="corners-bottom"><span></span></span></div>
 </div>

 <div class="navbar">
 <div class="inner"><span class="corners-top"><span></span></span>

 <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>

 <!-- BEGIN switch_search_box -->
 <div id="search-box">
 <form method="get" action="{ACTION_SEARCH}" id="search">
 <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
 {JS_SESSION_ID_INPUT}
 <input class="button2" type="submit" value="{L_SEARCH}" /></p>
 </form>
 </div>
 <!-- END switch_search_box -->

 <span class="corners-bottom"><span></span></span></div>
 </div>

 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_blockD" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 </div>
 <!-- END switch_ticker_new -->

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 </div>
 <!-- END switch_ticker -->
 </div>

 <div id="page-body">

 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <div id="outer-wrapper">
 <div id="wrapper">
 <div id="container">
 <div id="content">

 <div id="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>

 <div id="main">
 <div id="main-content">

Kouctk
Nível 4

Masculino
Inscrito dia : 28/02/2015
Mensagens : 31
Pontos Ativos : 781

http://forum-muperfect.forumeiros.com/

Resolvido Re: Menu parecido FDF

Mensagem por Shaman em Dom 15 Mar 2015 - 0:21

Nossa essa borda ta me dando uma coça kkkk, pode me passar seu CSS, esqueci que seu fórum é PHPBB ...

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 3571

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Menu parecido FDF

Mensagem por Kouctk em Dom 15 Mar 2015 - 0:23

Mas qual CSS,o que me passou?

Kouctk
Nível 4

Masculino
Inscrito dia : 28/02/2015
Mensagens : 31
Pontos Ativos : 781

http://forum-muperfect.forumeiros.com/

Resolvido Re: Menu parecido FDF

Mensagem por Shaman em Dom 15 Mar 2015 - 0:25

@Kouctk escreveu:Mas qual CSS,o que me passou?

Não amigo o de, Painel de controle Seta Visualização Seta Cores Seta Folha de estilo CSS

Ai copia e poste aqui. Vou ver se acho q ID da borda.

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 3571

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Menu parecido FDF

Mensagem por Kouctk em Dom 15 Mar 2015 - 0:28

Segue ae:
Código:
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;
 }
.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}
    .perfilInfo {
    background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
    float: left;
    height: 14.8em;
    left: -38em;
    padding: 16px 0px 20px 5px;
    top: 13px;
    width: 510px;
    z-index: 999;
    }
    .avatar-index img {
    height: 70px;
    float: left;
    margin: 0 4px;
    }
    .linkPrf {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F6F6F6;
    border: 1px solid #DBDBDB;
    border-radius: 0 0 4px 4px;
    bottom: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #616161;
    float: left;
    height: 14px;
    left: 21.7em;
    position:relative;
    margin: 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none!important;
    transition: all .2s ease-in-out;
    width: 8em;
    }
    .linkPrf:hover{color: #4C4C4C;
    border-color: #9A9A9A;}
    .linkPrf:hover a{color: #4C4C4C;}
    .linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
    .setPerfil {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    height: 100%;
    padding: 5px;
    padding-bottom: 10px;
    border-radius: 3px;
    }
    .setPerfil > span {
    background: #f9f9f9;
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 3px;
    border: 1px solid #999;
    }
    .setPerfil .PerfilInfoImg {
    width: 94px;
    height: 166px;
    float: left;
    display: table;
    background: #E1E1E1;
    padding: 3px;
    box-shadow: 1px 1px 0 #CCC;
    }
    .setPerfil p div, .setPerfil span p  span{
    display: inline;
    }

    .setPerfil h2 {
    float: left;
    font: bold 19px "Trebuchet MS";
    display: block;
    background: #E1E1E1;
    width: 380px;
    color:#333;
    padding: 5px;
    text-shadow: 1px 1px 0 white;
    border-radius: 0 10px 0px 0;
    box-shadow: 1px 1px 0 #CCC;
    margin:0 0 10px;
    }
    .setPerfil p {
    margin: 2px 5px;
    float: right;
    display: block;
    background: #F1F1F1;
    width: 350px;
    text-align: left;
    padding: 5px;
    box-shadow: 1px 1px 0 #CCC;
    font-weight: normal;
    border-left: 3px solid #333;
    border-top: 1px solid #333;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    }
    .setPerfil p:hover {
    box-shadow: 1px 1px 0 #9A9A9A;
    }
    .setPerfil p span{display:initial;}
        #stats {
    margin: 0 auto !important;
    text-align: center !important;
    display: table;
    background: none;
    }
    .statHide{display:none !important;}
    .statsPers li span a {
    text-decoration: none !important;
    }
    .statsPers li > span {
    padding: 5px 8px;
    background: #E1E1E1;
    box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    border: 1px solid #E1E1E1;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-shadow: 1px 1px 0 white;
    color: #111;
    font-weight: 700;
    }
    .statsPers li {
    float: left;
    color:#666;
    margin: 2px 10px;
    }
    .statsPers {
    list-style: none;
    display: block;
    margin: 0px auto;
    width: 100%;
    }
#stats {
      background-color: #FFFFFF !important;
      color: #5A5A5A;
      font-family: helvetica,arial,sans-serif !important;
      font-size: 12px !important;
      font-style: normal !important;
      font-variant: normal !important;
      font-weight: normal !important;
      margin-left: -100px !important;
      padding-bottom: 30px !important;
    }
    #stats p.right:after {
        color: #4A4A4A;
        content: "Total de Posts";
        letter-spacing: normal;
    }
    #stats p.right:not(strong) {
      letter-spacing: -999px;
      margin-left: 200px;
      width: 160px;
    }
    #stats p {
        color: rgba(0, 0, 0, 0) !important;
        float: left !important;
        margin-bottom: 2px;
        margin-right: 10px;
        margin-top: 2px;
    }
    #stats p strong {
      background: none repeat scroll 0 0 #E2E2E2;
      border: 1px solid #C9CDD0 !important;
      border-radius: 2px 2px 2px 2px;
      color: #4A4A4A;
      display: inline-block;
      font-weight: 700;
      letter-spacing: normal;
      margin-right: 10px !important;
      padding: 2px 12px 2px 6px;
    }
    #stats p:nth-of-type(2):after {
        color: #4A4A4A;
        content: "Total de Membros";
        letter-spacing: normal;
    }
    #stats p:nth-of-type(2):not(strong) {
      letter-spacing: -999px;
      margin-left: 10px;
      width: 160px;
    }
    #stats p:nth-of-type(3):after {
        color: #4A4A4A;
        content: "Membro Mais Recente";
        letter-spacing: normal;
    }
    #stats p:nth-of-type(3):not(strong) {
        letter-spacing: -999px;
        margin-left: 10px;
        width: 240px;
    }
    #stats p:nth-of-type(3) strong {
      letter-spacing: normal;
    }
    #stats a {
      color: #4A4A4A !important;
    }
    #onlinelist p:nth-of-type(2) strong:nth-of-type(2):after {
      color: #4A4A4A;
      content: "    Recorde de Membros Online";
      font-size: 12px !important;
      font-weight: 400 !important;
      margin-left: 15px;
      position: absolute;
      width: 300px;
    }
    #onlinelist p:nth-of-type(2) strong:nth-of-type(2) {
      background: none repeat scroll 0 0 #E2E2E2;
      border: 1px solid #C9CDD0 !important;
      border-radius: 2px 2px 2px 2px;
      color: #4A4A4A;
      margin-left: 500px !important;
      margin-right: 10px !important;
      margin-top: -65px !important;
      padding: 2px 6px;
      position: absolute !important;
      width: 26px;
    }
    #onlinelist {
      margin-top: 10px !important;
    }
    /* CURTIR WEB/BS */
    .BS_like {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
    background: #2C638F url(http://i.imgur.com/4GcJmSj.png) no-repeat 7px 6px;
    border-radius: 2px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0px, inset rgba(0, 0, 0, 0.30) 0 0 0 1px, inset rgba(255, 255, 255, 0.15) 0 2px 0px, rgba(0, 0, 0, 0.15) 0 1px 4px, inset rgba(255, 255, 255, 0.2) 0 10px 25px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;line-height: 22px;margin-right: 4px;padding: 0 7px 0 22px;text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;font-weight: bold;
    }
    .BS_count {
    -moz-border-radius: 2px;-webkit-border-radius: 2px;background: #EFF1F3;border-radius: 2px;padding: 4px 10px;
    }
    .BS_vote {
    float:right;margin:0 5px;
    }
    . .BS_done {
    display:none!important;
    }
    .BS_like.BS_done {
    display:none!Important;
    }
    #conectFor * {
    font-size: 12px;
    }
    #conectFor{
    padding: 13px;
    margin-top:-14px;
    padding-right : 20px;
    text-align: right;
    background: url(http://i.imgur.com/tKiSR.png);
    border-bottom: 2px solid #0099FF;
    font: 15px Tahoma;
    height: 15px;
    display: block;
    color: #F1F1F1;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    }
    #conectFor a{
    color:#0099FF;
    font-family:Arial;
    padding:8px 5px ;
    margin:0 1px;
    text-decoration:none;
    }
    #conectFor a:hover{
    color:#111;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    background:#0099FF;
    }
    #conectFor a:hover ul{display:inline;}
    #conectFor ul {
    margin-top: -1px;
    z-index:1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    top: 100%;
    width: 390px;
    padding:20px 13px;
    color: #333;
    background: #161616 url(URL_BACKGROUND) no-repeat bottom right;
    border-bottom: 1px solid #0099FF;
    list-style: none;
    display: none;
    float: left;
    right: 0em;
    position: absolute;
    }
    #conectFor ul li{
    float: left;
    width: 47%;
    display: inline;
    text-align:left;
    margin:5px;
    }
    #conectFor ul li a{color:#0099FF; background-image:none !important;}
    #conectFor ul li a:hover{color:#8F8F8F; background:transparent;}

    #conectFor a[href="/profile?mode=editprofile"] {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
    }

    #conectFor a[href="/profile?mode=editprofile"]:hover {
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
    }
    ul.linklist.navlinks > li > a {
      display: inline-block;
      line-height: 35px;
    }
    ul.linklist.navlinks a {
      color: #FFF;
      padding: 0 10px;
      text-decoration: none;
    }

    a:visited {
      color: #0372be;
      text-decoration: none;
    }

    a {
    text-decoration: none;
    }

      ul.linklist li {
      display: inline;
      font-size: 1.1em;
      line-height: 2.2em;
      list-style-type: none;
      width: auto;
    }

    ul.navlinks {
      -moz-border-radius: 0 0 6px 6px;
      -o-border-radius: 0 0 6px 6px;
      -webkit-border-radius: 0 0 6px 6px;
      background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
      border-color: #4ca0ce #155d98 #155d98;
      border-image: none;
      border-radius: 0 0 6px 6px;
      border-style: none none solid;
      border-width: 0 0 4px;
      bottom: 9px;
      font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
      font-size: 12px;
      position: relative;
      text-align: center;
    }

    ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
      background: none repeat scroll 0 0 #155d98;
      color: #FFF;
    }

    ul.linklist.navlinks > li > a {
      display: inline-block;
      line-height: 35px;
    }

Kouctk
Nível 4

Masculino
Inscrito dia : 28/02/2015
Mensagens : 31
Pontos Ativos : 781

http://forum-muperfect.forumeiros.com/

Resolvido Re: Menu parecido FDF

Mensagem por Shaman em Dom 15 Mar 2015 - 0:38

Substitua todo seu CSS por esse
Código:
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;
 }
.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}
    .perfilInfo {
    background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
    float: left;
    height: 14.8em;
    left: -38em;
    padding: 16px 0px 20px 5px;
    top: 13px;
    width: 510px;
    z-index: 999;
    }
    .avatar-index img {
    height: 70px;
    float: left;
    margin: 0 4px;
    }
    .linkPrf {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F6F6F6;
    border: 1px solid #DBDBDB;
    border-radius: 0 0 4px 4px;
    bottom: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #616161;
    float: left;
    height: 14px;
    left: 21.7em;
    position:relative;
    margin: 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none!important;
    transition: all .2s ease-in-out;
    width: 8em;
    }
    .linkPrf:hover{color: #4C4C4C;
    border-color: #9A9A9A;}
    .linkPrf:hover a{color: #4C4C4C;}
    .linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
    .setPerfil {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    height: 100%;
    padding: 5px;
    padding-bottom: 10px;
    border-radius: 3px;
    }
    .setPerfil > span {
    background: #f9f9f9;
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 3px;
    border: 1px solid #999;
    }
    .setPerfil .PerfilInfoImg {
    width: 94px;
    height: 166px;
    float: left;
    display: table;
    background: #E1E1E1;
    padding: 3px;
    box-shadow: 1px 1px 0 #CCC;
    }
    .setPerfil p div, .setPerfil span p  span{
    display: inline;
    }

    .setPerfil h2 {
    float: left;
    font: bold 19px "Trebuchet MS";
    display: block;
    background: #E1E1E1;
    width: 380px;
    color:#333;
    padding: 5px;
    text-shadow: 1px 1px 0 white;
    border-radius: 0 10px 0px 0;
    box-shadow: 1px 1px 0 #CCC;
    margin:0 0 10px;
    }
    .setPerfil p {
    margin: 2px 5px;
    float: right;
    display: block;
    background: #F1F1F1;
    width: 350px;
    text-align: left;
    padding: 5px;
    box-shadow: 1px 1px 0 #CCC;
    font-weight: normal;
    border-left: 3px solid #333;
    border-top: 1px solid #333;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    }
    .setPerfil p:hover {
    box-shadow: 1px 1px 0 #9A9A9A;
    }
    .setPerfil p span{display:initial;}
        #stats {
    margin: 0 auto !important;
    text-align: center !important;
    display: table;
    background: none;
    }
    .statHide{display:none !important;}
    .statsPers li span a {
    text-decoration: none !important;
    }
    .statsPers li > span {
    padding: 5px 8px;
    background: #E1E1E1;
    box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    border: 1px solid #E1E1E1;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-shadow: 1px 1px 0 white;
    color: #111;
    font-weight: 700;
    }
    .statsPers li {
    float: left;
    color:#666;
    margin: 2px 10px;
    }
    .statsPers {
    list-style: none;
    display: block;
    margin: 0px auto;
    width: 100%;
    }
#stats {
      background-color: #FFFFFF !important;
      color: #5A5A5A;
      font-family: helvetica,arial,sans-serif !important;
      font-size: 12px !important;
      font-style: normal !important;
      font-variant: normal !important;
      font-weight: normal !important;
      margin-left: -100px !important;
      padding-bottom: 30px !important;
    }
    #stats p.right:after {
        color: #4A4A4A;
        content: "Total de Posts";
        letter-spacing: normal;
    }
    #stats p.right:not(strong) {
      letter-spacing: -999px;
      margin-left: 200px;
      width: 160px;
    }
    #stats p {
        color: rgba(0, 0, 0, 0) !important;
        float: left !important;
        margin-bottom: 2px;
        margin-right: 10px;
        margin-top: 2px;
    }
    #stats p strong {
      background: none repeat scroll 0 0 #E2E2E2;
      border: 1px solid #C9CDD0 !important;
      border-radius: 2px 2px 2px 2px;
      color: #4A4A4A;
      display: inline-block;
      font-weight: 700;
      letter-spacing: normal;
      margin-right: 10px !important;
      padding: 2px 12px 2px 6px;
    }
    #stats p:nth-of-type(2):after {
        color: #4A4A4A;
        content: "Total de Membros";
        letter-spacing: normal;
    }
    #stats p:nth-of-type(2):not(strong) {
      letter-spacing: -999px;
      margin-left: 10px;
      width: 160px;
    }
    #stats p:nth-of-type(3):after {
        color: #4A4A4A;
        content: "Membro Mais Recente";
        letter-spacing: normal;
    }
    #stats p:nth-of-type(3):not(strong) {
        letter-spacing: -999px;
        margin-left: 10px;
        width: 240px;
    }
    #stats p:nth-of-type(3) strong {
      letter-spacing: normal;
    }
    #stats a {
      color: #4A4A4A !important;
    }
    #onlinelist p:nth-of-type(2) strong:nth-of-type(2):after {
      color: #4A4A4A;
      content: "    Recorde de Membros Online";
      font-size: 12px !important;
      font-weight: 400 !important;
      margin-left: 15px;
      position: absolute;
      width: 300px;
    }
    #onlinelist p:nth-of-type(2) strong:nth-of-type(2) {
      background: none repeat scroll 0 0 #E2E2E2;
      border: 1px solid #C9CDD0 !important;
      border-radius: 2px 2px 2px 2px;
      color: #4A4A4A;
      margin-left: 500px !important;
      margin-right: 10px !important;
      margin-top: -65px !important;
      padding: 2px 6px;
      position: absolute !important;
      width: 26px;
    }
    #onlinelist {
      margin-top: 10px !important;
    }
    /* CURTIR WEB/BS */
    .BS_like {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
    background: #2C638F url(http://i.imgur.com/4GcJmSj.png) no-repeat 7px 6px;
    border-radius: 2px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0px, inset rgba(0, 0, 0, 0.30) 0 0 0 1px, inset rgba(255, 255, 255, 0.15) 0 2px 0px, rgba(0, 0, 0, 0.15) 0 1px 4px, inset rgba(255, 255, 255, 0.2) 0 10px 25px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;line-height: 22px;margin-right: 4px;padding: 0 7px 0 22px;text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;font-weight: bold;
    }
    .BS_count {
    -moz-border-radius: 2px;-webkit-border-radius: 2px;background: #EFF1F3;border-radius: 2px;padding: 4px 10px;
    }
    .BS_vote {
    float:right;margin:0 5px;
    }
    . .BS_done {
    display:none!important;
    }
    .BS_like.BS_done {
    display:none!Important;
    }
    #conectFor * {
    font-size: 12px;
    }
    #conectFor{
    padding: 13px;
    margin-top:-14px;
    padding-right : 20px;
    text-align: right;
    background: url(http://i.imgur.com/tKiSR.png);
    border-bottom: 2px solid #0099FF;
    font: 15px Tahoma;
    height: 15px;
    display: block;
    color: #F1F1F1;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    }
    #conectFor a{
    color:#0099FF;
    font-family:Arial;
    padding:8px 5px ;
    margin:0 1px;
    text-decoration:none;
    }
    #conectFor a:hover{
    color:#111;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    background:#0099FF;
    }
    #conectFor a:hover ul{display:inline;}
    #conectFor ul {
    margin-top: -1px;
    z-index:1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    top: 100%;
    width: 390px;
    padding:20px 13px;
    color: #333;
    background: #161616 url(URL_BACKGROUND) no-repeat bottom right;
    border-bottom: 1px solid #0099FF;
    list-style: none;
    display: none;
    float: left;
    right: 0em;
    position: absolute;
    }
    #conectFor ul li{
    float: left;
    width: 47%;
    display: inline;
    text-align:left;
    margin:5px;
    }
    #conectFor ul li a{color:#0099FF; background-image:none !important;}
    #conectFor ul li a:hover{color:#8F8F8F; background:transparent;}

    #conectFor a[href="/profile?mode=editprofile"] {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
    }

    #conectFor a[href="/profile?mode=editprofile"]:hover {
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
    }
    ul.linklist.navlinks > li > a {
      display: inline-block;
      line-height: 35px;
     border: none !Important;
    }
    ul.linklist.navlinks a {
      color: #FFF;
      padding: 0 10px;
      text-decoration: none;
    }

    a:visited {
      color: #0372be;
      text-decoration: none;
    }

    a {
    text-decoration: none;
    }

      ul.linklist li {
      display: inline;
      font-size: 1.1em;
      line-height: 2.2em;
      list-style-type: none;
      width: auto;
    }

    ul.navlinks {
      -moz-border-radius: 0 0 6px 6px;
      -o-border-radius: 0 0 6px 6px;
      -webkit-border-radius: 0 0 6px 6px;
      background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
      border-color: #4ca0ce #155d98 #155d98;
      border-image: none;
      border-radius: 0 0 6px 6px;
      border-style: none none solid;
      border-width: 0 0 4px;
      bottom: 9px;
      font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
      font-size: 12px;
      position: relative;
      text-align: center;
    }

    ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
      background: none repeat scroll 0 0 #155d98;
      color: #FFF;
    }

    ul.linklist.navlinks > li > a {
      display: inline-block;
      line-height: 35px;
     border: none !Important;
    }
   
   
   img#i_icon_mini_search {
   
   border: none !Important;
   
   
   }

Se não der certo me responda uma coisa, o que modificou no fórum que ficou com tais bordas?

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 3571

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Menu parecido FDF

Mensagem por Kouctk em Dom 15 Mar 2015 - 0:51

Amigo,no Mozilla ficou bom as bordas sumiram,mas no Chrone ainda está a borda branca lá.
Mas deixamos este assunto pra outra hora,ja quebrou a cabeça demais me ajudando..kk
Mas tua ajuda me ajudou ,deixar tópico resolvido qualquer coisa me mande MP sobre o mesmo.
Positivo

Kouctk
Nível 4

Masculino
Inscrito dia : 28/02/2015
Mensagens : 31
Pontos Ativos : 781

http://forum-muperfect.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum