CSS não é suportado no fórum

[viniliff]

• Descrição:
  

Olá.

Há tempos, eu leio e sigo diversos tutoriais disponibilizados no FdF. Todavia, eu percebi que os tutoriais que envolviam CSS não funcionavam... Eu sempre pensava que eram erros nos códigos ou possíveis incompatibilidades.

Mas depois de um tempo, que eu percebi: Entre muitos tutoriais que eu tentei (de alterar cores, arrumar abas, personalizar o fundo dos widgets, alterar bordas...) nunca nenhum funcionou.

Seria isso algum erro na minha folha de CSS? Agradeço a ajuda de todos.

---

• Informações:
  

Fórum:	colonia.livreforum.com	Versão:	PHPBB3
Tipo:	Erros diversos	Tags:	suportado,fórum

---

[Harold C+]

Vamos as possibilidades :

1 - Pode ser um conflito HTML/JAVASCRIPT/JQUERY.
2 - Um Erro no CSS
3 - Você não está seguindo direito o tutorial de por o CSS, Alguns são pra por nos widgets, NEM TODOS São pra por na Css.
4 - Isso pode ser um Defeito do Tema
5 - Pode ser um Erro da Forumeiros

Acredito na 3. Poderia dizer um exemplo de algum tutorial que não funcionou se o erro ainda persistir ?

[viniliff]

Olá.

Alguns exemplos de tutorarias que não obtive êxito:

https://ajuda.forumeiros.com/t64259-bordas-no-portal
https://ajuda.forumeiros.com/t64272-colocar-bordas-em-volta-de-widgets-e-afins

Isso vem acontecendo comigo há meses.
Curiosamente, eu sempre obtenho sucesso em tutoriais de personalização que envolvem JavaScript.

Agradeço sua atenção.

[Shek]

Boa tarde!

As vezes temos que usar o !important na propriedade para informar que aquela propriedade é mais importante que as outras. As vezes funciona, há outras que não. Por exemplo, coloque agora em seu fórum este código da borda que apresentou no primeiro link:

Código:

.module {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: url(http://i88.servimg.com/u/f88/14/28/28/25/111.png);
background-color: #f4f4f4;
background-repeat: repeat-x;
border: 1px solid #949494;
border-radius: 7px;
margin: 3px;
}

Se não funcionou, usamos o código que tem o !important

Código:


-moz-border-radius: 7px !important;
-webkit-border-radius: 7px !important;
background: url(http://i88.servimg.com/u/f88/14/28/28/25/111.png) !important;
background-color: #f4f4f4 !important;
background-repeat: repeat-x !important;
border: 1px solid #949494 !important;
border-radius: 7px !important;
margin: 3px !important;

Entendeu?

[viniliff]

Obrigado pela ajuda, esse código me será de grande utilidade.   
O tópico já pode ser concluído.