Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Menu abaixo do logo em css
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
Menu abaixo do logo em css
Qual é minha questão:
Qual eo codigo para fazer esse menu que aparece na imagem?,eu coloquei um quadrado para marca(cor preta):
Endereço do meu fórum:
http://thwebdesignbr.forumeiros.com
Versão do fórum:
PHPBB3
Qual eo codigo para fazer esse menu que aparece na imagem?,eu coloquei um quadrado para marca(cor preta):
Endereço do meu fórum:
http://thwebdesignbr.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por DaniloKoD em 25.03.13 23:38, editado 3 vez(es)
Re: Menu abaixo do logo em css
Não consegui entrar no link do seu fórum, preciso para fazer uma adaptação do código com o estilo do seu fórum.
Poderia revisar o link?
Tente usar esse, em sua página css:
Poderia revisar o link?
Tente usar esse, em sua página css:
- Código:
.linklist.navlinks {
border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
border-image: none;
border-radius: 0px 0px 6px 6px;
border-style: solid;
border-right: rgb(21, 93, 152);
border-width: 1px;
overflow: hidden;
background: none 0px 0px repeat scroll rgb(23, 117, 189);
}
ul.navlinks {
margin: auto -10px;
}
ul.navlinks {
border-bottom: 1px solid rgb(255, 255, 255);
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
.linklist.navlinks a {
color: rgb(255, 255, 255);
font-family: Verdana;
font-size: 11px;
padding: 3px 7px;
text-shadow: rgb(18, 75, 121) 1px 1px 0px;
}
.linklist.navlinks a:hover {
background: none 0px 0px repeat scroll rgb(21, 93, 152);
box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
outline-width: medium;
outline-style: none;
outline-color: initial;
padding: 5px 7px 6px;
}
Re: Menu abaixo do logo em css
Use esse código em sua página css:
- Código:
.linklist.navlinks {
border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
border-image: none;
border-radius: 0px 0px 6px 6px;
border-style: solid;
border-right: rgb(21, 93, 152);
border-width: 1px;
overflow: hidden;
background: none 0px 0px repeat scroll rgb(23, 117, 189);
}
ul.navlinks {
margin: auto -10px;
}
ul.navlinks {
border-bottom: 1px solid rgb(255, 255, 255);
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
.linklist.navlinks a {
color: rgb(255, 255, 255);
font-family: Verdana;
font-size: 11px;
padding: 3px 7px;
text-shadow: rgb(18, 75, 121) 1px 1px 0px;
}
.linklist.navlinks a:hover {
background: none 0px 0px repeat scroll rgb(21, 93, 152);
box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
outline-width: medium;
outline-style: none;
outline-color: initial;
padding: 5px 7px 6px;
}
Re: Menu abaixo do logo em css
Vc pode colocar ele em texto pq no code nao ta aparecendo to so na metade pq eu to no celuçar android
Re: Menu abaixo do logo em css
Olá querido!
Troque por este
Até.
Troque por este
#fa_ticker_block{background-color:#E5F1F9;border:1px solid #C3E0F1;border-radius:4px 4px 4px 4px}.linklist.navlinks{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #1775BD!important;border-color:#4CA0CE #155D98 #155D98;border-image:none;border-radius:0 0 6px 6px;border-right:1px solid #155D98;border-style:solid;border-width:1px;overflow:hidden}.linklist.navlinks a{color:#FFF;font-family:Verdana;font-size:11px;padding:3px 7px;text-shadow:1px 1px 0 #124B79}.linklist.navlinks a:hover{background:none repeat scroll 0 0 #155D98;box-shadow:0 0 4px #124B79 inset;color:none;outline:medium none;padding:5px 7px 6px}ul.navlinks{margin:auto -10px!important; margin-top: 10px}#page-header .navbar span.corners-top{display:none!important}#page-header #logo-desc{min-height:auto!important}#page-header .headerbar{margin-bottom:0}#page-header #logo-desc #logo{padding:0}.prettyprint ol.linenums{padding-left:0!important}.prettyprint{border:none!important}#fa_toolbar,#fa_toolbar_hidden{background:url(https://2img.net/i/fa/fdf3/bg_cat.png)} .tblass{-khtml-margin-end:auto;-khtml-margin-start:auto;-moz-margin-end:auto;-moz-margin-start:auto;-webkit-margin-end:auto;-webkit-margin-start:auto;text-align:center!important}
Até.
Convidado- Convidado
Re: Menu abaixo do logo em css
Olá prezado senhor,
Aceda à sua "Folha de estilo CSS": Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'
Lá, adicione este código:
Após isto, valide!
Cordialmente,
Dr.House
Aceda à sua "Folha de estilo CSS": Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'
Lá, adicione este código:
- Código:
.linklist.navlinks a {
color: rgb(255, 255, 255);
font-family: Verdana;
font-size: 11px;
padding: 3px 7px;
text-shadow: rgb(18, 75, 121) 1px 1px 0px;
}
.linklist.navlinks a:hover {
background: none 0px 0px repeat scroll rgb(21, 93, 152);
box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
outline-width: medium;
outline-style: none;
outline-color: initial;
padding: 5px 7px 6px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: transparent;
margin-bottom: 0px;
padding: 0px 3px 3px;
}
.linklist.navlinks {
border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
border-image: none;
border-radius: 0px 0px 6px 6px;
border-style: solid;
border-right: rgb(21, 93, 152);
border-width: 1px;
overflow: hidden;
background: none 0px 0px repeat scroll rgb(23, 117, 189);
}
ul.navlinks {
margin: auto -10px;
text-align: center !important;
}
ul.navlinks {
border-bottom: 1px solid rgb(255, 255, 255);
font-weight: 700;
text-align: center !important;
}
Após isto, valide!
Cordialmente,
Dr.House
Re: Menu abaixo do logo em css
Olá,
Para fazer um menu semelhante ao do FdF primeiramente você deve remover as imagens de menu em:
Painel de Controle Visualização Gestão de Imagens Modo Avançado
Depois acrescente este código ao seu CSS:
Cordialmente,
The Boss
Para fazer um menu semelhante ao do FdF primeiramente você deve remover as imagens de menu em:
Painel de Controle Visualização Gestão de Imagens Modo Avançado
Depois acrescente este código ao seu CSS:
- Código:
.linklist.navlinks a {
color: rgb(255, 255, 255);
font-family: Verdana;
font-size: 11px;
padding: 3px 7px;
text-shadow: rgb(18, 75, 121) 1px 1px 0px;
}
a:visited {
color: rgb(3, 114, 190);
text-decoration: none;
}
a:link {
color: rgb(3, 114, 190);
text-decoration: none;
}
Cordialmente,
The Boss
Re: Menu abaixo do logo em css
Eu disse que nao da pra ver todo o code,fica so um pouco do codigo,mandem ele por outro link ou em texto mesmo mas nao em code tentem no quote
Tópicos semelhantes
» Menu abaixo do Logo
» Menu "ABAIXO" da logo!
» Colocar menu abaixo do logo
» Quero menu abaixo do banner
» Problema abaixo do menu
» Menu "ABAIXO" da logo!
» Colocar menu abaixo do logo
» Quero menu abaixo do banner
» Problema abaixo do menu
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