Como personalizar a página desta forma?

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

Resolvido Como personalizar a página desta forma?

Mensagem por ByC em 12/01/12, 10:37 pm

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:
http://img189.imageshack.us/img189/2963/imagemhnt.jpg

Endereço do meu fórum:
http://testebruno.forumeiros.com/

Versão do meu fórum:
PHPBB2
avatar

ByC
Nível 5

Masculino
Inscrito dia : 29/01/2009
Mensagens : 42
Pontos Ativos : 54

Ver perfil do usuário http://www.Hogwartsonline.forumeiros.org

Resolvido Re: Como personalizar a página desta forma?

Mensagem por Convidad em 13/01/12, 12:17 am

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'

Convidad
Convidado


Resolvido Re: Como personalizar a página desta forma?

Mensagem por ByC em 15/01/12, 08:48 pm

Não deu certo '-'
avatar

ByC
Nível 5

Masculino
Inscrito dia : 29/01/2009
Mensagens : 42
Pontos Ativos : 54

Ver perfil do usuário http://www.Hogwartsonline.forumeiros.org

Resolvido Re: Como personalizar a página desta forma?

Mensagem por Luciano98 em 16/01/12, 12:54 am

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como personalizar a página desta forma?

Mensagem por ByC em 16/01/12, 09:12 pm

Novamente, não deu certo '-'
avatar

ByC
Nível 5

Masculino
Inscrito dia : 29/01/2009
Mensagens : 42
Pontos Ativos : 54

Ver perfil do usuário http://www.Hogwartsonline.forumeiros.org

Resolvido Re: Como personalizar a página desta forma?

Mensagem por Convidad em 17/01/12, 11:57 am

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

Convidad
Convidado


Resolvido Re: Como personalizar a página desta forma?

Mensagem por No.Name em 18/01/12, 03:40 pm

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
avatar

No.Name
Nível 5

Masculino
Inscrito dia : 21/10/2011
Mensagens : 45
Pontos Ativos : 76

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