Como personalizar a página desta forma?

3 participantes

Ir para baixo

Tópico resolvido Como personalizar a página desta forma?

Mensagem 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
ByC
ByC
*

Membro desde : 29/01/2009
Mensagens : 42
Pontos : 54

http://www.Hogwartsonline.forumeiros.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a página desta forma?

Mensagem por Convidad 13.01.12 2:17

Olá,

Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "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! Piscada
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a página desta forma?

Mensagem por ByC 15.01.12 22:48

Não deu certo '-'
ByC
ByC
*

Membro desde : 29/01/2009
Mensagens : 42
Pontos : 54

http://www.Hogwartsonline.forumeiros.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a página desta forma?

Mensagem por Luciano98 16.01.12 2:54

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Có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
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a página desta forma?

Mensagem por ByC 16.01.12 23:12

Novamente, não deu certo '-'
ByC
ByC
*

Membro desde : 29/01/2009
Mensagens : 42
Pontos : 54

http://www.Hogwartsonline.forumeiros.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a página desta forma?

Mensagem por Convidad 17.01.12 13:57

Olá,

Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "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. Piscada
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a página desta forma?

Mensagem 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:
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 Seta Visualização Seta Imagens e cores Seta Cores Seta 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
No.Name
*

Membro desde : 21/10/2011
Mensagens : 45
Pontos : 76

http://worldofpj.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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