ArtigosComo personalizar a página desta forma?
3 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 personalizar a página desta forma?
por ByC 13.01.12 0:37
Qual é minha questão:
Gostaria de saber, como faço para posicionar o banner e o menu da mesma forma que na imagem abaixo.
Medidas que eu tomei para corrigir o problema:
Visitando esta pagina
Imagens do meu problema:
https://2img.net/r/ihimizer/img189/2963/imagemhnt.jpg
Endereço do meu fórum:
http://testebruno.forumeiros.com/
Versão do meu fórum:
PHPBB2
Gostaria de saber, como faço para posicionar o banner e o menu da mesma forma que na imagem abaixo.
Medidas que eu tomei para corrigir o problema:
Visitando esta pagina
Imagens do meu problema:
https://2img.net/r/ihimizer/img189/2963/imagemhnt.jpg
Endereço do meu fórum:
http://testebruno.forumeiros.com/
Versão do meu fórum:
PHPBB2
ByC- *
- Membro desde : 29/01/2009
Mensagens : 42
Pontos : 54 -
Re: Como personalizar a página desta forma?
por Convidad 13.01.12 2:17
Olá,
Adicione no conteúdo:
Até mais!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
| Vá em: Painel de controle  Visualização Cores "Aba" Folha CSS. |
Adicione no conteúdo:
a.mainmenu {
height: 400px;
width: 600px;
float: center;
margin: -210px;
border-width: px;
background-color: transparent;
border-color: #dddddd;
margin-left: 300px;
}
Até mais!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Convidad- Convidado
ByC- *
- Membro desde : 29/01/2009
Mensagens : 42
Pontos : 54 -
Re: Como personalizar a página desta forma?
por Luciano98 16.01.12 2:54
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Salve.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSSCódigo:
td.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"][nowrap="nowrap"]{position:absolute;width:100%;text-align:center;float:center;top:217px;left:110px}
Salve.
Até mais.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
ByC- *
- Membro desde : 29/01/2009
Mensagens : 42
Pontos : 54 -
Re: Como personalizar a página desta forma?
por Convidad 17.01.12 13:57
Olá,
Tente este:
Até mais.
| Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
Tente este:
- Código:
.mainmenu {
height: 400px;
width: 600px;
float: center;
margin: -210px;
border-width: px;
background-color: transparent;
border-color: #dddddd;
margin-left: 300px;
}
Até mais.
Convidad- Convidado
Re: Como personalizar a página desta forma?
por No.Name 18.01.12 17:40
Saudações Convidado,
Olá meu caro, eu uso esse código em meu fórum, e o mesmo irá lhe ajudar, além de estar com a opacidade nos menus, no mesmo você poderá editar sua própria posição à gosto... O código é o seguinte abaixo.
Código:
Para colocar-lo em seu fórum, basta ir em: Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
[...] Salve.
O código é este meu querido, e irei explicar o funcionamento, básico...
" A baliza do código em verde, é a altura do seu menu, quanto menor for o Pixels, mais baixo o seu menu irá ficar... Isso você pode variar o seu código, quando chegar à " -0 ", basta você tirar o sinal negativo e colocar seus px's normalmente... "
" A baliza do código em azul, é a distância das laterais do seu fórum, ou seja, quanto menor for os Pixels, mais para o lado esquerdo o seu menu irá ficar... "
Cordialmente.
No.Name
Olá meu caro, eu uso esse código em meu fórum, e o mesmo irá lhe ajudar, além de estar com a opacidade nos menus, no mesmo você poderá editar sua própria posição à gosto... O código é o seguinte abaixo.
Código:
a.mainmenu img {
filter:alpha(opacity=40);
-moz-opacity: 0.5;
opacity: 0.5;;
position: relative;
top: -50px;
left: 20px;
}
a.mainmenu img:hover {
filter:alpha(opacity=40);
-moz-opacity: 5.0;
opacity: 5.0;
-webkit-transition:opacity 0.7s ease;
-moz-transition:opacity 0.7s ease;
-o-transition:opacity 0.7s ease;
transition:opacity 0.7s ease;
}
Para colocar-lo em seu fórum, basta ir em: Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSS[...] Salve.
O código é este meu querido, e irei explicar o funcionamento, básico...
" A baliza do código em verde, é a altura do seu menu, quanto menor for o Pixels, mais baixo o seu menu irá ficar... Isso você pode variar o seu código, quando chegar à " -0 ", basta você tirar o sinal negativo e colocar seus px's normalmente... "
" A baliza do código em azul, é a distância das laterais do seu fórum, ou seja, quanto menor for os Pixels, mais para o lado esquerdo o seu menu irá ficar... "
Cordialmente.
No.Name
No.Name- *
- Membro desde : 21/10/2011
Mensagens : 45
Pontos : 76 -
Tópicos semelhantes» Como deixa exibição desta forma
» Estatisticas desta forma
» Menu desta forma
» Como faço os subfóruns aparecerem desta forma
» Menu desta forma
» Estatisticas desta forma
» Menu desta forma
» Como faço os subfóruns aparecerem desta forma
» Menu desta forma
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