Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.

Pesquisar na Comunidade

Mostrando resultados para as tags ''HTML''.



Mais opções de pesquisa

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Categorias

  • Armazenamento
  • Áudio
  • Energia
  • Entrada
  • Feiras e Eventos
  • Gabinetes
  • Memória
  • Museu
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Rádio CdH
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Blog

Categorias

  • Armazenamento
  • Áudio
  • Câmeras
  • Computadores
  • Consoles
  • Eletrônicos
  • Energia
  • Entrada
  • Gabinetes
  • Impressão
  • Jogos
  • Memória
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Livros disponíveis
  • Livros esgotados

Categorias

  • Cursos

Fóruns

  • Mensagens do Clube do Hardware
    • Regras gerais
    • Boletins do Clube do Hardware
    • Notícias da administração
  • Hardware
    • Recomendações de computadores
    • Placas de vídeo
    • Placas-mãe e chipsets
    • Processadores
    • Problemas de gargalo e desempenho
    • Memórias
    • Armazenamento
    • Refrigeração e superaquecimento
    • Fontes e energia
    • Gabinetes e casemods
    • Placas de som e áudio on-board
    • Periféricos
    • Mac
    • Overclock
    • Hardware - outros
  • Computação móvel
    • Notebooks
    • Tablets
    • Smartphones e apps
  • Redes e Internet
    • Redes e Internet
    • Hospedagem de sites e registro de domínios
  • Segurança da informação
    • Remoção de malware
    • Dúvidas sobre invasões e infecções
    • Programas de proteção
  • Programação e desenvolvimento
    • Java
    • C/C#/C++
    • Pascal/Delphi
    • .NET
    • Bancos de dados
    • Programação web
    • Programação - iniciantes
    • Programação de microcontroladores
    • Programação - outros
  • Software
    • Jogos
    • Pacotes de escritório
    • Computação distribuída (Folding@Home, Bitcoin etc.)
    • Virtualização
    • Design, animação e tratamento de imagens
    • Edição de áudio e vídeo
    • Programas
  • Sistemas Operacionais
    • Recomendação de sistemas operacionais
    • Windows
    • GNU/Linux, BSD, Unix-like e software livre
  • Eletrônicos
    • Equipamentos de som, home theaters e gravadores de mesa
    • Televisores e projetores
    • Câmeras e filmadoras
    • Players portáteis
    • Consoles (videogames)
    • GPS
    • Telefonia fixa
    • Eletrônica
    • Retrocomputação
  • Outros
    • Recomendações de serviços e lojas
    • Preços e promoções
    • Notícias
    • Bolsa de empregos, certificações e mercado de trabalho
    • "Causos"
    • Encontros de usuários
    • Feira do Rolo
  • Clube do Hardware
    • Comentários, elogios, críticas, sugestões e questões sobre o Clube do Hardware
    • Comentários de artigos
    • Fórum para testes de funcionalidades

Categorias

  • Hardware
  • Redes
  • Eletrônica
  • Sistemas operacionais

Encontrado 155 registros

  1. Bom dia, peguei o plugin do facebook no site do facebook developers, mas o mesmo não funciona, o que será que está errado? Estou colocando tudo no body <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Document</title> </head> <body> <!-- INICIO CODIGO DO FACEBOOK --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v3.0'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-page" data-href="https://pt-br.facebook.com/Nintendo/" data-tabs="timeline" data-height="100" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div> <!-- FIM CODIGO DO FACEBOOK --> </body> </html> adicionado 11 minutos depois Eu peguei o código deste site: https://developers.facebook.com/docs/plugins/page-plugin/
  2. Bom dia,estou pensando em desenvolver um site onde você monta o seu pc a partir da compatibilidade de peças e comparação de preços tendo o mercado livre como base de preços para pc gamers brasileiros, meu objetivo e conseguir uma catalogação igual ou próxima ao site brasileiro CraftMyBox (1600 peças catalogadas) e atingir um nivel igual ao do site americano PcPartPicker para pelo menos ajudar a comunidade brasileira de enthusiastas,gamers,empresas e mais importantes as pessoas comuns que querem montar seu próprio pc. Pensei em usar o API da amazon, na verdade, estou querendo um site com visual e funcionalidade como o PcPartPicker, aparte de blog e rede sociais deixarei para terceiros,catalogação,visual,compatibilidade e funcionalidade sera feita por min,então para começar com o pé direito gostaria que alguem me desse dicas preciosas sobre ferramentas certas e como conseguir descrever a compatibilidade entre uma placa de video e processador ou gabinete e uma placa-mãe. Quem conhece esses sites sabe do que estou falando por isso preciso de respostas técnicas. Por favor vejam o link do site: https://pcpartpicker.com/
  3. Boa tarde, estou fazendo um site para teste usando referencias seguindo este template: https://demos.creative-tim.com/bs3/paper-kit/index.html?_ga=2.208432278.502497463.1528975131-1682840602.1528975131https://demos.creative-tim.com/bs3/paper-kit/index.html?_ga=2.208432278.502497463.1528975131-1682840602.1528975131 Em cima temos um Nav onde tem as opções Components, Tutorial, etc... Gostaria de saber como posso fazer para utilizar uma vez só este nav para outros html, ou seja, como todas as páginas vão ter este mesmo nav o que devo fazer para quando eu alterar minha nav, alterar em todos? Lembro que já vi gente usando um include, já vi IFrame... mas talvez alguém olhando este template saiba qual o melhor caminho. Obs: quando eu resolver este problema do nav, vou ver como devo prosseguir para fazer um change language, pois meu site tem um botão para colocar o site em inglês( não sei se precisam saber disso). Obrigado.
  4. Bom dia, estou tentando colocar em meu site o vídeo no background, estou fazendo o site responsivo, ou seja, quando abrir no navegador do meu pc quero que abra o vídeo, mas quando eu abrir pelo celular, gostaria que abrisse apenas uma foto. Segue exemplo: https://www.muller.it/ Será que alguém poderia me ajudar? Obrigado
  5. Ola galera do Clube do Hardware, eu tenho uma tabela que estava 100% funcionando mais hoje de manha quando abri o arquivo o calculo não esta mais indo alguém pode ajudar ? Segue o código:
  6. Olá pessoas! Alguem pode me ajudar? Estou tentando fazer um botão aqui com imagens <li><a class="btn btn-link linear" href="#" data-group="Anseriformes">Anseriformes</a></li> Quero inserir uma imagem no lugar do nome do grupo. Fiz um monte de tentativas que deram bem errado. No caso eu sei onde colocaria, mas alguma coisa no código não está correto porque simplesmente não aparece imagem alguma: <li><a class="btn btn-link linear" href="#" data-group="Accipitriformes"> <a href="img/portfolio/TesteDeImagem.png"> </a></li> o que tenho que mudar ali pra aparecer o TesteDeImagem.png ? o site: aves.jsphynx.com (quero tirar todas as imagens da home e deixar apenas em botões, pois são cada vez mais imagens e fica pesado para carregar). Segue o código desse trecho: <!-- Portfolio --> <section id="portfolio" class="page"> <div class="container"> <div class="row"> <div class="col-md-12 title-page text-center build"> <h2>Ordens</h2> </div> </div> <div class="row"> <div class="metro"> <div class="col-md-10 col-md-offset-1"> <div class="build"> <ul id="filterOptions" class="clearfix"> <li class="cur"><a class="btn btn-link linear" href="#" data-group="all">Todas</a></li> <li><a class="btn btn-link linear" href="#" data-group="Accipitriformes">Accipitriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Anseriformes">Anseriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Apodiformes">Apodiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Caprimulgiformes">Caprimulgiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cariamiformes">Cariamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cathartiformes">Cathartiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Charadriiformes">Charadriiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Ciconiiformes">Ciconiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Columbiformes">Columbiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Coraciiformes">Coraciiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cuculiformes">Cuculiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Eurypygiformes">Eurypygiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Falconiformes">Falconiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galbuliformes">Galbuliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galliformes">Galliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Gruiformes">Gruiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Nyctibiiformes">Nyctibiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Opisthocomiformes">Opisthocomiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Passeriformes">Passeriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Pelecaniformes">Pelecaniformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phaethontiformes">Phaethontiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phoenicopteriformes">Phoenicopteriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Piciformes">Piciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Podicipediformes">Podicipediformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Procellariiformes">Procellariiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Psittaciformes">Psittaciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Rheiformes">Rheiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Sphenisciformes">Sphenisciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Steatornithiformes">Steatornithiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Strigiformes">Strigiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Suliformes">Suliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Tinamiformes">Tinamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Trogoniformes">Trogoniformes</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Hibridas">Híbridas</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Ameacadas">Ameaçadas</a></li> </div> </div><!--end-col--> </div><!--end-col--> </div> obrigada!!!
  7. Olá companheiros! Sou um administrador que trabalha com contratos e licitações e recentemente recebi uma proposta pra trabalhar como programador em uma equipe de desenvolvimento de sites. Gosto de tecnologia e é uma oportunidade de ingressar em outra área recebendo um salário melhor, por isso vou aceitar este desafio. Meu tempo é curto, pois tenho apenas 4 meses para aprender o básico antes de iniciar. Venho buscar a ajuda de vocês para que me orientem em como planejar para trilhar esse caminho de forma simples e segura, já que não tenho conhecimento na área. A exigência que fizeram foi saber programar em HTML, e aos poucos vou ganhando experiência junto á equipe. Eu já estou estudando as tags e formatação de texto, baixei alguns materiais para me ajudarem nesse início e estou praticando num bloco de notas. Estive pesquisando sobre o WordPress, mas queria saber a opinião de vocês quanto a isso, pois não se pode acreditar em tudo o que vê no google e cada caso é um caso. O WordPress permite a criação de sites sem o total domínio das linguagens de programação? No meu caso, vou trabalhar em uma equipe que desenvolve sites de conteúdo de cursos on-line, sendo necessário criar uma interação onde o aluno possa logar, acessar os conteúdos dos cursos, realizar as avaliações e salvar todo o seu progresso, e então eu queria saber, o WordPress pode de alguma forma ajudar com meu trabalho? É interessante eu dominar esta ferramenta ou devo me concentrar apenas na programação? Busco orientações a quem tem experiência de como prosseguir para melhorar como programador de web. Peço desculpas caso já haja um tópico referente ao assunto, mas eu acesso pouco a esse fórum, talvez não tenha encontrado, mas procurei. Agradeço aos que puderem me ajudar!!
  8. Bom dia, estou criando um site em HTML5 e verifiquei que ocorre um problema ao minimizar o tamanho da tela do navegador, as imagens ao invés de se ajustarem se sobrepõe uma por cima da outra. Estou achando que o problema é na definição de POSITION em CSS mas não tenho certeza. Segue o código HTML e CSS e o print da página. Agradeço a ajuda. PRINT: http://prntscr.com/jq9utg <!DOCTYPE HTML> <html lang='pt-br'> <head> <meta charset='UTF-8'/> <title>Trabalhos|Seminários|Vídeos</title> <link rel='stylesheet' type='text/css' href='css/formatacao.css'/> </head> <body> <header id='cabecalho'> <h1>TRABALHOS | SEMINÁRIOS | VÍDEOS</h1> </header> <nav id='menu'> <figure id='hist'> <img src='capas/caphist/caph.PNG'/> <figcaption> <h2>HISTÓRIA</h2> </figcaption> </figure> <figure id='geo'> <img src='capas/capgeo/capgeo.png'/> <figcaption> <h2>GEOGRAFIA</h2> </figcaption> </figure> <aside> <figure id='bio'> <img src='capas/capbio/capbio.png'/> <figcaption> <h2>BIOLOGIA</h2> </figcaption> </figure> <figure id='edfis'> <img src='capas/capedfis/capedfis.png'/> <figcaption> <h2>Educação<br>Física</h2> </figcaption> </figure> </aside> </nav> <footer id='rodape'> </footer> </body> </html> @charset 'UTF-8'; @import url('https://fonts.googleapis.com/css?family=Jua'); @import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC'); @import url('https://fonts.googleapis.com/css?family=Caesar+Dressing'); @import url('https://fonts.googleapis.com/css?family=Courgette'); @import url('https://fonts.googleapis.com/css?family=Cabin+Sketch'); @import url('https://fonts.googleapis.com/css?family=Permanent+Marker'); body{ background-color: #a14343; } header#cabecalho { position: relative; display: block; background-color: #920f0f; top: -30px; height: 100px; box-shadow: 0px 10px 10px rgba(0,0,0,0.5); padding-bottom: 0px; } header#cabecalho h1{ position: relative; font-family: 'Jua', sans-serif; font-size: 30pt; color: white; text-align: center; padding-top: 30px; } nav#menu{ position: relative; padding-bottom: 500px; margin: -20px 40px auto 40px; border: 5px solid white; border-top: none; border-bottom: none; } /*-------------------------------------------------------------*/ figure#hist{ position: absolute; border: 1px solid black; width: 600px; height: 338px; margin-top: 50px; } figure#hist figcaption{ position: absolute; right: 210px; top: 110px; } figure#hist figcaption h2{ font-size: 35pt; font-family: 'Caesar Dressing', cursive; color: white; } figure#hist:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,.5); } figure#hist figcaption h2:hover{ text-decoration: underline; font-size: 36pt; } /*-------------------------------------------------------------*/ figure#geo{ position: relative; top:450px; border: 1px solid black; width: 600px; height: 338px; } figure#geo figcaption{ position: absolute; right: 200px; top: 110px; } figure#geo figcaption h2{ font-family: 'Courgette', cursive; font-size: 32pt; color: white; } figure#geo:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,.5); } figure#geo figcaption h2:hover{ font-size: 33pt; text-decoration: underline; } /*-------------------------------------------------------------*/ aside figure#bio{ position: relative; float: right; bottom: 322px; width: 600px; height: 338px; border: 1px solid black; } aside figure#bio figcaption{ position: absolute; right: 195px; top: 110px; } aside figure#bio figcaption h2{ font-family: 'Cabin Sketch', cursive; font-size: 35pt; color: white; } aside figure#bio:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,.5); } aside figure#bio figcaption h2:hover{ font-size: 36pt; text-decoration: underline; } /*-------------------------------------------------------------*/ aside figure#edfis{ position: relative; float: right; bottom: 293px; width: 600px; height: 338px; border: 1px solid black; } aside figure#edfis figcaption{ position: absolute; right: 180px; top: 70px; } aside figure#edfis figcaption h2{ font-family: 'Permanent Marker', cursive; font-size: 35pt; color: white; } aside figure#edfis:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,.5); } aside figure#edfis figcaption h2:hover{ font-size: 36pt; text-decoration: underline; } /*-------------------------------------------------------------*/ footer#rodape{ border-top: 5px solid white; background-color: #920f0f; }
  9. Ola, espero que possam me ajudar! Eu criei as pastas certinhas com diretórios específicos e inserir o enderenço da imagem no código HTML5 na seguinte forma <img src="foto\HTML-Progressivo.png">, ate então tudo bem mas quando eu abro qualquer navegador para testar a imagem aparece quebrada, aparece somente um ícone de quebrada mas não a imagem. Obs: Sistema Operacional Win 10 Código que estou usando para testar. <!DOCTYPE html> <html lang="pt-br"> <head> <title>Curso de HTML5</title> <meta charset="UTF-8" /> <style> h1 {font-family:arial; font-size:30pt; color:blue; text-shadow:2px 2px 20px black; } </style> </head> <body> <h1>Olá. Mundo!</h1> <h2>Me livrando da maldição.</h2> <h1>Oba, Me livrei!</h1> <img src="\foto\HTML-Progressivo.png"> </body> </html> Outras formas que utilizei. <img src="foto\HTML-Progressivo.png" /> <img src="foto/HTML-Progressivo.png" /> <img src="C:\Users\Gabriel\Pictures\Teste\HTML-Progressivo.png " /> <img src="C:\Users\Gabriel\Pictures\Teste\foto\HTML-Progressivo.png " /> <img width="320" height="54" border="solid" src="foto/HTML-Progressivo.png" alt="HTML-Progressivo.png" /> fiz testes ,(usando as barras \ / ) e deixando o final sem fechar , a unica forma que funcionou foi utilizando uma imagem da internet através do endereço URL mas com imagens do meu computador não consegui. Obrigado pela atenção espero que possam me ajudar ,esperando ansiosamente uma resposta.
  10. HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="estilo.css"> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <script> </script> <body> <table id="table"> <tr> <td id="BRANCO" align="center"><img src="/ProjetoMeliora/post-it.png"></td> <td id="todo" bgcolor="#FFF8DC">TO DO</td> <td id="WIP" bgcolor="#FFFACD">WIP</td> <td id="HOLD" bgcolor="#FFEBCD">HOLD</td> <td id="DONE" bgcolor="#E0FFFF">DONE</td> </tr> <tr id="ZANNI"> <td bgcolor="#A9A9A9">josé</td> <td bgcolor="#FFF8DC"></td> <td bgcolor="#FFFACD"></td> <td bgcolor="#FFEBCD"></td> <td bgcolor="#E0FFFF"></td> </tr> <tr id="ANA"> <td bgcolor="#A9A9A9">ana</td> <td bgcolor="#FFF8DC "></td> <td bgcolor="#FFFACD"></td> <td bgcolor="#FFEBCD"></td> <td bgcolor="#E0FFFF"></td> </tr> <tr id="EMERSON"> <td bgcolor="#A9A9A9">paulo</td> <td bgcolor="#FFF8DC"></td> <td bgcolor="#FFFACD"></td> <td bgcolor="#FFEBCD"></td> <td bgcolor="#E0FFFF"></td> </tr> <tr id="DANTAS"> <td bgcolor="#A9A9A9">luiz</td> <td bgcolor="#FFF8DC"></td> <td bgcolor="#FFFACD"></td> <td bgcolor="#FFEBCD"></td> <td bgcolor="#E0FFFF"></td> </tr> <tr id="WALBER"> <td bgcolor="#A9A9A9">maria</td> <td bgcolor="#FFF8DC"></td> <td bgcolor="#FFFACD"></td> <td bgcolor="#FFEBCD"></td> <td bgcolor="#E0FFFF"></td> </tr> </table> </body> </html> CSS #table { border-collapse: collapse; position: relative; width: auto; } #table tr { border: 1px solid black; } #table td { border: 1px solid black; } #BRANCO{ width: 200px; height: 200px; margin: auto; } #todo { width: 400px; height: 200px; text-align: center; font-size:30px; font-weight: bold; } #WIP{ width: 400px; height: 200px; text-align: center; font-size:30px; font-weight: bold; } #HOLD{ width: 400px; height: 200px; text-align: center; font-size:30px; font-weight: bold; } #DONE{ width: 400px; height: 200px; text-align: center; font-size:30px; font-weight: bold; } #ZANNI{ width: 200px; height: 250px; text-align: center; font-size:30px; font-weight: bold; } #ANA{ width: 200px; height: 250px; text-align: center; font-size:30px; font-weight: bold; } #EMERSON{ width: 200px; height: 250px; text-align: center; font-size:30px; font-weight: bold; } #DANTAS{ width: 200px; height: 250px; text-align: center; font-size:30px; font-weight: bold; } #WALBER{ width: 200px; height: 250px; text-align: center; font-size:30px; font-weight: bold; } #postIt{ display: none; background-image:url("/ProjetoMeliora/post-it.png"); } .textarea{ border:none; font-family: arial; font-size: 12px; overflow: auto; padding-top: 10px; } Bom dia, Pessoal, estou com muitos problemas em fazer um Kanban web, sei que existe vários modelos prontos, porém quando vocês verem o que eu preciso vão entender minha dificuldade, pois o em meu projeto tenho colunas na lateral respectiva as pessoas, o mais simples eu já fiz, a estrutura fiz em table, porém não tenho conhecimento algum de front and a não ser html e css básico, preciso que nessa tela, eu clique no post-it, aparecendo assim um outro posti-it onde eu possa escrever dentro dele, e colocar ele na coluna que eu quiser, podendo movimentar ele livremente.
  11. Eu preciso criar uma pagina como dever, então baixei um template e fui tentando modificar, mas eu quero no post linkar no 'ver mais' pra mandar pra uma pagina com o post completo, mas eu quero colocar essa pagina em outra pasta pra deixar organizado, mas desse jeito a pagina fica sem o css se estiver em uma pasta. Alguem me ajuda com isso index <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>A3 php</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> <!-- Designed by w w w . t e m p l a t e m o . c o m --> <link rel="stylesheet" type="text/css" href="tabcontent.css" /> <script type="text/javascript" src="tabcontent.js"> /*********************************************** * Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ </script> </head> <body> <div id="templatemo_header_panel"> <div id="templatemo_title_section"> <h1>MYRIADS TALES</h1> </div> </div> <!-- end of templatemo header panel --> <div class="menu"> <ul class="menu-list"> <li><a href="#">Home</a></li> <li> <a href="#">Novel Chinesa</a> <ul class="sub-menu"> <li><a href="#">Against the Gods</a></li> <li><a href="#">I Will Eternal</a></li> <li><a href="#">Emperor Domination</a></li> <li><a href="#">Battle Throughts the Heavens</a></li> </ul> </li> <li> <a href="#">Novel Coreana</a> <ul class="sub-menu"> <li><a href="#">Dungeon Defense</a></li> <li><a href="#">Overgeared</a></li> <li><a href="#">Necromancer</a></li> <li><a href="#">The Legendary Moonlight</a></li> </ul> </li> <li> <a href="#">Banco de Dados</a> <ul class="sub-menu"> <li><a href="#">Cadastro Novel Chinesa</a></li> <li><a href="#">Cadastro Novel Coreana</a></li> <li><a href="#">Cadastro Autores</a></li> <li><a href="#">Cadastro Grupos</a></li> <li><a href="#">Alterar/Excluir Novel Chinesa</a></li> <li><a href="#">Alterar/Excluir Novel Coreana</a></li> <li><a href="#">Alterar/Excluir Autores</a></li> <li><a href="#">Alterar/Excluir Grupos</a></li> </ul> </li> </ul> </div> <!-- end of menu --> <div id="templatemo_content_container"> <div id="templatemo_content"> <div id="templatemo_content_left"> <div class="templatemo_post_wrapper"> <div class="templatemo_post"> <div class="post_title"> Post Aleatório pra Preencher Espaço</div> <div class="post_info"> Posted by <a href="#">Ninguem</a>, Maio 7, 2024 at 10:12 am</a> </div> <div class="post_body"> <img src="images/Dragon_God_half.png" alt="free css template" border="1" /> <p> Apenas preenchendo espaço</p> </div> <div > <a href="posts/post1.html">Ver mais</a> </div> </div> </div> <!-- End of a post--> <div class="templatemo_post_wrapper"> <div class="templatemo_post"> <div class="post_title"> Post Aleatório pra Preencher Espaço</div> <div class="post_info"> Posted by <a href="#">Ninguem</a>, Maio 6, 2024 at 11:24 am</a> </div> <div class="post_body"> <img src="images/templatemo_image_01.jpg" alt="free blog template" border="1" /> <p>Preenchendo Espaço.</p> </div> <div > <a href="#">Ver mais</a> </div> </div> </div> <!-- End of a post--> </div> <!-- end of content left --> <div id="templatemo_content_right"> <div class="templatemo_right_section"> <div class="templatemo_right_section"> <h2>Recomendação de Novels</h2> <ul> <li><a href="#">BTTH</a></li> <li><a href="#">ISSTH</a></li> <li><a href="#">ED</a></li> <li><a href="#">AWE</a></li> <li><a href="#">Douluo Dalu</a></li> </ul> </div> </div> <!-- end of right content --> </div> <!-- end of content --> </div> <!-- end of content container --> <!-- templatemo 058 old blog --> <!-- Old Blog Template http://www.templatemo.com/preview/templatemo_058_old_blog --> </body> </html> pagina que eu faria o post completo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>A3 php</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> <!-- Designed by w w w . t e m p l a t e m o . c o m --> <link rel="stylesheet" type="text/css" href="tabcontent.css" /> <script type="text/javascript" src="tabcontent.js"> /*********************************************** * Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ </script> </head> <body> <div id="templatemo_header_panel"> <div id="templatemo_title_section"> <h1>MYRIADS TALES</h1> </div> </div> <!-- end of templatemo header panel --> <div class="menu"> <ul class="menu-list"> <li><a href="#">Home</a></li> <li> <a href="#">Novel Chinesa</a> <ul class="sub-menu"> <li><a href="#">Against the Gods</a></li> <li><a href="#">I Will Eternal</a></li> <li><a href="#">Emperor Domination</a></li> <li><a href="#">Battle Throughts the Heavens</a></li> </ul> </li> <li> <a href="#">Novel Coreana</a> <ul class="sub-menu"> <li><a href="#">Dungeon Defense</a></li> <li><a href="#">Overgeared</a></li> <li><a href="#">Necromancer</a></li> <li><a href="#">The Legendary Moonlight</a></li> </ul> </li> <li> <a href="#">Banco de Dados</a> <ul class="sub-menu"> <li><a href="#">Cadastro Novel Chinesa</a></li> <li><a href="#">Cadastro Novel Coreana</a></li> <li><a href="#">Cadastro Autores</a></li> <li><a href="#">Cadastro Grupos</a></li> <li><a href="#">Alterar/Excluir Novel Chinesa</a></li> <li><a href="#">Alterar/Excluir Novel Coreana</a></li> <li><a href="#">Alterar/Excluir Autores</a></li> <li><a href="#">Alterar/Excluir Grupos</a></li> </ul> </li> </ul> </div> <!-- end of menu --> <div id="templatemo_content_right"> <div class="templatemo_right_section"> <div class="templatemo_right_section"> <h2>Recomendação de Novels</h2> <ul> <li><a href="#">BTTH</a></li> <li><a href="#">ISSTH</a></li> <li><a href="#">ED</a></li> <li><a href="#">AWE</a></li> <li><a href="#">Douluo Dalu</a></li> </ul> </div> </div> <!-- end of right content --> </div> <!-- end of content --> </div> <!-- end of content container --> <!-- templatemo 058 old blog --> <!-- Old Blog Template http://www.templatemo.com/preview/templatemo_058_old_blog --> </body> </html>
  12. Boa tarde! Estou planejando fazer um site simples. Tenho conhecimentos em HTML, HTML5 e CSS porém não tenho pratica, não consigo sair programando tudo na mão do zero mas consigo ler os srcipt. Sei que existem Framework mas não sei qual o melhor, qual o mais fácil de se trabalhar e se possível preciso de material de apoio em português. O único requisito é que o site seja responsivo, OnePage e mais nada. Por favor de os passos de maneira prescritiva, com a linha de passos a seguir de maneira clara. Desde já sou muito grato pela atenção.
  13. <!DOCTYPE html> <head> <meta charset="utf-8"> <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <form name="form" action="" method="post" data-toggle="validator" role="form"> <div class="row"> <div class="help-block with-errors"></div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <input type="text" placeholder="CPF" name="CPF" data-error="Por favor, informe seu CPF." required> </div> <input type="submit" value="Cadastrar" /> </div> </form> <!--jQuery--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <!--Bootstrap--> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <!--validator--> <script src="js/validator.min.js"></script> </body> </html>
  14. Olá, "terminei" de desenvolver um projeto web no netbeans sem que este acusasse nenhum erro.. Ao colocar para rodar e fazer comunicação com wampserver ele deu esse erro: Revisei o código varias e varias vezes, corrigi algumas coisas e o erro persistiu.. Ao criar a conexão, fiz o teste e funcionou.. Mas nada do app rodar.. Vou colocar trechos de códigos de cada pagina a seguir: ------------------------------------------------------------------------------------------------------------------------------------------------------ acesso.jsp <%@page import="java.sql.*"%> <% Class.forName("org.gjt.mm.mysql.Driver"); String bd = "jdbc:mysql://localhost:3306/agendamento"; Connection con = DriverManager.getConnection(bd, "root", ""); Statement banco = con.createStatement(); %> ------------------------------------------------------------------------------------------------------------------------------------------------------ login.html ------------------------------------------------------------------------------------------------------------------------------------------------------ validaLogin.jsp <%@include file="acesso.jsp" %> <% String pesquisar = "SELECT * FROM usuario " + "WHERE usuario = '" + request.getParameter("usuario") + "' AND senha = md5('" + request.getParameter("senha") + "')"; ResultSet resultado = banco.executeQuery(pesquisar); String mensagem; if (resultado.next()) { RequestDispatcher pagina = request.getRequestDispatcher("agendamento.jsp"); pagina.include(request, response); } else { mensagem = "Usuario/Senha Incorreta"; RequestDispatcher pagina = request.getRequestDispatcher("login.html"); pagina.include(request, response); } %> ------------------------------------------------------------------------------------------------------------------------------------------------------ cadastro.jsp <!DOCTYPE html> <html> <head> <link href="css/cadastro.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Cadastro de Cliente</title> </head> <style> body{ background: url(imagem/imagem.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <script type="text/javascript"> function Cancelar() { location.href = "login.html"; } </script> <script> function SomenteNumero(e) { var tecla = (window.event) ? event.keyCode : e.which; if ((tecla > 47 && tecla < 58)) return true; else { if (tecla == 8 || tecla == 0) return true; else return false; } } </script> <body> <div id="cadastro-box"> <div id="cadastro-box-name">Formulario de Cadastro</div> <form action="cadCadastro.jsp" method="POST"> <table> <tr> <td>Nome:</td> <td> <input type="text" name="nome" size="45" maxlength="45" required placeholder="Nome completo"></td> </tr> <tr> <td>Endereco:</td> <td> <input type="text" name="endereco" size="45" maxlength="45" required placeholder="Rua, Travessa, Alameda, Quadra..."></td> </tr> <tr> <td>Numero:</td> <td> <input type="text" name="numero" size="45" maxlength="4" onkeypress='return SomenteNumero(event)'></td> </tr> <tr> <td>Complemento: </td> <td><input type="text" name="complemento" size="45" maxlength="45" required placeholder="Comercio, Bar, Escola..."></td> </tr> <tr> <td>Cep:</td> <td><input type="text" name="cep" size="20" maxlength="8" onkeypress='return SomenteNumero(event)'></td> </tr> <tr> <td>Data de Nascimento:</td> <td><input type="date" name="data" min="1950-01-01" max="2018-12-31" > </td> </tr> <tr> <td>CPF:</td> <td><input type="text" name="cpf" size="45" maxlength="11" onkeypress='return SomenteNumero(event)' required placeholder="Apenas Numeros"></td> </tr> <tr> <td>Telefone:</td> <td><input type="text" name="telefone" size="14" maxlength="11" onkeypress='return SomenteNumero(event)' required placeholder="989****-****"></td> </tr> <tr> <td>E-mail:</td> <td><input type="text" name="e-mail" size="45" maxlength="45" required placeholder="exemple@gmail.com"></td> </tr> <tr> <td>Usuario:</td> <td><input type="text" name="usuario" size="45" maxlength="11" onkeypress='return SomenteNumero(event)' required placeholder="Para maior comodidade, utilize seu CPF"></td> </tr> <tr> <td>Senha:</td> <td><input type="text" name="senha" size="45" maxlength="8" required placeholder="Senha com até 8 dígitos"></td> </tr> </table> <input type="submit" value="Concluir Cadastro"> <input type="reset" value="Cancelar Cadastro" onClick="Cancelar()"> </form> </div> </body> </html> ------------------------------------------------------------------------------------------------------------------------------------------------------ cadCadastro.jsp <%@include file="acesso.jsp"%> <% try { String inserir = "INSERT INTO livro VALUES (" + request.getParameter("nome") + ", '" + request.getParameter("endereco") + "', '" + request.getParameter("numero") + "', '" + request.getParameter("complemento") + "', '" + request.getParameter("cep") + "')" + request.getParameter("data de nascimento") + "', '" + request.getParameter("cpf") + "', '" + request.getParameter("telefone") + "', '" + request.getParameter("e-mail") + "', '" + request.getParameter("usuario") + "', '" + request.getParameter("senha") + "', '"; banco.executeUpdate(inserir); %> <script> alert('Cadastro concluido com sucesso!'); window.location.href = "agendamento.jsp"; </script> <% } catch (SQLException excecao) { out.println("Ocorreu um erro inesperado com a comunicação com Banco de Dados."); } %> ------------------------------------------------------------------------------------------------------------------------------------------------------ agendamento.jsp <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <link href="css/agendamento.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Agendamento de Clientes</title> </head> <style> body { background: url(imagem/imagem.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> <body> <div id="agendamento-box"> <div id="agendamento-box-name"> Agendamento </div> <form action="cadAgendamento.jsp" method="POST"> <div class="table-responsive"> <table class="table table-hover"> <thead> <tr> <th>Agendamento</th> <th>Data</th> <th>Horario</th> </tr> </thead> <tbody> <tr> <td> <input type="radio" name="botao" id="botao1" /> <label for="radio1"></label> </td> <td><input type="date" name="data" min="2018-05-24" max="2018-12-23"></td> <td><input type="time" name="hora" min="08:00" max="18:00"></td> </tr> <!-- <tr> <td> <input type="radio" name="botao" id="botao2" /> <label for="radio2"></label> </td> <td><input type="date" name="data" min="2018-05-24" max="2018-12-23"></td> <td>09h as 10h</td> </tr> <tr> <td> <input type="radio" name="botao" id="botao3" /> <label for="radio3"></label> </td> <td><input type="date" name="data" min="2018-05-24" max="2018-12-23"></td> <td>10h as 11h</td> </tr> <tr> <td> <input type="radio" name="botao" id="botao4" /> <label for="radio4"></label> </td> <td><input type="date" name="data" min="2018-05-24" max="2018-12-23"></td> <td>11h as 12h</td> </tr> <tr> <td> <input type="radio" name="botao" id="botao5" /> <label for="radio5"></label> </td> <td><input type="date" name="data" min="2018-05-24" max="2018-12-23"></td> <td>14h as 15h</td> </tr> <tr> <td> <input type="radio" name="botao" id="botao6" /> <label for="radio6"></label> </td> <td><input type="date" name="data" min="2018-05-24" max="2018-12-23"></td> <td>15h as 16h</td> </tr> <tr> <td> <input type="radio" name="botao" id="botao7" /> <label for="radio7"></label> </td> <td><input type="date" name="data" min="2018-05-24" max="2018-12-23"></td> <td>16h as 17h</td> </tr> <tr> <td> <input type="radio" name="botao" id="botao8" /> <label for="radio8"></label> </td> <td><input type="date" name="data" min="2018-05-24" max="2018-12-23"></td> <td>17h as 18h</td> </tr> --> </tbody> </table> <input type="submit" value="Salvar Agendamento"> <Input type="button" value="Consultar agendamentos Salvos"> </div> </form> </div> </body> </html> ------------------------------------------------------------------------------------------------------------------------------------------------------ cadAgendamento.jsp <%@include file="acesso.jsp"%> <% try { String inserir = "INSERT INTO livro VALUES (" + request.getParameter("radio1") + ", '" + request.getParameter("data") + "', '" + request.getParameter("hora") + "')"; banco.executeUpdate(inserir); %> <script> alert('Agendamento cadastrado com sucesso!'); window.location.href = "jsp/agendados.jsp"; </script> <% } catch (SQLException excecao) { out.println("Ocorreu um erro inesperado com a comunicação com o Banco de Dados."); } %> ------------------------------------------------------------------------------------------------------------------------------------------------------ altAgendamento.jsp <%@include file = "acesso.jsp"%> <% String selecionar = "SELECT * FROM livro WHERE codLvro=" + request.getParameter("codLivro"); ResultSet res = banco.executeQuery(selecionar); if (res.next()) { %> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Alteração de Agendamento</title> </head> <body> <h1>Alteração de Livro</h1> <form action="altAgendamentoConf.jsp" method="POST"> <table> <thead> <tr> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td>Agendamento</td> <td><input type="radio" name="data" value="<%=res.getBoolean("radio1")%>" /></td> </tr> <tr> <td>Data</td> <td><input type="date" name="data" value="<%=res.getString("data")%>" /></td> </tr> <tr> <td>Hora</td> <td><input type="time" name="hora" value="<%=res.getString("hora")%>" /></td> </tr> <tr> <td></td> <td><input type="submit" value="Alterar Agendamento" /></td> </tr> </tbody> </table> </form> <% } %> </body> </html> ------------------------------------------------------------------------------------------------------------------------------------------------------ altAgendamentoConf.jsp <%@include file="acesso.jsp"%> <% String alterar = "UPDATE livro SET titulo = '" + request.getParameter("radio1") + "', data = '" + request.getParameter("data") + "', hora = '" + request.getParameter("hora") + "' " + "WHERE codLivro =" + request.getParameter("radio1"); banco.executeUpdate(alterar); %> <script> alert('O agendamento foi atualizado com sucesso'); window.locatiom.href = 'agendados.jsp'; </script> ------------------------------------------------------------------------------------------------------------------------------------------------------ apAgendamento.jsp <%@include file="acesso.jsp" %> <%String apagar = "DELETE * FROM livro WHERE codLivro = " + request.getParameter("radio1"); banco.executeUpdate(apagar); %> <script> alert('Agendamento apagado com sucesso!'); window.location.href = "agendados.jsp"; </script> ------------------------------------------------------------------------------------------------------------------------------------------------------ agendados.jsp <%@include file="acesso.jsp" %> <%String buscar = "SELECT * FROM livro ORDER BY titulo"; ResultSet resultado = banco.executeQuery(buscar); %> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <link href="css/agendados.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Agendados</title> </head> <style> body { background: url(imagem/imagem.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> <body> <div id="agendamento-box"> <div id="agendamento-box-name"> Agendamentos Finalizados </div> <div class="table-responsive"> <table class="table table-hover"> <tr> <th>Cliente</th> <th>Data</th> <th>Horario</th> </tr> <% while (resultado.next()) { int cod = resultado.getInt("nome"); %> <tr> <td><%=resultado.getString("nome")%></td> <td><%=resultado.getString("data")%></td> <td><%=resultado.getString("horario")%></td> <td> <a href="altAgendamento.jsp?agendamento=<%=cod%>"><input type="button" value="Editar"></a> <a href="apAgendamento.jsp?agendamento=<%=cod%>"><input type="button" value="Apagar"></a> </td> </tr> <% } %> </table> <a href="agendamento.jsp"><input type="reset" value="Voltar"> </div> </div> </body> </html>
  15. quando acesso um site esta dando este erro o que eu faço para resolver . esse erro so esta acontecendo na minha maquina. quando eu acesso em outra o site entra normalmente. como faço para resolvelo?
  16. Parte 1 Os principais modos que você pode criar sua própria linguagem de marcação: 1- Modificar uma linguagem preexistente como: HTML, SVG, XML entre outras. 2- Criar sua linguagem de marcação do zero e isso inclui: criar seu próprio analisador léxico, semântico e sintático. 3- Aplicar apenas mudanças consideráveis. Observação: Veremos cada uma delas. 1- Modificar uma linguagem preexistente como: HTML, SVG, XML entre outras. Nota e casos específicos: Segundo W3C você pode: a - Criar sua própria definição de tipo de documento. b - Apenas criar um modelo de linguagem. a- Como criar sua própria definião de tipo de documento? Resposta: Defindo entidades, elementos, atributos e tags. Exemplo prático: <?xml version="1.0"?> <!DOCTYPE mail [ <!ELEMENT mail (send,reap)> <!ELEMENT send (#PCDATA)> <!ELEMENT reap (#PCDATA)> ]> // mail será definido como tipo de documento assim: <!DOCTYPE mail [ até os caracteres finais: ]> <mail> // send envia arquivo. Observação: send é uma palavra de origem inglesa e significa: - Enviar. <send>Test</send> // reap recebe arquivo. Observação: reap é uma palavra de origem inglesa e significa: - Colher, Receber. <reap>test</reap> // encerra -se a definição do tipo de documento. </mail> Agora abra o editor e salve o arquivo como xml. Depois, espere o navegador fazer o resto. b - Como criar um modelo de linguagem? Resposta: Criando apenas um modelo de linguagem. Exemplo de código original HTML: <html href="test.css"></html> // tag: html, atributo href Modelo de linguagem: Normalmente, mail é lido como se fosse a linguagem de marcação html. Observação: Navegadores e W3C não recomendam esse uso. <mail href="test.css"></mail> Agora abra o editor e salve o arquivo como .html Informações Adicionais: Segundo a W3C e "Navegadores" deve -se usar ou não: a - Quando não: 1- Sites, plataformas ou sistemas públicos. Porque causa confusão, os aparelhos podem não se comunicar. Isto é, cada um fala de uma maneira e ninguém entende. Além disto, navegador pode e terá um enorme problema: renderizar um conteúdo que não é padrão. b - Quando sim: 1- Sites, plataformas ou sistemas pessoais ou privados. Porque existe 4 necessidades: a - Ambiente de teste e desenvolvimento de aplicações como banco de dados. b - Problemas técnicos específicos. c - Elaboração e manutenção apis, bibliotecas ou frameworks próprios. d - Customizações, personalizações e até configurações essencias para um produto final. Porque aprender isso? 1- Entender como as coisas funcionam e desenvolvem -se. 2- Fazer as coisas do seu jeito. 3- Criar sites, plataformas ou sistemas pessoais ou privados. Referências: w3schools, google, youtube, stackoverflow, github, fóruns, blogs.
  17. Quando vou colocar o caminho para a minha imagem no meu "document.getElementeById().src" as barras invertidas ficam roxas por algum motivo e não dá certo. Obs: Sou iniciante em programação web.
  18. Olá senhores, Sou estudante de Gestão de Tecnologia da Informação, então como imaginam, não aprendemos quase nada sobre programação neste curso, porém, no dia-a-dia é bem diferente, e surgiu a necessidade de criar um site para a empresa. Escolhemos a plataforma Wix, e até então estava tudo certo, criei o site, aprendi um pouco HTML para montar formulários, aceitar apenas cpf's válidos, preencher o formulário e mandar para impressão direto, apenas coisas mais básicas. Agora, necessito fazer um campo de busca onde a pessoa digita o endereço dela, (rua e numero da casa) e quando apertar em buscar, dizer se o endereço é da competência do meu cartório ou não. Por exemplo, quando alguém digitar "rua marechal teste, 175" e buscar, a resposta ser "endereço de nossa competência", ou "endereço não nos pertence". É necessário que a pessoa informe a rua e o numero da casa, pois algumas ruas até o numero x é competência de meu cartório, e a partir de numero y é de outro. Imagino que eu tenha que criar uma coleção no banco de dados do wix que contenham as ruas e números que competem ao meu cartório, ou um documento no excel, ou no word e subir para o site, porém o código do campo da busca, associado a onde estará alocado os endereços eu não faço ideia de como fazer. Sou novo por aqui, então se o post estiver na área errada me perdoem. Grato, Rafael Ramos.
  19. Eae galera! Estou querendo fazer uma dashboard, porém, como sou iniciante, estou com uma dificuldade. Quero que quando clique em uma opção do menu, abra o conteúdo ao lado do menu. Exemplo: Cliquei em Notificações, o conteúdo irá aparecer do lado direito e o menu continuará ali. Como posso fazer isso? Preciso que seja responsivo. Estou utilizando bootstrap, html, css e php Obrigado pela ajuda!
  20. Pessoa, boa noite! Estou a uma semana no estágio o foi pedido para colocar uma imagem de fundo no site no lugar de um vídeo responsivo. Sempre que tento trocar o cod do vídeo por uma <div> e inserindo uma imagem não funciona. O cod é esse a baixo já tentei mudar varias vezes e não funciona de outra forma a não ser essa. Ta escrito vídeo mais seria uma imagem. HTML <div align="center" class=" videoHome width = 100% "> <img src="~/Content/Images/fundo_home.jpg" alt=""/> </div> CSS .videoHome { position: absolute; height: auto; width: 100%; z-index: -1; }
  21. Ola eu estou criando uma pagina e nessa pagina ha um imagem, aonde eu criei um botão que troca essa imagem por outra. so que eu queria que esse botao que troca a imagem chama-se mais 2 botões e que cada um desses botões chama-se (cada um) uma imagem diferente. esse é o codigo <!DOCTYPE html> <html> <head> <title>Oi</title> <style> h1#oquelediz { color : red; font-family: keep calm; </style> <body> <center> <h1 id="oquelediz">o que ele Diz na Foto ?</h1> <img id="primeiro" src="link"><br> <input type="button" onclick="botao1()" value="Clique Aqui"> </center> <script> function botao1() { document.getElementById("primeiro").src = "link"; } function nao() { document.getElementById("segundo").src = "link"; } function sim() { document.getElementById("terceiro").src = "link"; } </script> </body> </head> a function botao1() é a que eu criei para mudar a imagem tem com fazer pra ela chamar 2 botões que um chama a "function nao()" e outro a "function sim()" se for possível manda ai pf
  22. Gostaria de saber como fazer para clicar em uma palavra e abrir uma imagem (mas sem ir pra outra página ou sair da página atual), tipo abrir na mesma pagina, como uma mini janela, acho que deu pra entender SAHUHSUAHSUSSUAHAU
  23. Gostaria de deixar a coluna lateral do meu site mais larga. Alguém conseguiria me dizer como faço? http://www.dedquality.com.br/
  24. Olá, pessoal. Sou iniciante em html e estou fazendo uma tarefa para faculdade sobre html. Estou montando um site de exercício e o resultado é o da imagem. Coisa bem simples mesmo. Mas estou tendo problemas nos espaçamentos entre elementos dentro de uma mesma div. Como podem ver, o termo "Assista ao vídeo" fica bem distante do vídeo que também apresenta problemas no posicionamento dos controles. Qual é a solução para este problema ou algo que eu esteja fazendo de errado. Já tentei inserir espaços em branco entre um elemento e outro para ver se melhora mas a tendência é de que a div cresça para baixo e continue com as aberturas grandes. Inseri o site compactado e também a index.html e o estilo.css em formato txt. Caso alguém queira dar uma olhada. Obrigado! Tarefa_Semana_5.zip estilos.txt index.txt
  25. ola pessoal estou criando uma tabela que em biologia usamos para calcular os genes dos filhos!! eu estou com um quebra cabeça, sou novo em programação em html, sei alguma coisa mais não consigo resolver um problema, algum tempo atras eu criei uma calculadora para testar um novo conteúdo que aprendi deu certo depois de muita dor de cabeça. este foi o código da calculadora: <!DOCTYPE html> <html> <head> <title>Calculadora</title> <style> input#calculo { list-style-type: none; width: 50px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } input#reset { list-style-type: none; width: 100px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } #texto { list-style-type: none; width: 200px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; border: 10px outset black; font-family: keep calm; } </style> </head> <body bgcolor= "#b3ecff"> <br> <center> <font size = "17" face = "keep calm"><abbr title="Adição">+</abbr> = Adição<br></font size = "17" face = "keep calm"> <font size = "17" face = "keep calm"><abbr title="Subtração">-</abbr> = Subtração<br></font size = "17" face = "keep calm"> <font size = "17" face = "keep calm"><abbr title="Multiplicação">*</abbr> = Multiplicação<br></font size = "17" face = "keep calm"> <font size = "17" face = "keep calm"><abbr title="Divisão">/</abbr> = Divisão<br></font size = "17" face = "keep calm"> </center> <center> <form name="calculator" > <input type="button" id="calculo" value="1" onClick="document.calculator.ans.value+='1'"> <input type="button" id="calculo" value="2" onClick="document.calculator.ans.value+='2'"> <input type="button" id="calculo" value="3" onClick="document.calculator.ans.value+='3'"> <br> <input type="button" id="calculo" value="4" onClick="document.calculator.ans.value+='4'"> <input type="button" id="calculo" value="5" onClick="document.calculator.ans.value+='5'"> <input type="button" id="calculo" value="6" onClick="document.calculator.ans.value+='6'"> <br> <input type="button" id="calculo" value="7" onClick="document.calculator.ans.value+='7'"> <input type="button" id="calculo" value="8" onClick="document.calculator.ans.value+='8'"> <input type="button" id="calculo" value="9" onClick="document.calculator.ans.value+='9'"> <br> <input type="button" id="calculo" value="0" onClick="document.calculator.ans.value+='0'"> <br> <input type="button" id="calculo" value="+" onClick="document.calculator.ans.value+='+'"> <input type="button" id="calculo" value="-" onClick="document.calculator.ans.value+='-'"> <input type="button" id="calculo" value="*" onClick="document.calculator.ans.value+='*'"> <input type="button" id="calculo" value="/" onClick="document.calculator.ans.value+='/'"> <br> <input type="button" id="calculo" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)"> <br> <input type="textfield" id="texto" name="ans" value=""><br> <input type="Reset" id="reset" value="Limpar"> </center> </form> </body> </html> eu confesso que algumas partes peguei na internet porque não sabia como funcionava já que só uso para fiz meus de estudo. já nessa tabela estou enfrentando um pequeno problema, eu quero pegar um um input type textfield que o usuário vai inserir a letra desejada em quatro inputs sei que parece confuso olhando o css do projeto fica mais fácil: esse é o projeto: <!DOCTYPE html> <html> <head> <title>Calculo Genetico</title> <style> input#calculo { list-style-type: none; width: 50px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#reset { list-style-type: none; width: 100px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#texto { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } input#letra { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:yellow; color:black; font-family: keep calm; } #nao { list-style-type: none; width: 20px; border: 5px solid black; padding: 5px; margin: 5px; background-color:black; color:black; font-family: keep calm; } </style> </head> <body bgcolor= "#ffffff"> <br> <center> <table> <tr> <td><input type="textfield" id="nao" name="ans" value=""></td> <td><input type="textfield" id="letra" value="" onClick="document.calculator.ans.value+=''"></td> <td><input type="textfield" id="letra" value="" onClick="document.calculator.ans.value+='a'"></td> </tr> <tr> <td><input type="textfield" id="letra" value="" onClick="document.calculator.ans.value+=''"></td> <td><input type="textfield" id="texto" name="ans" value=""></td> <td><input type="textfield" id="texto" name="ans" value=""></td> </tr> <tr> <td><input type="textfield" id="letra" value="" onClick="document.calculator.ans.value+=''"></td> <td><input type="textfield" id="texto" name="ans" value=""></td> <td><input type="textfield" id="texto" name="ans" value=""></td> </tr> </table> <input type="button" id="calculo" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)"><br> <input type="Reset" id="reset" value="Limpar"> </center> </body> </html> na calculadora os números não podem ser alterados nos seus quadrados porque estão com value referente ao seu numero <input type="button" id="calculo" value="1" onClick="document.calculator.ans.value+='1'"> já na tabela o usuário vai digitar esse valor ao input no quadrado e clicando no = o valor sera calculado sei que é difícil de entender mais se você ver uma tabela genética você vai entender. se alguém conseguir me ajudar agradeço.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×