Jump to content
MARCEL MENDES

HTML e CSS duvida com tabela

Recommended Posts

Boa noite

Gostaria de uma ajuda, sou iniciante, estou tentando fazer uma tabela que eu fiz em Excel, só que eu queria fazer em PHP ou Java script, alguém pode me ajudar a dar o pontapé inicial por onde começo! Sei que vai precisar de um banco de dados,

O que eu gostaria de fazer é o seguinte, o usuário admin entra na área restrita, que eu já fiz o login e sistema de cadastro em php, ele lança o time que vai competir e colocar gerar volante, ai o usuário normal quando abrir o volante no login dele faz o jogo e coloca enviar ou validar jogo, depois em uma data especifica o admin lança o resultado por uma outra página e coloca gerar vai gerar uma página de classificação de quem fizer mais pontos, assim colocação 1º João 2º Rafael etc... quantos mais resultados você acertar mais ponto você vai obter!

 

Segue a tabela abaixo, para melhor visualização.

tabela.PNG.1726d5e192e1d4be02f477f6c8d44377.PNG

Assim coluna 1 flamengo x botafogo eu marquei que botafogo vai ganhar, aonde você visualiza por um (X) se eu marcasse no meio seria empate e no lado esquerdo seria que o flamengo que sairia vitorioso. Bom sou iniciante e está difícil, mais quero aprender e por onde posso começar alguma ajuda desde já agradeço abraço a todos. 

 

Share this post


Link to post
Share on other sites

Da uma olhada nesse código aproveitei sua duvida pra treinar grid, vai ver nesse código um pouco de "sass" e a utilização de template e o uso dos elementos " dl, dd, dt " junto com grid layout. basicamente usei javascript, eu particularmente não gostaria de usar PHP com Javascript, nessa situação tendo em mente que existem muitos frameworks javascript, só usaria javascript no front.

 

https://jsfiddle.net/wanderval/6aLobnwg/2/

Share this post


Link to post
Share on other sites
6 horas atrás, wanderval disse:

Da uma olhada nesse código aproveitei sua duvida pra treinar grid, vai ver nesse código um pouco de "sass" e a utilização de template e o uso dos elementos " dl, dd, dt " junto com grid layout. basicamente usei javascript, eu particularmente não gostaria de usar PHP com Javascript, nessa situação tendo em mente que existem muitos frameworks javascript, só usaria javascript no front.

 

https://jsfiddle.net/wanderval/6aLobnwg/2/

Wandarval, primeiramente queria muito agradecer, não sei quanto tempo levou para fazer isso, mais fico show trabalho incrível. 

Share this post


Link to post
Share on other sites
Em 27/07/2019 at 21:24, wanderval disse:

Da uma olhada nesse código aproveitei sua duvida pra treinar grid, vai ver nesse código um pouco de "sass" e a utilização de template e o uso dos elementos " dl, dd, dt " junto com grid layout. basicamente usei javascript, eu particularmente não gostaria de usar PHP com Javascript, nessa situação tendo em mente que existem muitos frameworks javascript, só usaria javascript no front.

 

https://jsfiddle.net/wanderval/6aLobnwg/2/

Fiz o formularia que o admin vai fazer os jogos.

 

Coloquei os links mais não está puxando ! 

<script src="volante_user.js"></script>
<link rel="stylesheet" type="text/css" href="volante_user.css">

Share this post


Link to post
Share on other sites

eu tenho e-mail, mas acho mais fácil você me mandar mensagem privadas por aqui facilita eu sempre entro aqui.

eu aconselho você estudar pela plataforma udemy, o código que fiz foi utilizado apenas javascript sem uso de jquery, mas poderia ter cido construido usando framework ai iria ficar show, mas tudo ao seu tempo.

 

1- faça um curso de java script puro

2- faça um curso de algum framework javascript ex: (Angular +2 ou acima, Vue.js ou React)

 

geralmente eu não peço mas da um joinha na minha resposta ai ninguém da pra dar como resolvido o problema kkk

 

sobre o css o problema e que eu escrevi usando o formato scss que é sass tem que converter pra css comum pra poder utilizar!

 

 

o codigo css puro seria esse aqui:

 

.table-game dd:hover input ~ .checkmark, input[type="radio"]:checked ~ .checkmark {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  background: #0080000d;
}
.table-game dd:hover input ~ .draw.checkmark, input[type="radio"]:checked ~ .draw.checkmark, .table-game dd:hover input ~ .draw.checkmark:hover, input[type="radio"]:checked ~ .draw.checkmark:hover {
  color: darkred;
  background: #8b000012;
}

dl {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid #eee;
  margin: 0 auto;
}
dl dt, dl dd, dl .header-table {
  display: flex;
  margin: 0 auto;
  min-width: 40px;
  position: relative;
  place-content: center;
  width: 100%;
  height: 40px;
  justify-content: center;
  align-items: center;
}
dl dd:first-child,
dl dt:first-child {
  margin-left: 20px;
}
dl dd:nth-child(even) {
  font-size: 1.2em;
}
dl dd:nth-child(even),
dl dt:nth-child(even) {
  place-content: center;
  max-width: 20px;
}

.table-game {
  font-family: sans-serif;
  font-size: 12px;
  background: #fff;
}
.table-game .header-table {
  background: yellow;
  font-size: 1.2em;
  font-weight: 600;
}
.table-game dl:hover {
  background: #f8f8f8;
  cursor: pointer;
}
.table-game dl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  margin: auto auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.checkmark {
  color: green;
  text-align: center;
  display: none;
}
.checkmark.draw {
  color: darkred;
}

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By guilherme_soi
      Ao acessar o meu aplicativo recebo a seguinte mensagem: 'the dbname and launch parameters must be specified on first run' como resolver?
       
      Ao acessar o meu aplicativo recebo a seguinte mensagem: 'the dbname and launch parameters must be specified on first run' como resolver? Existe algo que possa ser feito?
    • By JoaoV-26
      olá,
       
      Eu preciso fazer uma matriz 7x7 que imprima caractere 'x' e 'o' porém o x precisar ser nas duas diagonais, fazer a matriz e imprimir o x em uma diagonal eu consegui porém não estou conseguindo de jeito nenhum imprimir na outra diagonal, a matriz precisa sair assim: 
       
      x o o o o o x
      o x o o o x o
      o o x o x o o 
      o o o x o o o
      o o x o x o o
      o x o o o x o
      x o o o o o x
       
      a minha está saindo assim (foto em anexo)
       
      Meu código:

       
      #include<stdio.h> int main(){          int i, j;     char str[2]="x", str1[2]="o";                for(i=1; i<=7; i++){         for(j=1;j<=7; j++)              if(i+j == 7+1){                      printf("%s", str);                      }else                      printf("%s", str1);                      printf("\n");          }      } Alguém pode me ajudar, como faço para outra diagonal sair 'x' também ?????

    • By MARCEL MENDES
      Boa noite
      Gostaria de uma ajuda, sou iniciante, estou tentando fazer uma tabela que eu fiz em Excel, só que eu queria fazer em PHP ou Java script, alguém pode me ajudar a dar o pontapé inicial por onde começo! Sei que vai precisar de um banco de dados,
      O que eu gostaria de fazer é o seguinte, o usuário admin entra na área restrita, que eu já fiz o login e sistema de cadastro em php, ele lança o time que vai competir e colocar gerar volante, ai o usuário normal quando abrir o volante no login dele faz o jogo e coloca enviar ou validar jogo, depois em uma data especifica o admin lança o resultado por uma outra página e coloca gerar vai gerar uma página de classificação de quem fizer mais pontos, assim colocação 1º João 2º Rafael etc... quantos mais resultados você acertar mais ponto você vai obter!
       
      Segue a tabela abaixo, para melhor visualização.
       

       
      Assim coluna 1 flamengo x botafogo eu marquei que botafogo vai ganhar, aonde você visualiza por um (X) se eu marcasse no meio seria empate e no lado esquerdo seria que o flamengo que sairia vitorioso. Bom sou iniciante e está difícil, mais quero aprender e por onde posso começar alguma ajuda desde já agradeço abraço a todos. 
    • By MARCEL MENDES
      Boa noite
       
      Gostaria de uma ajuda, sou iniciante, estou tentando fazer uma tabela que eu fiz em excel, só que eu queria fazer em PHP ou javascript, alguem pode me ajudar a dar o pontapé inicial por onde começo! sei que vai precisar de uma banco de dados,.
      O que eu gostaria de fazer é o seguinte, o usuário admin entra na área restrita, que eu já fiz o login e sistema de cadastro em php, ele lança o time que vai competir e colocar gerar volante, ai o usuário normal quando abrir o volante no login dele faz o jogo e coloca enviar ou validar jogo, depois em uma data especifica o admin lança o resultado por uma outra pagina e coloca gerar vai gerar uma pagina de classificação de quem fizer mais pontos, assim  colocação 1º João 2º Rafael etc.. quantos mais resultados você acertar mais ponto você vai obter!
      Segue a tabela abaixo, para melhor visualização.
       
       
      Assim coluna 1 flamengo x botafogo eu marquei que botafogo vai ganhar , aonde você visualiza por um (X) se eu marcasse no meio seria empate e no lado esquerdo seria que o flamengo que sairia vitorioso . bom sou iniciante e ta difícil, mais quero aprender e por onde posso começar alguma ajuda desde já agradeço abraço a todos . 
    • By kadumx
      Boa noite pessoal,
       
      como posso migrar meus arquivos wordpress que estão em pasta www.site.com.br/novo para raiz www.site.com.br.
      Tentei seguir esse (  http://www.luisaambros.com/blog/como-trocar-o-wordpress-de-diretorio-na-mesma-hospedagem/ )mas quando chego na etapa 8 e 9 sou redirecionado para o painel antigo e não o novo.
       
      Agradeço se conseguir tirar essa dúvida.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.