Menu abaixo do logo em css

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

Resolvido Menu abaixo do logo em css

Mensagem por DaniloKoD em 25/03/13, 11:13 am

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


Última edição por DaniloKoD em 25/03/13, 08:38 pm, editado 3 vez(es)
avatar

DaniloKoD
Nível 4

Masculino
Inscrito dia : 22/03/2013
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://thewebdesignbr.forumeiros.com

Resolvido Re: Menu abaixo do logo em css

Mensagem por -luiz,, em 25/03/13, 11:28 am

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:
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;
}
avatar

-luiz,,
Nível 7

Masculino
Inscrito dia : 05/07/2010
Mensagens : 88
Pontos Ativos : 101

Ver perfil do usuário http://clickhabbo.6te.net/

Resolvido Re: Menu abaixo do logo em css

Mensagem por DaniloKoD em 25/03/13, 11:41 am

Pronto ageitei oq eu tinha apagado pra fazer outro
avatar

DaniloKoD
Nível 4

Masculino
Inscrito dia : 22/03/2013
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://thewebdesignbr.forumeiros.com

Resolvido Re: Menu abaixo do logo em css

Mensagem por -luiz,, em 25/03/13, 11:43 am

Continua não funcionando:
* http://dsabr.ativoforum.com
avatar

-luiz,,
Nível 7

Masculino
Inscrito dia : 05/07/2010
Mensagens : 88
Pontos Ativos : 101

Ver perfil do usuário http://clickhabbo.6te.net/

Resolvido Re: Menu abaixo do logo em css

Mensagem por DaniloKoD em 25/03/13, 11:45 am

avatar

DaniloKoD
Nível 4

Masculino
Inscrito dia : 22/03/2013
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://thewebdesignbr.forumeiros.com

Resolvido Re: Menu abaixo do logo em css

Mensagem por -luiz,, em 25/03/13, 11:53 am

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;
}
avatar

-luiz,,
Nível 7

Masculino
Inscrito dia : 05/07/2010
Mensagens : 88
Pontos Ativos : 101

Ver perfil do usuário http://clickhabbo.6te.net/

Resolvido Re: Menu abaixo do logo em css

Mensagem por DaniloKoD em 25/03/13, 11:58 am

Vc pode colocar ele em texto pq no code nao ta aparecendo to so na metade pq eu to no celuçar android
avatar

DaniloKoD
Nível 4

Masculino
Inscrito dia : 22/03/2013
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://thewebdesignbr.forumeiros.com

Resolvido Re: Menu abaixo do logo em css

Mensagem por Convidado em 25/03/13, 12:12 pm

Olá querido! Eu amo você

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(http://illiweb.com/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


Resolvido Re: Menu abaixo do logo em css

Mensagem por Gaaratsu em 25/03/13, 12:35 pm

Olá prezado senhor,

Aceda à sua "Folha de estilo CSS": Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: 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
Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Menu abaixo do logo em css

Mensagem por .Danni. em 25/03/13, 01:21 pm

Olá,

Para fazer um menu semelhante ao do FdF primeiramente você deve remover as imagens de menu em:

Painel de Controle Seta Visualização Seta Gestão de Imagens Seta 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
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Menu abaixo do logo em css

Mensagem por DaniloKoD em 25/03/13, 06:35 pm

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
avatar

DaniloKoD
Nível 4

Masculino
Inscrito dia : 22/03/2013
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://thewebdesignbr.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