Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Lincoln
 
>.< T-T =3
 
b@nzé
 

Quem está conectado
304 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 294 Visitantes :: 2 Motores de busca

'Dante, APOllO, Appoloz, Connor R., Harleen, Kyo Panda, lukas442, Marcelo22m2, paulim78, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 12:05

Ajuda com Classes no CSS

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

Resolvido Ajuda com Classes no CSS

Mensagem por ZombieW em Qua 11 Mar 2015 - 16: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 Qui 12 Mar 2015 - 11:27, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1262
Pontos Ativos : 1779

http://www.perfectteam.org

Resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko em Qua 11 Mar 2015 - 17: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?
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW em Qua 11 Mar 2015 - 17: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?
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1262
Pontos Ativos : 1779

http://www.perfectteam.org

Resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko em Qua 11 Mar 2015 - 17: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.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW em Qua 11 Mar 2015 - 17:20

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

Poderia ver por que elas não funcionam?
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1262
Pontos Ativos : 1779

http://www.perfectteam.org

Resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko em Qua 11 Mar 2015 - 17: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?
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW em Qua 11 Mar 2015 - 17:34

Print do meu CSS:



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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1262
Pontos Ativos : 1779

http://www.perfectteam.org

Resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko em Qua 11 Mar 2015 - 17:37

A classe está pegando, veja:

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:

http://prntscr.com/6fl7zk
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW em Qua 11 Mar 2015 - 17:39

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1262
Pontos Ativos : 1779

http://www.perfectteam.org

Resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko em Qua 11 Mar 2015 - 17:40

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW em Qua 11 Mar 2015 - 17: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.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1262
Pontos Ativos : 1779

http://www.perfectteam.org

Resolvido Re: Ajuda com Classes no CSS

Mensagem por EuficoLoko em Qua 11 Mar 2015 - 17:50

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

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:


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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW em Qui 12 Mar 2015 - 9: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 Qui 12 Mar 2015 - 11:22, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1262
Pontos Ativos : 1779

http://www.perfectteam.org

Resolvido Re: Ajuda com Classes no CSS

Mensagem por Shaman em Qui 12 Mar 2015 - 11: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?



avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Ajuda com Classes no CSS

Mensagem por ZombieW em Qui 12 Mar 2015 - 11: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.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1262
Pontos Ativos : 1779

http://www.perfectteam.org

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