DiF

@Carlos Alexandre 399 Olá, captei o que você quer.
Acredito que tem duas formas de resolver isso.
 
Uma é colocando a frase toda em um contêiner como irmão adjacente do elemento <i>
Com isso a estrutura terá que ser alterada para algo do tipo:
<div class="container"> <i class=" pata fa fa-paw fa-spin"></i> <p class="texto"> Não É para quem não se importa com a saúde de seu cão e quer continuar dando as tóxicas rações industrializadas </p> </div> Primeiro define o elemento DIV class container como display: table.
 
depois no elemento <p> você define o display como table-cell juntamente com padding de 5px.
 
.container{ display: table; } .pata{ color: #ff9800; } .texto{ display: table-cell; padding-left: 5px; } Veja funcionando: https://jsfiddle.net/dife/ozyu2eha/9/
 
A outra maneira seria, na palavra industrializada, você adicionar ela entre o elemento<span> e mover para a margem indicada... mas não é muito bom fazer essa gambiarra... por isso faça da forma que mostrei acima com display table e table-cell
 
PS: no exemplo, do link, se ficar a frase toda em uma linha, experimente arrastar a divisória da tela pro lado direito pra diminuir.. dai você vai ver a palavra industrializada alinhada corretamente
 

Só para fins de registro.
É só declarar uma regra CSS para o elemento de link <a>
 
a{ color: #FFF; }  
Não apagamos, quando não há irregularidades.

@Arthur Vandellay Pelo que eu testei o endereço do pudim não é https e nem funciona.
Creio que o problema seja neste domínio e não no seu código.

@Lobarinhas
Exatamente isso. A transferência de personagens das contas no PS3 foi encerrada em 6 de março de 2017. 
Por isso, talvez somente a versão de PS4 ainda dê para migrar.
No mais, no pior das hipóteses é você criar o personagem do zero.

@Carl J. Jhonson
Põe um limite em pixel no elemento DL   e no width do DD deixe em auto.
 
Ou melhor, no width do DL,  ajuste para que fique menor do que width do modal.
 
https://jsfiddle.net/dife/0ym43ewk/5/

@Carlos Augusto02 @braconius Será que esse aparelho não resolve o lance de testar a fonte: Testador de fontes atx
 
Mas... por garantia, acredito que a melhor forma e mais segura é levar em uma assistência, já eles irão ter todos os equipamentos para testes e um diagnóstico mais detalhado.
 

@Carlos Alexandre 399 Olá, seja bem vindo no Clube do Hardware.
Você pode usar um banco de dados para guardar dados, arquivos, videos e etc... porém, não é nada viável e com bom desempenho usar o banco de dados para isso.
 
O melhor que você vai fazer é usar o servidor para guardar os videos e no banco de dados guardar apenas os nomes dos arquivos de video.
 Quanto a hospedagem, ai fica a seu critério usar um pago com armazemanento em grandes quantidades..  vendo o site que postou, os videos tem maximo de duração de 10 segundos... sao videos curtos, arquivos pequenos... 

@Kaua Sacramento Sim, você precisa de todos que são desse tipo. Muitos programas e jogos usam. se remover um provavelmente algum jogo ou programa vai parar de funcionar.
Percebe, que toda vez que você instala um jogo na steam, é instalado algumas dessas bibliotecas na pasta do jogo além das que já estão instaladas no windows.  Remove todos os programas mas esses não, já que são bibliotecas.

@JenneferBarbosa Olá,  você pode calcular datas desta forma:
//Função para calcular quantos dias se passou entre duas datas. function tempoPassado(data_inicio, data_fim){ //gera as datas a partir dos parâmetros da função data1 = new Date(data_inicio); data2 = new Date(data_fim); //diferença em milésimos e positivo var diferenca = Math.abs(data1 - data2); // milésimos de segundo correspondente a um dia var dia = 1000*60*60*24; //valor total de dias arredondado var total = Math.round(diferenca/dia); //retorna o resultado return total; } //armazena em uma variável as duas datas inicio e fim no formado norte americano let qtoTempo = tempoPassado('2019-06-26','2019-07-04'); //testa se passou 7 dias. if(qtoTempo > 7 ){ alert('Pasou o limite de 7 dias'); }else{ alert('ainda ta dentro do prazo'); } Creio que seja isso que você precisa. Mas pode ser que tenhas que implementar melhor e ajustar algumas coisas para seu código.
 
Veja funcionando: https://jsfiddle.net/dife/xs015czn/37/

Caro usuário,
 
Seja bem-vindo ao Fórum do Clube do Hardware.
 
No intuito de servir como fonte de pesquisa no caso de instituições de ensino, informamos que incorrer no resolvimento por completo de questões relacionadas a disciplinas escolares de cursos técnicos e faculdades podem ser revistas e removidas pela Equipe de Moderação do Clube do Hardware.
 
Para sanar dúvidas sobre esse tipo de problema, por gentileza, publique o passo a passo do desenvolvimento da questão, projeto, monografia ou conteúdo em dúvida para que possamos analisar se a resposta está correta ou não, ou para que possa ser auxiliado com a dúvida no desenvolvimento do exercício.
 
Infelizmente, não há como resolver os trabalhos pelos usuários. O objetivo do Fórum do Clube do Hardware é auxiliar seus usuários a encontrar soluções para que possam sanar suas dúvidas, e não de trazer soluções prontas para seus usuários.. Além disso, copiar e colar respostas que não são de autoria própria do qualquer usuário é considerado plágio, o que é ilegal.
 
Esperamos que compreenda.
 
Atenciosamente,
Equipe Clube do Hardware

@Marcos Caique Olá, 
Na verdade o problema é mesmo com esses controles e o software. A maioria dos jogos para PC, seja na steam ou não que tem suporte ao controle, usam o Xinput( controle xbox) de forma nativa.
Ao usar esse programa para fazer reconhecer o controle do PS4, ele na verdade está fazendo uma emulação do Xinput. E isso com certeza pode ocorrer o input lag ou no pior dos casos reduzir desempenho.
 
Então, se você quiser usar o seu controle de PS4 de forma natural sem emular, só pelo big picture mesmo  pela steam. Caso contrário, será melhor comprar um controle de Xbox 360 ou de X1.
 
PS: com o big picture, você pode usar qualquer controle. seja genérico ou de PS1/2/3/4 e em qualquer jogo que suporte controle.

@Emerson Matheus
 
Não sei se entendi muito bem, mas você quer aquele efeito de rolagem, que vai aparecendo os elementos na tela enquanto rola? Se sim, existem plugins já prontos, bastando apontar eles e os atributos...
 
https://michalsnik.github.io/aos/
http://jackonthe.net/css3animateit/
 
Estes dois são os melhores que eu conheço. Muito simples de usar e o efeito é espetacular.
 

@BlackM00n_ Olá,  precisa necessariamente ter a imagem enviada para o banco de dados?
Pois o ideal e mais utilizado é enviar as imagens para uma pasta dentro do servidor e guardando no banco de dados apenas o nome da imagem.
 
Para fazer um upload vai precisar da linguagem de programação server-side PHP.
Vai usar essa função para upload:
//$imagem["name"] é o arquivo do tipo FILE recebido do formulário //Pega extensão da imagem preg_match("/\.(gif|bmp|png|jpg|jpeg){1}$/i", $imagem["name"], $ext); // Gera um nome único para a imagem $nome_imagem = md5(uniqid(time())) . "." . $ext[1]; //o nome único da imagem concatenado com o diretório onde será salvo. $caminho_imagem = "fotos/" . $nome_imagem; // Faz o upload da imagem para seu respectivo caminho move_uploaded_file($imagem["tmp_name"], $caminho_imagem); Para exibir a imagem, basta fazer uma Query na tabela,  pegando o nome e colocando o src da imagem. em um lado de while, se tiver mais de uma imagem.
 
Desta forma:
$sql = mysqli_query($conexao,"SELECT imagem FROM tabela ORDER BY nome"); // Exibe as informações de cada usuário while ($arquivo = mysqli_fetch_object($sql)) : //concatena o nome da imagem com o diretório $imagem = "imagens/" . $arquivo->imagem; // Exibimos a imagem, pode-se usar html e class no css. echo "<div class='img-container'> <img src='$imagem' alt='$arquivo->imagem' /> </div>"; endwhile;  

@GleysonFio Como você esta passando o valor id do registro que vai alterar?
 
Basicamente você tem que enviar ao código de edição o valor... e para isso geralmente é usado um link com passagem por parâmetro. Dito isso, você deve receber o ID pelo GET. 
 
Exemplo:
 
//Busca primeiro os ids dos produtos $search = mysqli_query($conn, "SELECT nome, valor, id FROM produto"); while($produto = mysqli_fetch_object($search)): echo "<tr> <td>$produto->nome</td> <td>$produto->valor</td> <td><a href='editar.php?id=$produto->id'>Editar</a></td> <td><a href='apagar.php?id=$produto->id'>Apagar</a></td> <tr/>"; endwhile; Então no arquivo editar.php, você recebe o valor ID como:
$id = $_GET["id"]; Mas se for por exemplo uma edição de um cadastro, onde o usuário está logado, então naturalmente a ideia é colocar este valor ID na sessão.
 
exemplo:

 
<?php session_start(); $id = $_SESSION["id_usuario"]; include 'conexao.php'; //Recebe dos dados do formulário $tel = $_POST["telefone"]; $atualiza = mysqli_query($conn, "UPDATE usuario SET telefone='$tel' WHERE id='$id'"); if($atualiza): echo "Foi!!"; else: echo "Deu erro"; endif; O interessante, é você colocar o ID do usuário na sessão no momento da autenticação(login e senha)
Se fizer uma busca sobre sistema de login aqui vai encontrar diversos tópicos na qual eu postei um exemplo de como fazer isso.

@GUh_sc Olá,  acho que se você quer aprender, não seria interessante alguém fazer por você não acha?
 
Tenta fazer, e posta aqui o que conseguiu.  Ademais, poste a sua dúvida mais específica. Onde exatamente está a sua dificuldade?  Estrutura HTML?  estilização do CSS?
 
Desculpe ser ríspido, mas aqui dificilmente fará algo pronto assim...  nós encorajamos o estudo. Por isso, tente fazer e poste as suas tentativas.

@Raniery Costa Faça assim:
Desinstale tudo e qualquer coisa relacionado ao apache e o mysql.  Importante que você passe o Ccleaner, na aba registro, para limpar os resquícios dos programas desinstalados.
 
Baixe o EasyPHP Dev server 17.
 
Depois de instalado, rode ele. Depois acesse o dashboard do easyphp clicando com o botão direito em cima do ícone perto das horas, e clicando em "open dashboard"
 
Na tela que ira abrir, clique nos botões verdes "start"  de HTTP server e  Database server. Feito isso, você tem a certeza de que ambos estão rodando.
 
Agora acesse a pasta  EasyPHP-Devserver-17\eds-www    crie uma pasta dentro dessa com qualquer nome e coloque os arquivos do wordpress ali.
Para acessar o diretório root do easyphp basta colocar  http://127.0.0.1/   no navegador.
 
PS: Geralmente quando se  baixa o wordpress no site,  ele tem um arquivo php que serve como instalador e configurador. Teria que acessar ele pelo localhost para configurar.
 
 
 

@fredkissfree A documentação é sempre muito importante. Se na empresa que você trabalhou os analistas não criavam as documentações do sistema, pode considerar como uma desorganização, não terá eficiência na manutenção.  Pode forçar a fazer hora extra para decifrar.. e se é que irão pagar isso... Já que cada empresa tem sua própria política.
 
Se você puder fazer a documentação, faça sempre que possível.
Uma boa documentação de um sistema tem pelo menos os diagramas de caso uso e diagrama UML.
 
Todas essas documentações são importantes para o entendimento do sistema. 
O diagrama de caso de uso, vai ajudar a compreender o sistema como um todo.
O diagrama UML, vai ajudar a entender de forma detalhada o sistema:
Especificações de caso de uso - Geralmente eles descrevem a função designada e o detalhamento da sequencia típica de eventos. Diagrama de atividades -  ênfase a nível de algoritmo da UML e provavelmente um dos mais detalhistas. usado para modelar atividades.  Classe de análise - Define todas as classes que o sistema necessita possuir e é a base para a construção dos diagramas de comunicação, seqüência e estados.  Diagrama de sequencia - Procura determinar a sequencia de eventos que ocorrem em um determinado processo, identificando quais mensagens devem ser disparadas entre os elementos envolvidos e em que ordem. E por aí vai. 
Para o programador, o que mais importa é o classe de análise. Pois contém toda a estrutura da linguagem, mostrando as classes, métodos, variáveis protegidas ou públicas e etc.

@Kijin Olá,  seja bem vindo em nosso Clube do Hardware.
 
A sua primeira pergunta sobre o hover, é simples de fazer.
Crie uma estrutura de elemento DIV e esconda com o CSS.  No próprio CSS você pode definir para mostrar quando passar o mouse.
 
Exemplo:https://jsfiddle.net/dife/17bqyt0L/12/
 
O pulo do gato é o simbolo  "  ~ " 
.item:hover ~ .atributos{ display : block; } Isso indica que quando executar o hover no elemento .item,  o elemento .atributos serão mostrados.
 
Claro dá para fazer com javascript também.  
 
 

@Fertiin Olá, 
um dos erros que vejo ali é que na regra de 768px faltou fechar o bloco do @media.
Ademais, creio que a ordem ali é importante. Coloque em ordem decrescente.
 
Exemplo: https://jsfiddle.net/dife/pht7fea3/14/
 
PS:  podes usar este modelo: https://gist.github.com/Mikodes/be9b9ce42e46c3d4ccb6
Ali tem todas as resoluções usadas!

@Jamesplayhard Por onde você instalou o phpmyadmin?  Xampp? Wamserver? EasyPHP?
 
Eu creio que pode ter sido algum erro de instalação ou configuração.
Por sugestão, recomendo fortemente que desinstale esse aí,  use o Ccleaner para limpar tudo referente a isso no registro.
 
Instale o EasyPHP dev server 17, execute como "admin", instale em um diretório que não seja o arquivos de programas.
Pelo menos pelo EasyPHP, quando instala e acessa o phpmyadmin, o usuario root  tem todos os acessos de privilégios. 
 
Caso queira, podes criar seu próprio usuario e definir os privilégios para criação de novos bancos.

@Luís Roberto C. da Silva Acho que não dá para mexer nisso porque é coisa do próprio navegador.  todos atualizando se puxam para baixo.
 
Talvez seja melhor você criar uma espécie de armazenamento e login persistente, como por exemplo um local store ou um cookie..  já que não estas usando linguagem de programação php para criar as sessions.
 
 

@_LP_ Olá,
Não seria mais fácil usar um banco de dados?
Você registra os dados da video aula, como nome, descrição e outras coisas...  e então quando for procurar, baseia-se pelo valor ID do registro no banco de dados. 
 
Do jeito que você está fazendo, primeiro é criado um array de nomes de arquivos de vídeo.  depois você teria que usar o explode para separar cada parte do nome como no seu se exemplo.. porém ali no arquivo em si, tem dois separadores... um _-_ e outro _   com isso .. você teria que fazer dois explodes, mas alguns não possuem separadores... 
Fica bem ruim.. Ou você renomeia tudo e deixa em ordem sequencial com apenas um separador..  ou teria que fazer esse monte de explode...
 
enfim,  usar array para isso é trabalhoso... você resolve isso fácil com o mysql. 
Exemplo de site que usa banco de dados:  youtube

@Matheus Evandro Rech Provavelmente a string que está enviando para o SQL possa estar errada.
 
Se você põe o valor diretamente funciona... isso quer dizer que há problema de variáveis no php.
Não sei por qual razão, você faz aqueles 3 testes de IF, mas estou certo de que o $p_produto  não tem valor certo.
 
se possível poste o código completo, só com esse fragmento não dá para dizer se tem erros 

@Fertiin Olá,  não tenho certeza, mas em algum lugar você pode estar passando um valor em string ao invés de ser numérico.
Não é realmente um problema, se você usar o error_reporting(0) vai sumir as mensagens.
 
PS: no meu teste as mensagens não apareceram.

@Fertiin Olá.
Seja bem vindo em nosso Clube do Hardware.
 
Bem, primeiro você precisa arredondar os cantos da imagem com border-radius o elemento DIV na qual você vai inserir a imagem de background.
Veja funcionando: http://jsfiddle.net/dife/x9va6fq5/4/
 
div{ background: url(https://upload.wikimedia.org/wikipedia/pt/a/a0/GameofThrones.png); width: 200px; height: 200px; background-position: center; /*posisiona a imagem no centro do elemento*/ background-repeat: no-repeat; /*Não repete*/ background-size: cover; /*deixa a imagem na proporção*/ border-radius: 110px; /*arredonda os cantos*/ border: 4px solid #f00; /*adiciona borda*/ }  
Se você quer que a imagem fique inteira dentro do elemento sem "cortar e adequar ao tamanho"  use o "contain"