Tabela de informações

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

Resolvido Tabela de informações

Mensagem por KriptonisPT em 21/01/13, 05:55 pm

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!








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
avatar

KriptonisPT
Nível 2

Masculino
Inscrito dia : 19/01/2013
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://resistance.forumgratis.com.pt/

Resolvido Re: Tabela de informações

Mensagem por iPrompt em 21/01/13, 06:00 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tabela de informações

Mensagem por KriptonisPT em 21/01/13, 06:44 pm

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

KriptonisPT
Nível 2

Masculino
Inscrito dia : 19/01/2013
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://resistance.forumgratis.com.pt/

Resolvido Re: Tabela de informações

Mensagem por iPrompt em 21/01/13, 06:48 pm

Olá,

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

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tabela de informações

Mensagem por KriptonisPT em 21/01/13, 07:47 pm

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

KriptonisPT
Nível 2

Masculino
Inscrito dia : 19/01/2013
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://resistance.forumgratis.com.pt/

Resolvido Re: Tabela de informações

Mensagem por iPrompt em 21/01/13, 08:14 pm

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tabela de informações

Mensagem por KriptonisPT em 22/01/13, 06:27 am

Que código antigo? O que sugeri?

Cumprimentos,
avatar

KriptonisPT
Nível 2

Masculino
Inscrito dia : 19/01/2013
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://resistance.forumgratis.com.pt/

Resolvido Re: Tabela de informações

Mensagem por KriptonisPT em 22/01/13, 05:08 pm

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

Deve ser qualquer coisa óbvia e eu nem estou a reparar!
avatar

KriptonisPT
Nível 2

Masculino
Inscrito dia : 19/01/2013
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://resistance.forumgratis.com.pt/

Resolvido Re: Tabela de informações

Mensagem por KriptonisPT em 23/01/13, 08:45 pm

up
avatar

KriptonisPT
Nível 2

Masculino
Inscrito dia : 19/01/2013
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://resistance.forumgratis.com.pt/

Resolvido Re: Tabela de informações

Mensagem por KriptonisPT em 25/01/13, 05:51 pm

up
avatar

KriptonisPT
Nível 2

Masculino
Inscrito dia : 19/01/2013
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://resistance.forumgratis.com.pt/

Resolvido Re: Tabela de informações

Mensagem por seender em 26/01/13, 08:44 pm

Olá!

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

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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