Menu abaixo do logo em css

4 participantes

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

Tópico resolvido Menu abaixo do logo em css

Mensagem por DaniloKoD 25.03.13 14:13

Qual é minha questão:
Qual eo codigo para fazer esse menu que aparece na imagem?,eu coloquei um quadrado para marca(cor preta): Menu abaixo do logo em css 61364220650

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)
DaniloKoD

DaniloKoD
*

Membro desde : 22/03/2013
Mensagens : 32
Pontos : 50

http://thewebdesignbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por -luiz,, 25.03.13 14:28

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;
}
-luiz,,

-luiz,,
**

Membro desde : 05/07/2010
Mensagens : 88
Pontos : 101

http://clickhabbo.6te.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por DaniloKoD 25.03.13 14:41

Pronto ageitei oq eu tinha apagado pra fazer outro
DaniloKoD

DaniloKoD
*

Membro desde : 22/03/2013
Mensagens : 32
Pontos : 50

http://thewebdesignbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por -luiz,, 25.03.13 14:43

Continua não funcionando:
* http://dsabr.ativoforum.com
-luiz,,

-luiz,,
**

Membro desde : 05/07/2010
Mensagens : 88
Pontos : 101

http://clickhabbo.6te.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por DaniloKoD 25.03.13 14:45

DaniloKoD

DaniloKoD
*

Membro desde : 22/03/2013
Mensagens : 32
Pontos : 50

http://thewebdesignbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por -luiz,, 25.03.13 14:53

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;
}
-luiz,,

-luiz,,
**

Membro desde : 05/07/2010
Mensagens : 88
Pontos : 101

http://clickhabbo.6te.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por DaniloKoD 25.03.13 14:58

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

DaniloKoD
*

Membro desde : 22/03/2013
Mensagens : 32
Pontos : 50

http://thewebdesignbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por Convidado 25.03.13 15:12

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(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é.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por Konai 25.03.13 15:35

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por .Danni. 25.03.13 16:21

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
.Danni.

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu abaixo do logo em css

Mensagem por DaniloKoD 25.03.13 21:35

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
DaniloKoD

DaniloKoD
*

Membro desde : 22/03/2013
Mensagens : 32
Pontos : 50

http://thewebdesignbr.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos