Tabela de informações

3 participantes

Ir para baixo

Tópico resolvido Tabela de informações

Mensagem por KriptonisPT 21.01.13 19:55

Qual é minha questão:
Olá pessoal! Estou a tentar fazer uma tabela de informações igual a esta:
[url=board.ogame.com.pt][/url]

Mas os meus conhecimentos de html são muito limitados, alguém me pode dizer o que estou a fazer mal?
Obrigado pela atenção!

Aqui vai o código que usei:




Vem fazer parte da Resistance!



Tabela de informações Invitebanner




Forum em Construção:


Poderá haver algumas imagens ou partes que não estão acabadas.

Esta notificação será retirada quando a Administração achar que o Fórum está concluído.



</br></br>


Endereço do meu fórum:
http://resistance.forumgratis.com.pt

Versão do fórum:
PHPBB2
KriptonisPT
KriptonisPT
Novo Membro

Membro desde : 19/01/2013
Mensagens : 12
Pontos : 18

http://resistance.forumgratis.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por Roevs 21.01.13 20:00

Olá,

Aqui esta o código HTML

Código:
<div class="info" style="background-color:#033; border-color:#000; color:#fff;">
         <p><style>.container-4{ background-color: #171E2F;}</style>
<br>
</p><div style="text-align: center"><span style="color: #ffff00"><strong><em>Vem fazer parte da equipa Ogame.pt!</em></strong></span><br><br>

<img src="http://board.ogame.de/icon/ogame/boardM.png" class="resizeImage" alt=""> <span style="color: #ff6600"><strong>Candidaturas a Operador de Jogo:</strong></span> <a href="http://board.ogame.com.pt/board1005-informa%C3%A7%C3%B5es/board1179-jogo/394970-equipa-procura-novos-membros-gos/"><span style="color: #ffffff"><strong><span style="text-decoration: underline">12 Vagas</span></strong></span></a> <br>

<img src="http://board.ogame.de/icon/ogame/boardM.png" class="resizeImage" alt=""> <strong><span style="color: #009900"><span style="color: #00ff00">Candidaturas a Moderador do Fórum:</span> </span></strong><a href="http://board.ogame.com.pt/board1005-informa%C3%A7%C3%B5es/board61-f%C3%B3rum/452384-candidaturas-para-moderador-abertas/"><span style="color: #ffffff"><strong><span style="text-decoration: underline">3 Vagas</span></strong></span></a> <br>

<img src="http://board.ogame.de/icon/ogame/boardM.png" class="resizeImage" alt=""> <strong><span style="color: #ff00ff">Candidaturas a Redator: </span></strong><a href="http://board.ogame.com.pt/board1005-informa%C3%A7%C3%B5es/board61-f%C3%B3rum/448564-sondamos-t-candidaturas-para-redactor-abertas/"><span style="color: #ffffff"><strong><span style="text-decoration: underline">6 Vagas</span></strong></span></a><br><br>



<span style="color: #ffff00"><strong><em>!!!Descobre o Sondamos't! O teu Jornal Ogame.pt!!!</em></strong></span></div>

<p></p>
      </div>

Depois adiciona este código em sua Folha de estilo CSS

Código:
.info {
color: #06F;
background-color: #DEF;
background-image: url("../icon/infoM.png");
border-color: #06F;
}
.success, .warning, .error, .info {
background-position: 10px center;
background-repeat: no-repeat;
margin-bottom: 20px;
padding: 7px 10px 7px 45px;
}
.breadCrumbs, .error, .info, .message h3, .message h4, .messageBody, .success, .warning {
line-height: 1.5;
}

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por KriptonisPT 21.01.13 20:44

Está tudo OK no sentido da tabela mas ele não criou a border... Era suposto isso acontecer?
KriptonisPT
KriptonisPT
Novo Membro

Membro desde : 19/01/2013
Mensagens : 12
Pontos : 18

http://resistance.forumgratis.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por Roevs 21.01.13 20:48

Olá,

Adiciona mais este código em sua Folha de estilo CSS

Código:
.info {
border-color: black!important;
}
Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por KriptonisPT 21.01.13 21:47

Muito obrigado pela paciência, mas...
Continua sem border... Não sei se ajuda dizer mas migrei para wbb2. Faz diferença nos códigos?
KriptonisPT
KriptonisPT
Novo Membro

Membro desde : 19/01/2013
Mensagens : 12
Pontos : 18

http://resistance.forumgratis.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por Roevs 21.01.13 22:14

Olá,

Será que poderia voltar com o código antigo e veja se a borda apareça

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por KriptonisPT 22.01.13 8:27

Que código antigo? O que sugeri?

Cumprimentos,
KriptonisPT
KriptonisPT
Novo Membro

Membro desde : 19/01/2013
Mensagens : 12
Pontos : 18

http://resistance.forumgratis.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por KriptonisPT 22.01.13 19:08

Tenho andado a tentar mexer mas não consigo avançar :/

Deve ser qualquer coisa óbvia e eu nem estou a reparar!
KriptonisPT
KriptonisPT
Novo Membro

Membro desde : 19/01/2013
Mensagens : 12
Pontos : 18

http://resistance.forumgratis.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por KriptonisPT 23.01.13 22:45

up
KriptonisPT
KriptonisPT
Novo Membro

Membro desde : 19/01/2013
Mensagens : 12
Pontos : 18

http://resistance.forumgratis.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por KriptonisPT 25.01.13 19:51

up
KriptonisPT
KriptonisPT
Novo Membro

Membro desde : 19/01/2013
Mensagens : 12
Pontos : 18

http://resistance.forumgratis.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela de informações

Mensagem por seender 26.01.13 22:44

Olá!

Troque o código por esse:
Código:
.info {
border:1px solid #000 !important;
}
Até mais!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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