Como colocar esse menuaqui no meu forum
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como colocar esse menuaqui no meu forum
Qual é minha questão:
Como Colocar Esse MenuAqui No Meu Forum ?
https://2img.net/h/oi47.tinypic.com/num9c.png
Forum Que Eu Vi:
http://clanfurious.forumeiros.com/forum
Endereço do meu fórum:
http://familywhistle.forumeiros.com
Versão do fórum:
PHPBB3
Como Colocar Esse MenuAqui No Meu Forum ?
https://2img.net/h/oi47.tinypic.com/num9c.png
Forum Que Eu Vi:
http://clanfurious.forumeiros.com/forum
Endereço do meu fórum:
http://familywhistle.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por Ant_UndeaD em 05.02.13 15:37, editado 1 vez(es)
Re: Como colocar esse menuaqui no meu forum
Tente esse código não sei si tá certo não pude testar.
- Código:
<ul class="linklist navlinks borderless"><li><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Início" title="Início">Início</a> </li><li><a class="mainmenu" href="/"><img id="i_icon_mini_portal" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Portal" title="Portal">Portal</a> </li><li><a class="mainmenu" href="/memberlist" rel="nofollow"><img id="i_icon_mini_members" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Membros" title="Membros">Membros</a> </li><li><a class="mainmenu" href="/register" rel="nofollow"><img id="i_icon_mini_register" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Registrar-se" title="Registrar-se">Registrar-se</a> </li><li><a class="mainmenu" href="/login" rel="nofollow"><img id="i_icon_mini_login" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Login" title="Login">Login</a> </li></ul>
Re: Como colocar esse menuaqui no meu forum
Olá,
Na verdade existe um modo sim de adicionar em sua versão! Faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS
Melhores cumprimentos!
Na verdade existe um modo sim de adicionar em sua versão! Faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS
- Código:
#page-header .navbar {
border-bottom: transparent !important;
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
ul.navlinks {border-bottom: transparent !important;}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar li:hover {
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#page-header .navbar ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
#page-header .navbar li {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#page-header .navbar li {
display: inline;
font-size: 1.15em;
}
Melhores cumprimentos!
Re: Como colocar esse menuaqui no meu forum
Olá,
Adiciona este código em sua Folha de estilo CSS
Depois vá em
Procure por " Exibir apenas as imagens no menu de navegação : ", Marque a opção Não e salve
Até
Adiciona este código em sua Folha de estilo CSS
- Código:
#page-header .navbar {
border-top: 3px solid red!important;
height: 40px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar {
background-image: url(http://i.imgur.com/tKiSR.png);
}
#page-header .navbar {
border-bottom: transparent !important;
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
margin-left: -6px;
width: autopx;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
Depois vá em
Painel de Controle Visualização Página Inicial Cabeçalho e Navegação
Procure por " Exibir apenas as imagens no menu de navegação : ", Marque a opção Não e salve
Até
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos