Ajuda com Classes no CSS
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Ajuda com Classes no CSS
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)
Re: Ajuda com Classes no CSS
Olá!
Vou lhe dar um exemplo, espero que entenda.
Temos essa classe:
TituloML
Que está associada as três divs:
Compreende?
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>
- Código:
<div class="TituloML">E</div>
<div class="TituloML" id="teste">A</div>
<div class="TituloML">E</div>
- Código:
#teste
Compreende?
Re: Ajuda com Classes no CSS
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?
Re: Ajuda com Classes no CSS
Simples.. Já há um CSS daquilo, se adicionar outro modificara as outras também.
Mas podemos importar um style, assim:
Mas podemos importar um style, assim:
- Código:
<div class="TituloMedium" style="text-align: left !important">TEXTO</div>
Re: Ajuda com Classes no CSS
Ai é meu ponto. Não quero adicionar um modificador, quero que as classes novas funcionem.
Poderia ver por que elas não funcionam?
Poderia ver por que elas não funcionam?
Re: Ajuda com Classes no CSS
Eu pensei que fosse tudo uma só, perdoe-me.
Elas funcionam sim!
http://prntscr.com/6fl0my
Código da página HTML:
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>
Re: Ajuda com Classes no CSS
Print do meu CSS:
![Ajuda com Classes no CSS Captur10](https://i.servimg.com/u/f38/15/04/49/64/captur10.png)
Corpo de texto da minha página (só o texto mesmo, a página completa com cabe):
![Ajuda com Classes no CSS Captur10](https://i.servimg.com/u/f38/15/04/49/64/captur10.png)
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>
Re: Ajuda com Classes no CSS
A classe está pegando, veja:
![Ajuda com Classes no CSS PNGHAsK](https://i.imgur.com/PNGHAsK.png)
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](https://i.imgur.com/56xPhIB.png)
http://prntscr.com/6fl7zk
![Ajuda com Classes no CSS PNGHAsK](https://i.imgur.com/PNGHAsK.png)
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](https://i.imgur.com/56xPhIB.png)
http://prntscr.com/6fl7zk
Re: Ajuda com Classes no CSS
"A diferença e que o text-shadow, não transparecerá, pois a cor do fórum e black."
O senhor leu?
O senhor leu?
Re: Ajuda com Classes no CSS
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.
Re: Ajuda com Classes no CSS
Então, tá difícil em. ![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Vamos ver se consigo te explicar o que ocorre.
Sem text-shadow:
![Ajuda com Classes no CSS 8SUZOtO](https://i.imgur.com/8SUZOtO.png)
http://prntscr.com/6flela
Com text-shadow:
![Ajuda com Classes no CSS NXGTFSa](https://i.imgur.com/NXGTFSa.png)
http://prntscr.com/6flf9b
Infelizmente, a sua opinião não e valida.
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Vamos ver se consigo te explicar o que ocorre.
Sem text-shadow:
![Ajuda com Classes no CSS 8SUZOtO](https://i.imgur.com/8SUZOtO.png)
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](https://i.imgur.com/NXGTFSa.png)
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.
![...](/users/2612/28/77/07/smiles/23698.gif)
Re: Ajuda com Classes no CSS
EuficoLoko escreveu:Então, tá difícil em.
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)
Re: Ajuda com Classes no CSS
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](https://i.imgur.com/JIl1wcN.jpg)
![Ajuda com Classes no CSS 43MNJ4I](https://i.imgur.com/43MNJ4I.jpg)
![Ajuda com Classes no CSS ZncLvWd](https://i.imgur.com/zncLvWd.jpg)
Mas sobre suas class elas funcionam sim, o que quer dizer de que não funcionam?
![Ajuda com Classes no CSS JIl1wcN](https://i.imgur.com/JIl1wcN.jpg)
![Ajuda com Classes no CSS 43MNJ4I](https://i.imgur.com/43MNJ4I.jpg)
![Ajuda com Classes no CSS ZncLvWd](https://i.imgur.com/zncLvWd.jpg)
Re: Ajuda com Classes no CSS
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.
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.
![-](https://2img.net/i/empty.gif)
» Classes em punbb
» Classes CSS invision
» Não estou achando as classes
» Classes CSS da versão Phppb3
» Classes CSS nas mensagens Punbb
» Classes CSS invision
» Não estou achando as classes
» Classes CSS da versão Phppb3
» Classes CSS nas mensagens Punbb
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos