Data/hora atual: 19.03.24 4:53

21 resultados encontrados para page-header

Personalizar barra de menu

Esse ai eu adicionei, esqueci-me de avisar desculpe, adicione em baixo de #page-header .navbar {
por tikky
em 06.07.18 20:19
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar barra de menu
Respostas: 37
Vistos: 2134

Fazer o Navbar Sticky funcionar

Boas!

Creio que não funcionou pois as classes do seu menu estão diferentes com a do código.
Por exemplo, no código temos:

" // TARGET NODES BY VERSION
// PHPBB2 : .bodyline > table + table
// PHPBB3 : #page-header .navlinks
// PUNBB : #pun-navlinks
// INVISION : #submenu"


E no seu fórum a classe do menu é ".navi". Poderiamos fazer a transição, mas na minha opinião poderia dar Bugs no seu template, isto é, se funcionar.

Quer tentar?
Abraços! Café
por Sennior
em 17.01.18 15:21
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Fazer o Navbar Sticky funcionar
Respostas: 12
Vistos: 1083

Cor do menu de navegação

Detalhes da questão


Endereço do fórum: http://megacityrpg.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Olá amigos, criando o tópico novamente, para tentar corrigir um fato aqui, a cor do meu menu de navegação continua com um branco muito fraco, alguém poderia me ajudar?

Menu de navegação: http://prntscr.com/enocur


CSS DO MENU: 
/* menu de navegação */
#page-header > div.navbar > div > ul {
    position: initial;
    background: #000000;
    margin: 0 -15px !important;
    padding: 8px;
    width: auto;
 a.mainmenu {
    color: #000000;
    ul.linklist.navlinks.borderless * {
    color: #000000;
    text-transform: uppercase;
    margin-right: 1px;
}
}

}
por Yu le
em 23.03.17 21:08
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do menu de navegação
Respostas: 10
Vistos: 1104

Menu de navegação

Detalhes da questão


Endereço do fórum: http://megacityrpg.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Olá amigos, rapidamente queria pedir que troque meu código css, meu menu de navegação se encontra assim, http://prntscr.com/en9eqa, porém queria que ele estivesse com LETRA MAIÚSCULA e também o texto em branco, coisa que não está, observe na imagem acima, por favor me ajude, desde já agradeço.

CSS DO MEU MENU:
/* menu de navegação */
#page-header > div.navbar > div > ul {
    position: initial;
    background: #000000;
    margin: 0 -15px !important;
    padding: 8px;
    width: auto;
 a.mainmenu {
    color: #FFFFFF;
}
por Yu le
em 22.03.17 21:09
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Menu de navegação
Respostas: 3
Vistos: 1267

Problema no posicionamento do logo

Olá autor, boa tarde!

Antes de responder sua dúvida, sugiro que sempre que for enviar sua folha de estilo css seja colocado entre a tag [code] ao invés de usar o [quote], pois ocupa muito espaço na tela.




Sua duvida é relativamente fácil, adicione esse código em sua folha de estilo css:

OBS: Para acessar sua folha de estilo css, acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" folha de estilo css



código:


E a proposito, pra seu menu aparecer adicione esse código em sua folha de estilo css:

código:


Até mais.
por while
em 17.02.17 15:53
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema no posicionamento do logo
Respostas: 4
Vistos: 1263

Personalizar a cor do menu

Olá autor,

Acesse:
Painel de controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" Folha de estilo css


Terá uma barra de busca, então coloque isto:
#page-header .navbar


Achará isto:
#page-header .navbar {
-moz-box-shadow: inset 0 5px 0 -1px #e30000;
-webkit-box-shadow: inset 0 5px 0 -1px #e30000;
background: #2D3134!important;
border: none!important;
box-shadow: inset 0 5px 0 -1px #e30000;
margin: 0 -5px!important;
}


o que marquei com azul é o valor em hexadicimal da barra de fundo... ou seja, o preto, caso queira mudar coloque uma cor hexadicimal no lugar ou a cor em inglês (ex: Red, black, green).

Já o que está em vermelho (3 propriedades com valores em vermelho) seria a cor em cima da barra de menu (um vermelho em cima da barra) caso queira outra cor, troque o valor hexadecimal delas.

Para caso o efeito hover (azul após ter o mouse em cima do menu) adicione esse código css em sua folha de estilo css:
a.mainmenu:hover {border-bottom: 3px solid red!important;}


O que deixei em laranja você muda para outra cor.

Até mais.
por while
em 26.09.16 4:31
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar a cor do menu
Respostas: 11
Vistos: 1080

Sobre o fundo de categoria

Eu removi o background-image:none!important; da classe #page-header .navbar .linklist {.

Atenciosamente,
Fraise.
por Fraise
em 20.08.16 3:52
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Sobre o fundo de categoria
Respostas: 12
Vistos: 1253

Personalizar menu de navegação

Sim preciso, o código que me foi passado era pra deixar a barra de menu no mesmo estilo da forumeiros e não deu certo.
Código que usei abaixo:


[list=linenums]
[*]#page-header .navbar .linklist {

[*]    background: #2E2E2E!important;

[*]    border: none;

[*]    margin: -9px -10px 5px;

[*]    background-image:none!important;

[*]        }

[*]        #page-header a.mainmenu {

[*]    color: #eee;

[*]    display: inline-block;

[*]    font-family: sans-serif;

[*]    font-size: 11px;

[*]    font-weight: 700;

[*]    height: 35px;

[*]    line-height: 37px;

[*]    outline: medium none;

[*]    padding: 0 15px;

[*]    transition-duration: 100ms;

[*]}

[*]#page-header .navbar .linklist li {

[*]    font-size: 0;

[*]}

[*]#page-header a.mainmenu[href="/register"]{color:#8C5!important;}

[*]#page-header a.mainmenu:hover{background-color:#1A1A1A;}

[*]#page-header a.mainmenu[href^="/login"]:hover{background-color:#E54732;}

[/list]
por RedFoxx
em 01.07.16 0:39
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar menu de navegação
Respostas: 12
Vistos: 1387

como mudar imagem do fundo do menu de navegação

Olá,

Você colocou no lugar errado... O lugar correto está em sua CSS... procure por #page-header .navbar e troque seu código por:

Código:
#page-header .navbar {
    background-color: #EEE;
    border: 1px solid #CCC;
    border-left: none;
    border-right: none;
    height: 50px;
    padding-top: 10px;
    background-image: url(http://1.bp.blogspot.com/-ThzZWyY6WAE/VSYwuNXaeVI/AAAAAAAAAXE/bKuQjAq48is/s1600/PaisagemNatural.jpg);
}


Altere o URL dessa parte:

Código:
   background-image: url(http://1.bp.blogspot.com/-ThzZWyY6WAE/VSYwuNXaeVI/AAAAAAAAAXE/bKuQjAq48is/s1600/PaisagemNatural.jpg);


Boa modificação.
Até mais.
por GSCode
em 28.03.16 18:06
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: como mudar imagem do fundo do menu de navegação
Respostas: 7
Vistos: 2590

Título do menu

Então, amigo, fiz algo muito por cima, já que você passou somente uma imagem de como queria. Se você me disser qual é a cor e a tipografia da fonte, eu posso melhorar.

Como eu usei uma fonte personalizada, você vai precisar adicioná-la no seu fórum. Para isso, aceda a: painel de controle > geral > fórum > configuração. Na opção "descrição do site", insira esse código: <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>. Se já existir algum texto lá, coloque ao lado.

Agora vá em: painel de controle > visualização > imagens e cores > cores > folha de estilo css. Entre na barra de pesquisa e procure por: #page-header .navbar ul.navlinks li a. Substitua o código que tiver por esse:
Código:
#page-header .navbar ul.navlinks li a {bottom: -25px!important; color: #F1BB1D; font-family: Open Sans; font-size: 17px; margin: 8px; position: relative; text-shadow: 4px 1px 4px black; line-height: 21px;}


Caso não goste, dê as especificações que eu pedi no início desta mensagem para que eu possa editar o código novamente.

Observação - escolha uma fonte desse site: https://www.google.com/fonts.
por Key of Destiny
em 24.03.16 23:31
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Título do menu
Respostas: 8
Vistos: 997

Largura do fórum

Olá!
Spoiler:

zen
por Hyouki
em 11.02.16 16:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Largura do fórum
Respostas: 6
Vistos: 3898

icons desapareceram

meus icons dos foruns desapareceram http://prntscr.com/7tgwdx
mas na legenda no fundo do forum aparecem
http://prntscr.com/7tgwmc

o que aconteceu?
minha folha de css
css:
por Luckcaddie
em 16.07.15 19:17
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: icons desapareceram
Respostas: 9
Vistos: 4449

barra inferior do forum

css:
por Luckcaddie
em 16.07.15 9:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: barra inferior do forum
Respostas: 16
Vistos: 4114

Retirar barra especifica nas categorias

css:
por Luckcaddie
em 15.07.15 19:05
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Retirar barra especifica nas categorias
Respostas: 5
Vistos: 4508

Alterações na aparência do menu de navegaçao

aqui estao


css:
por Luckcaddie
em 15.07.15 13:19
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterações na aparência do menu de navegaçao
Respostas: 13
Vistos: 4145

Título dos Tópicos dentro da Borda.

Olá.

Ichees a folha é esta?


Nos dois @Sennior, nos títulos dos tópicos e nos títulos dos Widgets.

Abraços.  zen
por Jean_Xd
em 25.05.15 16:05
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Título dos Tópicos dentro da Borda.
Respostas: 12
Vistos: 991

Como remover espaço vazio acima da assinatura?

Opa! Saudações Sennior!
Bem não consegui achar.
Aqui está o CSS:


CSS:
por Coverístico
em 06.05.15 6:14
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como remover espaço vazio acima da assinatura?
Respostas: 5
Vistos: 5249

Botão para carregar imagem

ola. Euficolco

vc nao me passou esse codigo aqui

/* EuficoLoko
Author: Theus;
skype: euficolouco.loko
*/
$(function(){$('#page-header').after('<button id="lokocarregarimg">Ocultar live?</button>');
$('#lokocarregarimg').click(function(){ $('#right > div:nth-child(3)').toggle();});
});

entao

mas nao precisaria de botao pra clicar e sumir
a ideia é de nehuma paginas aparecer a coluna 1 e nem a 3,   somente a pagina principal aparecer essas 2 colunas.

pagina principal carrega normal .
por Vitor-Vicente
em 16.03.15 17:03
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Botão para carregar imagem
Respostas: 19
Vistos: 2324

Botão para carregar imagem

eu nao entendir aqui muito bem , a live e as gif sendo oculta , elas estão sendo processadas mesmo estando oculta?

pra eu tomar uma decissao aqui preciso de alguma informaçoes, referente esse codigo abaixo

1- sera que com esse codigo , logico alterando alguns parametros, pra nao aparecer o botao de escolha,
mas com a funçao de quando entrar em algum topico pra entrar em outra pagina , nao deixar aparecer e nem carregar as coluna 1 e 3 das proximas paginas.


/* EuficoLoko
Author: Theus;
skype: euficolouco.loko
*/
$(function(){$('#page-header').after('<button id="lokocarregarimg">Ocultar live?</button>');
$('#lokocarregarimg').click(function(){ $('#right > div:nth-child(3)').toggle();});
});
por Vitor-Vicente
em 16.03.15 0:05
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Botão para carregar imagem
Respostas: 19
Vistos: 2324

Personalizar caixa de Busca

Tópicos com a tag page-header em Fórum dos Fóruns Configuration Personalizar caixa de Busca

Através deste tutorial poderá personalizar a caixa de busca do Fórum, por exemplo, inserir diversas imagens na caixa e alterar a posição do mesmo.

--> Tutoriais, dicas e astúcias <--
Personalizar caixa de Busca


- Inserindo o código CSS:
Para a personalização funcionar corretamente, você deverá adicionar um código CSS na sua folha de estilos para que ela não apresente problemas:
Painel administrativo -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(carregue na imagem para aumentar)
Tópicos com a tag page-header em Fórum dos Fóruns 1114
Onde terá de adicionar o seguinte código:
/* Caixa de busca por SUPERO */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(URL_DA_IMAGEM) no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
/* Fim da caixa de busca */


-> Substitua a palavra em laranja pela endereço/link da imagem pretendida;
-> Substitua a palavra em negrito apenas se for necessário, ou seja, ela representa a cor hexadecimal. Da forma como mostra no código padrão ela está transparente.

- Alterar posição/valor da caixa de busca:
Teremos de aceder à:
Painel administrativo -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS
Agora deveremos definir o código para cada versão:

Tópicos com a tag page-header em Fórum dos Fóruns Empty Phpbb2

#page-header #search-box {
position: absolute;
top: 20px;
right: 7%;
}


Tópicos com a tag page-header em Fórum dos Fóruns Empty Phpbb3

#page-header #search-box {
position: absolute;
top: 20px;
right: 7%;
}


Tópicos com a tag page-header em Fórum dos Fóruns Empty Invision

#gfooter #search-box {
position: absolute;
top: 20px;
right: 7%;
}


Tópicos com a tag page-header em Fórum dos Fóruns Empty PunBB

#pun-foot #search-box {
position: absolute;
top: 20px;
right: 7%;
}


- Resultado:
Exemplo | Código
Caixa de busca personalizada
Tópicos com a tag page-header em Fórum dos Fóruns CaixadePesquisa-1
Código:
/* Caixa de busca por SUPERO*/
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(http://i1211.photobucket.com/albums/cc426/Griever93/fdf/CaixadePesquisa-1.png) no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
/* Fim da caixa de busca */





:copyright: Fórum dos Fóruns



Tópicos com a tag page-header em Fórum dos Fóruns Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Personalizar caixa de Busca
por Consolado
em 06.10.11 21:20
 
Procurar em: Topo do fórum
Tópico: Personalizar caixa de Busca
Respostas: 0
Vistos: 7299

[TUTORIAL] Logo diferente em cada fórum

Tópicos com a tag page-header em Fórum dos Fóruns Images_couleurs Logo diferente em cada fórum

Agora você poderá personalizar o logo do seu fórum (padrão) para mostrar uma imagem diferente em cada sessão. Neste tutorial ensinaremos como pôr em prática esse efeito.


--> Lista de Tutoriais, Dicas e Astúcias <--
Logo diferente em cada sessão


- Temos que criar uma nova página HTML;
Em primeiro lugar, será necessário criar uma página HTML para hospedar o código:
Painel de Controle Tópicos com a tag page-header em Fórum dos Fóruns 633772 Módulos Tópicos com a tag page-header em Fórum dos Fóruns 633772 HTML Tópicos com a tag page-header em Fórum dos Fóruns 633772 Gestão das Páginas HTML
Em seguida clicar no botão "Criar uma nova página HTML".

(clique na imagem para aumentar)
Tópicos com a tag page-header em Fórum dos Fóruns Pvz4r6G




© Fórum dos Fóruns & Needke


Tópicos com a tag page-header em Fórum dos Fóruns Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Logo diferente em cada fórum
por Convidad
em 07.07.11 1:12
 
Procurar em: Topo do fórum
Tópico: [TUTORIAL] Logo diferente em cada fórum
Respostas: 0
Vistos: 7057

Ir para o topo

Ir para: