Ajuda com Classes no CSS

3 participantes

Ir para baixo

Tópico resolvido Ajuda com Classes no CSS

Mensagem por ZombieW 11.03.15 19:59

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.tutorialdoca.com

Descrição do problema

Boa tarde,

Para a criação de alguns tópicos e/ou páginas HTML, eu uso algumas classes no CSS. Porém, hoje estou tento um problema com duas novas criadas por mim, que são copias de outras classes, com o diferencial de serem alinhadas à esquerda ou à direita, ao invés de centralizadas.

Bom, a classe original e funciona é esta:

Código:
.TituloMedium { /*Para títulos/textos medianos*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}

Agora as classes que não estão funcionando:

Código:
.TituloMR { /*Para títulos/textos medianos - Alinhados à Direita (Right)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: right;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
.TituloML { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: left;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}

Como podem ver, a única diferença, é que mudei o " text-align:" de "center" para "right" ou "left".

Aqui um exemplo de uma página HTML funcional sem a utilização da classe R ou L: http://www.tutorialdoca.com/h28-quem-somos

E aqui, a página HTML que está usando as novas classes do CSS, mas não está funcionando: http://www.tutorialdoca.com/h31-regras-gerais

Fico no aguardo e obrigado.


Última edição por ZombieW em 12.03.15 14:27, editado 1 vez(es)
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko 11.03.15 20:09

Olá!

Vou lhe dar um exemplo, espero que entenda.
Temos essa classe:
TituloML
Que está associada as três divs:
Código:
<div class="TituloML">E</div>
<div class="TituloML">A</div>
<div class="TituloML">E</div>
No caso, se desejar apenas mexer em uma delas, acrescente um id.
Código:
<div class="TituloML">E</div>
<div class="TituloML" id="teste">A</div>
<div class="TituloML">E</div>
Então chame assim no CSS:
Código:
#teste

Compreende?
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW 11.03.15 20:11

EuficoLoko escreveu:Compreende?

Não! '-'

Veja bem, essa classe que te mostrei (a centralizada) foi criada em 2012, sendo assim, quando desejo chamar ela num tópico ou em uma página HTML, uso:

Código:
<div class="TituloMedium">TEXTO</div>

E funciona normal.

A dúvida é: por que as que usam alinhamento diferente de centralizado não funcionam?
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko 11.03.15 20:14

Simples.. Já há um CSS daquilo, se adicionar outro modificara as outras também.
Mas podemos importar um style, assim:
Código:
    <div class="TituloMedium" style="text-align: left !important">TEXTO</div>
Assim, somente aquela div ficará alinhada a esquerda e/ou direita.
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW 11.03.15 20:20

Ai é meu ponto. Não quero adicionar um modificador, quero que as classes novas funcionem.

Poderia ver por que elas não funcionam?
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko 11.03.15 20:25

Eu pensei que fosse tudo uma só, perdoe-me.
Elas funcionam sim!
http://prntscr.com/6fl0my
Código da página HTML:
Código:
    <style>
.TituloMR { /*Para títulos/textos medianos - Alinhados à Direita (Right)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: right;
      text-shadow: 0 2px 5px black;
      line-height: 150%;
    }
    .TituloML { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: left;
      text-shadow: 0 2px 5px black;
      line-height: 150%;
}</style>
<div class="TituloML">EE</div>
<div class="TituloMR">EE</div>
Poderia me confirmar se o seu 'TituloMR' está em capslock?
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW 11.03.15 20:34

Print do meu CSS:

Ajuda com Classes no CSS Captur10

Corpo de texto da minha página (só o texto mesmo, a página completa com cabe):

Código:
<div class="CA">Regras Gerais</div>
<br>
<div class="TituloMR">Regulamento escrito e desenvolvido por DropLeet em quinta, 14 de Junho de 2012.</div>
<br>
<div class="TituloMR">A Equipe reserva o direito de alterar essas regras a qualquer momento com o intuito de manter o fórum seguro, simples e amigável.</div>
<br>
<br>
<div class="TituloMedium"><b>Introdução</b></div>
<br>
<div class="TituloML">Este local permite que membros enviem mensagens de maneira publica ou privada para que outros usuários leiam. A Staff reserva o direito – mas não a obrigação, de, sem prévio aviso, monitorar, editar ou remover qualquer tipo de conteúdo neste espaço.</div>
<br>
<div class="TituloML">As normas do fórum foram criadas seguindo como base, as regras de diversos fóruns, com o intuito de manter um ambiente saudável e respeitoso. Abaixo, você conhece nossas regras e as sanções em caso de infração. Tenha em mente que o não conhecimento das mesmas não é justificativa para não ter seu acesso punido de acordo.</div>
<br>
<br>
<div class="TituloMedium"><b>Quem Somos?</b></div>
<br>
<div class="TituloML">Bem Vindo ao Tutorial do CA. Um Fan Site não oficial destinado a ensinar, entreter e divulgar informações sobre o FPS Combat Arms, desenvolvido pela NEXON Korea Corporation e distribuido no Brasil pela Level Up! Interactive S.A.</div>
<br>
<br>
<div class="TituloMedium"><b>Nosso Objetivo</b></div>
<br>
<div class="TituloML">Este Fórum (TdCA) tem a intenção de apresentar com qualidade nossas melhores ideias através de Tutoriais, Guias e Dicas para ajudá-los a melhorar seu desempenho no jogo. Contudo, ouvir as necessidades e sugestões dos usuários, divulgar as novas atualizações e permitir o encontro e a troca de informações entre os membros continua a ser nosso principal objetivo.</div>
<br>
<br>
<div class="TituloMedium"><b>Sobre a Equipe</b></div>
<br>
<div class="TituloML">O Tutorial do CA é constituído por uma equipe de membros voluntários. A estes nada lhes pode ser exigido nem apontado, pois o seu trabalho é meramente voluntário e apenas se comprometeram em contribuir com os seus conhecimentos para servir a comunidade.</div>
<br>
<div class="TituloML">Por isso, antes de mais, deve ser tido em conta que os membros pertencentes à Equipe do Fórum, tem os seus encargos pessoais, e que deve ser respeitados, não sendo da obrigatoriedade destes, de auxiliar em todos os assuntos criados.</div>
<br>
<div class="TituloML">Nossa Equipe é formada por fãs do game que buscam reunir jogadores com os mais diversos níveis de jogabilidade, de forma que todos possam desfrutar do espaço sem nenhuma discriminação.</div>
<br>
<br>
<div class="TituloMedium"><b>Acesso a Comunidade</b></div>
<br>
<div class="TituloML">Somos uma organização sem fins lucrativos, ou seja, não lucramos com o Fórum. Todos os jogadores podem se tornar membros e ter acesso a todas as informações contidas no fórum de forma totalmente gratuita.</div>
<br>
<br>
<div class="CA">Regras</div>
<br>
<div class="TituloNoBG">Artigo I - Divulgação de conteúdo mal intencionado</div>
<br>
<div class="TituloMedium"><b>Seção 1.1</b></div>
<br>
<div class="TituloML">É proibido postar nos servidores do fórum Tutorial do CA, manter a discussão ou disponibilização de links de:
<br>
<br>
<ul>
<li>● Vírus, keyloggers, programas ilegais, sites de phishing e venda de serviços;</li>
<li>● Modificação de client, programas de terceiros, bem como servidores piratas, hacks, trojan horses e programas malignos em geral;</li>
<li>● Sites de Comércio de Itens, Moedas ou Contas de jogo por dinheiro real.</li>
</ul></div>
<br>
<div class="TituloMedium"><b>Seção 1.2</b></div>
<br>
<div class="TituloML">Utilizar o Fórum com o intuito de debater ou divulgar um jogo (seja de computador, celular ou videogame) que não seja referente ao Combat Arms.</div>
<br>
<div class="TituloNoBG">Artigo II - Usuários Registrados</div>
<br>
<div class="TituloMedium"><b>Seção 2.1</b></div>
<br>
<div class="TituloML">Utilizar o fórum para discutir, divulgar, publicar ou disseminar idéias com apologia direta ou indireta referente a:
<br>
<br>
<ul>
<li>● Intolerância racial ou manifestação contra indivíduos, grupos ou organizações;</li>
<li>● Conteúdo pornográfico ou para adultos;</li>
<li>● Conteúdo relacionado a hackers ou crackers;</li>
<li>● Drogas ilícitas e materiais relacionados;</li>
<li>● Linguagem obscena em excesso;</li>
<li>● Conteúdo relacionado a jogos de azar ou cassinos;</li>
<li>● Material protegido por leis de direitos autorais;</li>
<li>● Qualquer outro conteúdo que seja ilegal, que promova atividades ilegais ou infrinja os direitos legais de terceiros.</li>
</ul></div>
<br>
<div class="TituloMedium"><b>Seção 2.2</b></div>
<br>
<div class="TituloML">Cada usuário poderá ter um único registro no fórum. Múltiplos registros levaram ao desativamento de ambos os registros.
<br>
<b>A</b> - Cada Registro pertence a um único membro sendo assim vedado o empréstimo da conta sobre qualquer hipótese para que terceiros tenham acesso ao fórum.<br>
<b>B</b> - É vedado criar tópicos/respostas a pedido de usuários bloqueados. Se tal for feito a conta que a fez será advertida. A partilha de conta com usuários bloqueados do fórum também poderá ser penalizada com o bloqueio da conta utilizada.</div>
<br>
<div class="TituloMedium"><b>Seção 2.3</b></div>
<br>
<div class="TituloML">Casos de extrema negligência de usuários poderão causar na expulsão do mesmo através do desativamento permanente da conta e o bloqueio do IP e e-mail do mesmo.</div>
<br>
<div class="TituloNoBG">Artigo III - Conteúdo de Mensagens e Tópicos</div>
<br>
<div class="TituloMedium"><b>Seção 3.1</b></div>
<br>
<div class="TituloML">É proibido criar Tópicos/Postagens com o intuito de bloquear a página e/ou causar qualquer irregularidade na estrutura do fórum.</div>
<br>
<div class="TituloMedium"><b>Seção 3.2</b></div>
<br>
<div class="TituloML">É proibido criar Tópicos/Postagens em área de Tutoriais. Essas áreas são reservadas apenas a Equipe para criação e desenvolvimento de Tutoriais. Caso queira criar um Tutorial deve-se contatar um membro da Equipe.</div>
<br>
<div class="TituloMedium"><b>Seção 3.3</b></div>
<br>
<div class="TituloML">É vedado criar tópicos com a finalidade de discussão de bloqueios, Advertências e avisos efetuados no fórum. O incumprimento da regra poderá levar ao bloqueio e/ou à admoestação do usuário. Para discutir estas situações dirige-te ao Administrador / Moderadorl envolvido ou ao seu superior hierárquico.</div>
<br>
<div class="TituloMedium"><b>Seção 3.4</b></div>
<br>
<div class="TituloML">É vedado criar tópicos com o intuito de ofender, humilhar  e/ou ameaçar qualquer membro pertencente, ou não, a Equipe. Essa Regra também é valida para outros meios de comunicação interna como Chat Box e Mensagens Privadas.</div>
<br>
<div class="TituloMedium"><b>Seção 3.5</b></div>
<br>
<div class="TituloML">Nós não permitidos discussões ou reclamações feitas publicamente. Para isso existe o sistema de envio de mensagem privada. Procure por usá-lo. Não faça postagem de conteúdos que tirem o bom âmbito do fórum em público.</div>
<br>
<div class="TituloMedium"><b>Seção 3.6</b></div>
<br>
<div class="TituloML">É vedado o uso do fórum para discutir, apresentar, ou divulgar assuntos jurídicos, legais, religiosos ou políticos.</div>
<br>
<div class="TituloMedium"><b>Seção 3.7</b></div>
<br>
<div class="TituloML">É vedado a criação de tópicos/mensagens que contenha:
<br>
<br>
<ul>
<li>● Titulo e/ou Conteúdo todo ou parcial em Caps Lock;</li>
<li>● Divulgação de correntes (spams);</li>
<li>● Double-Post;</li>
<li>● Floods;</li>
<li>● Flame;</li>
<li>● Denúncia.</li>
</ul></div>
<br>
<div class="TituloNoBG">Artigo IV - Interpretação</div>
<br>
<div class="TituloMedium"><b>Seção 4.1</b></div>
<br>
<div class="TituloML">Fazer-se passar por membro da Equipe (Nome, Avatar, Assinatura, etc) poderá levar à admoestação do utilizador ou mesmo ao bloqueio da conta.</div>
<br>
<div class="TituloMedium"><b>Seção 4.2</b></div>
<br>
<div class="TituloML">Dizer-se amigo de GM, CM ou Funcionário da Level Up! ou da Nexon para provocar, ou tirar proveito de tal status.</div>
<br>
<div class="TituloNoBG">Artigo V - Moderação</div>
<br>
<div class="TituloMedium"><b>Seção 5.1</b></div>
<br>
<div class="TituloML">É vedado que o membro efetue qualquer alteração em edição realizada pela Moderação sobre quaisquer circunstancias.</div>
<br>
<div class="TituloMedium"><b>Seção 5.2</b></div>
<br>
<div class="TituloML">Administradores e Moderadores poderão cancelar ou editar contas de usuários a qualquer momento, sem nenhuma compensação, justificativas ou aviso prévio. Sua conta poderá ser removida se infringir qualquer item destes termos ou qualquer nova razão que possa vir a acontecer. Casos omissos serão julgados pelos Administradores.</div>
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko 11.03.15 20:37

A classe está pegando, veja:
Ajuda com Classes no CSS PNGHAsK
http://prntscr.com/6fl7h5

A diferença e que o text-shadow, não transparecerá, pois a cor do fórum e black.
Mudando a cor do text-shadow:
Ajuda com Classes no CSS 56xPhIB
http://prntscr.com/6fl7zk
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW 11.03.15 20:39

Ok...então me responde: por que no meu fórum não funciona?
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko 11.03.15 20:40

"A diferença e que o text-shadow, não transparecerá, pois a cor do fórum e black."
O senhor leu?
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW 11.03.15 20:47

Sim eu li, mas na minha opinião leiga, o text-shadow não fará a classe não funcionar, apenas não mostrará um efeito extra.
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko 11.03.15 20:50

Então, tá difícil em. Feliz
Vamos ver se consigo te explicar o que ocorre.
Sem text-shadow:
Ajuda com Classes no CSS 8SUZOtO
http://prntscr.com/6flela
Código:
    <style>
.TituloMR { /*Para títulos/textos medianos - Alinhados à Direita (Right)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: right;

      line-height: 150%;
    }
    .TituloML { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: left;
   
      line-height: 150%;
}</style>
<div class="TituloML">EE</div>
<div class="TituloMR">EE</div>

Com text-shadow:
Ajuda com Classes no CSS NXGTFSa

http://prntscr.com/6flf9b
Código:
    <style>
.TituloMR { /*Para títulos/textos medianos - Alinhados à Direita (Right)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: right;
      text-shadow: 0 2px 5px black;
      line-height: 150%;
    }
    .TituloML { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: left;
      text-shadow: 0 2px 5px black;
      line-height: 150%;
}</style>
<div class="TituloML">EE</div>
<div class="TituloMR">EE</div>

Infelizmente, a sua opinião não e valida. ...
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW 12.03.15 12:57

EuficoLoko escreveu:Então, tá difícil em. Feliz
Vamos ver se consigo te explicar o que ocorre.
Sem text-shadow:

Com text-shadow:

Infelizmente, a sua opinião não e valida. ...

Cara, nem te respondi ontem, para não lhe ofender. E nunca desrespeitei ninguém da FdF, mas você pede por isso, sua lepra.

Primeiro, não sou leigo com programação.
Segundo, não ouse falar escrotisse para mim. Com ou sem a droga do Text-Shadow a classe do CSS deveria funcionar em MEU FÓRUM. Porque a droga do Text-Shadow nada mais é que um efeito de sombra.

Sendo assim, se você preferir, posso passar meu CSS inteiro para você e/ou minha página HTML para que você faça os testes adequados e corretos.


Última edição por ZombieW em 12.03.15 14:22, editado 1 vez(es)
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por Shaman 12.03.15 14:14

Não precisa xingar, agora levará a banimento.

Mas sobre suas class elas funcionam sim, o que quer dizer de que não funcionam?

Ajuda com Classes no CSS JIl1wcN
Ajuda com Classes no CSS 43MNJ4I
Ajuda com Classes no CSS ZncLvWd
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW 12.03.15 14:26

Precisa xingar sim, o cara não olha nem meu site para saber se o problema era no CSS de fato ou se era meu cache que estava "corrompido".

Agradeço por você ter respondido aqui. Para mim ainda estava errado, então sismei de dar "Ctrl + F5" e resolveu.

Creio eu, que se o ajudeiro tivesse me alertado disso, não precisaríamos ter passado por tudo isso.

Obrigado.
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

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