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 ''CSS''.



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
    • Mac OS
  • 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 e sugestões sobre o Clube do Hardware
    • Comentários de artigos
    • Fórum para testes de funcionalidades

Categorias

  • Hardware
  • Redes
  • Eletrônica
  • Sistemas operacionais

Encontrado 14 registros

  1. Galera, tenho um código que estou usando o estilo "padding" só que o valor que coloco dentro do padding, tipo "padding: 0px 4px" mostra um estilo diferente em cada navegador. Tipo, no Firefox fica um quadrado, e no Chrome fica um retângulo (altura > largura), daí existe alguma condição do tipo (só exemplificando) "If (navegador = Firefox){padding: 0px 4px} If (navegador = Chrome){padding: 8px 2px}. Tipo nesse esquema (sei que não existe desse jeito, mas foi só pra ilustrar.)
  2. CSS estou com um problema com css e o comando gulp

    o comando gulp não esta compilando os arquivos alguém sabe me ajudar?
  3. CSS Meu CSS3 com erro

    Bom dia configurei meu css mas quando coloco o código para puxar uma imagem fixa na body nada acontece, segue: body{ background: url("image\imagem.jpg") center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } ou body{ background-image: url("image\imagem.jpg") center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Desde de já agradeço a atenção de todos.
  4. Galera não tenho a minima ideia de como deixar esta página responsiva, sei básico de css. Quando eu maximizo o navegador queria que a imagem e o fundo acompanhassem o redirecionamento da janela. É um modal com jquery. <!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>jQuery Modal Window</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> <script type="text/javascript"> function open_modal( id ){ var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({'width':maskWidth,'height':maskHeight}); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); $(id).fadeIn(2000); }; $(document).ready(function() { $('a[name=modal]').click(function(e) { e.preventDefault(); open_modal( $(this).attr('href') ); }); open_modal( '#dialog2' );//abrindo o div#modal ao carregar a página $('.window .close').click(function (e) { e.preventDefault(); $('#mask').hide(); $('.window').hide(); }); $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); }); </script> <script> function showTimer() { var time=new Date(); var hour=time.getHours(); var minute=time.getMinutes(); var second=time.getSeconds(); if(hour<10) hour ="0"+hour; if(minute<10) minute="0"+minute; if(second<10) second="0"+second; var st=hour+":"+minute+":"+second; document.getElementById('timer').innerHTML=st; } function initTimer() { // O metodo nativo setInterval executa uma determinada funcao em um determinado tempo setInterval(showTimer,1000); } </script> <style type="text/css"> body { font-family:verdana; font-size:15px; } a {color:#333; text-decoration:none} a:hover {color:#ccc; text-decoration:none} #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #boxes .window { position: fixed; left:0; top:0; width:400px; height:200px; display:none; z-index:9999; padding:20px; } #dialog2:target{ opacity: 1; height: auto; pointer-events: auto; } #boxes #dialog2 { background:url('https://lh6.googleusercontent.com/EBaWh3cG1VGCWMyyqFSMiIyMO2AFOKBE_tqY59El3U9kHvMWWMZL2d-w_u31gDA744VhQwHo=w1920-h971') no-repeat 0 0 transparent; width:375px; height:650px; padding:90px 0 0 25px; } .close{display:block; text-align:right; margin-top: -10px} #dialog2 .texto { color: black; width: 280px; padding: 10px 0 0 0; text-align: justify; } #timer { padding: 0 /*lado_direito=0*/0 30px 222px; margin-top: -52px; position: absolute; font-size: 12px; color: white; } </style> </head> <body onLoad="initTimer();"> <div id="boxes"> <!-- MODAL --> <div id="dialog2" class="window"> <span id="timer">Updating...</span> <b><span class="texto_title" style="color: black; text-shadow: 1px -1px orange" >NOTA DE UTILIZAÇÃO WI-FI</span></b><br /> <div class="texto">noooo dnd adskjeu jskdasjhkasdkj aj jasdk jkjkasdjkasdl alijalksd98 2 90 awjia ljasdlkjlkjas lkjasd lkj asdp09u ]asd58asdo8u93 9asdp ijçlç ~l aj ksjd kjklkjlkkjkjkasjl nome sdjkasdl alijalksd98 2 90 awjia ljasdlkjlkjas lkjasd lkj asdp09u sdfu098 qda09-3 00-f dfjlkjlkjsdf09u ijlkjsdf´p9 çlkl<br> sdjkasdl alijalksd98 2 90 awjia ljasdlkjlkjas lkjasd lkj asdp09u sdfu098 qda09-3 00-f dfjlkjlkjsdf09u ijlkjsdf´p9 çlkl alkfja09fu a ,m aod-9 asdiasjd´9 0aisd=0a dokadpo -0aid oklasd sdjkasdl alijalksd98 2 90 awjia ljasdlkjlkjas lkjasd lkj asdp09u sdfu098 qda09-3 00-f dfjlkjlkjsdf09u ijlkjsdf´p9 çlkl a pokasdernet. <br /><br /> </div> <input type="button" value="Continuar" class="close"/> </div> <!-- Máscara para cobrir a tela --> <div id="mask"></div> </div> </body> </html>
  5. CSS Fonte diferente no Firefox e IE

    Estou tendo um probleminha com navegadores. Não sei se é exatamente um problema, mas acontece o seguinte: Fiz um navbar utilizando a fonte Open Sans, exibição no chrome e opera: E essa é a exibição no Firefox e IE Font-weight está em 800, ao diminuir para 500 ela já fica igual em ambos. Como nunca fiz um projeto desse, não sei o que pode ser. Estou utilizando bootstrap e wordpress, essa navbar é do bootstrap-navwalker já adicionado no wordpress. Prefiro manter a Open Sans, tem algum jeito de solucionar sem trocar a fonte? Desde já, obrigado.
  6. CSS Uso isolado da css

    eu tenho essa lista de css, também fiz para o link e para a tabela, queria saber se da para fazer a css do a: somente para a id especifica para eu poder criar a: diferentes para diferentes divs body { text-align:center; background-color: aqua; } img { position:absolute; top:0px; left:300px; } table { border-color: #000; border-width: 1px; border-style: solid; /* or, of course, border: 1px solid #000; */ } #BANNER { left:100px; top:-90px; padding: 100px; height: 78px; width:500px; margin: auto; position: relative; horison-align: text-right; } #BUSCA { text-align:left; padding:10px; height: 138px; width: 204px; float: right; left: 800px; top: 481px; } #AREA_RESTRITA { background-color: white ; text-align:left; margin:10px; padding:10px; height: relative; width: 204px; float: right; box-shadow: 3px 3px 3px #888888; border-radius: 3px; } #MENU_DE_LINKS + a:link, a:visited { background-color: white ; text-align:left; margin:10px; padding:10px; height: relative; width: 204px; float: right; box-shadow: 3px 3px 3px #888888; border-radius: 3px; } #POSTAGENS { border-left: 6px solid LightBlue ; background-color: Lavender ; text-align:left; margin-left: auto; margin-right: auto; padding: 10px; height: relative; width: 750px; position:relative; } #Menu:hover, Menu:active { background-color: gray; } a:link, a:visited { font-family: "Times New Roman", Times, serif; color: black; text-align: left; text-decoration: none; display: inline-block; padding: 5px; width: 100%; } a:hover, a:active { background-color: gray; padding: 5px; width: 100%; } input{ padding:8px; display:block; border:none; width:100% } table { border-collapse: collapse; width: 100%; border: 0px solid black; } th, td { padding: 15px; text-align: left; height: 50px; border: 0px solid black; } tr:nth-child(even){background-color: #f2f2f2}
  7. CSS CSS renderizado errado Chrome

    E aí gurizada, beleza? É o seguinte, em alguns casos o chrome não tem apagado o cache permanecendo o css antigo. Mesmo deletando o histórico do navegador, mantém o arquivo em cache gerando problema na execução tanto do script quanto do css. Mesmo atualizando a versão do arquivo, o chrome permanece sem atualizar o cache. Alguma ideia de como resolver isso?
  8. Pessoal, estou com uma situação muito difícil e gostaria da ajuda de vocês: Tenho 3 rádio buttons que guardam opções de cartão para pagamento para o cliente escolher. No entanto, para não apresentar apenas os rádio buttons ao navegante do site, escondi os radio buttons com display:none e coloquei um botão bonito no lugar para ser marcado de forma tal que ao clicar nesse botão, que é feito através de um label, o rádio button também é marcado. Mas como é um formulário, gostaria de validar, preferencialmente com css, se alguma opção foi selecionada, caso contrario, forçar o require do html. <ul class="pagamento-metodos"> <li class="pagamento-metodo paypal"> <input name="payment_methods" type="radio" id="paypal" value="paypal" required> <label for="paypal"></label> </li> <li class="pagamento-metodo pagseguro"> <input name="payment_methods" type="radio" id="pagseguro" value="pagseguro"> <label for="pagseguro"></label> </li> <li class="pagamento-metodo boleto"> <input name="payment_methods" type="radio" id="boleto" value="boleto"> <label for="boleto"></label> </li> </ul> Quando submeto o formulário, e não seleciono nenhuma opção de pagamento, o require não funciona porque o o input está com display:none e a validação passa para o próximo campo. input[type=radio] { display:none; } .pagamento-metodos { width: 500px; height: 120px; text-align: center; border: rgb(222,222,222) 1px solid; } .pagamento-metodos .pagamento-metodo { display: inline-block; } .pagamento-metodo + .pagamento-metodo { margin-left: 25px; margin-top: 19px; } .pagamento-metodos .pagamento-metodo label { position: relative; display: block; width: 130px; height: 80px; border: rgb(222,222,222) 1px solid; cursor:pointer; } .pagamento-metodos .pagamento-metodo label:after { display: none; content: ""; position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; background: url(../_imgs/checked.png) no-repeat center; } .pagamento-metodos .pagamento-metodo input[type=radio]:checked + label { outline: rgb(33,180,208) 4px solid; } .pagamento-metodos .pagamento-metodo input[type=radio]:checked + label:after { display: block; } .pagamento-metodos .paypal label { background: url(../_imgs/payPal.png) no-repeat center; } .pagamento-metodos .pagseguro label { background: url(../_imgs/pagSeguro.png) no-repeat center; } .pagamento-metodos .boleto label { background: url(../_imgs/boleto.png) no-repeat center; } Algum recurso?
  9. Caros colegas Já dei uma boa estuda, mas ainda tenho dúvidas sobre qual é atualmente o consenso quanto a unidade de fontes mais prática para os sites responsivos. Então é o mesmo caso do desing responsivo, tem para todo gosto: Tem gente que fala para usar em fontes: %, outros em, outros rem.... Então sobre as fontes eu criei o site usando percentagens, mas sinceramente não vi grandes vantagens sobre os pixels. Eu achei que as fontes em percentagens quando diminuissem a resolução elas ficariam menores, e não aconteceu, tive que usar a Media Queries para contornar. Usando o critério de boa legibilidade qual a mellhor unidade para se usar e o tipo de fonte? Outra pergunta é que estou apanhando para ajustar o h1 dos títulos das páginas. Quero por exemplo quando a resolução for menor que 480 a letra do h1 fique menor. O curioso é que usei o código parecido para os paragrafos e deu certo, no h1 não dá. Posto o código dos h1 e o css. Que acho que são importantes para a questão. html da pagina <section id="conteudo"> <!--Conteudo Central do Site--> <h1 >AVALIAÇÕES DOS CLIENTES</h1> <p class="justificar"> Nós já tinhamos um armário planejado, porém quando encomendamos pedimos ao rapaz que fez para que fizesse as gavetas bem grandes para que pudessemos guardar nossas compras. Então depois de instalado vimos que não era prático, já que as gavetas ficavam pesadas para abrir e fechar, o primeiro marceneiro não foi culpado já que nós que pedimos para fazer assim. Então pedi para outro marceneiro fazer um orçamento para arrumar as gavetas, e ele respondeu que estava apertado que só depois de 90 dias, e até hoje não deu retorno. <p class="justificar">Então por indicação do meu filho chamamos a Bac Móveis Planejados. O Carlos marcou a data que pegaria as gavetas para adequar as nossas novas necessidades. Ele ligou antes, e veio pontualmente, na data combinada pegar as gavetas. Ele entregou o serviço também como combinado. E onde tinha 2 gavetas ele fez 3. Elas agora ficaram fáceis de abrir e fechar, e nem parece que o serviço não foi o original. Nós recomendamos muito os serviços dele. </p> <p class="justificar">Considero uma empresa muito séria, que respeita o consumidor e os produtos são de alta qualidade. Parabéns! Excelente empresa, de qualidade e pontualidade.</p> <p> <span class="destacar"> Marlene e João </span></p> <p class="justificar"> Conhecemos a Bac Móveis planejado por indicação de um colega nosso, que é muito exigente, olha que quem passa no controle de qualidade dele, só pode ser bom mesmo. Ele falou que o Carlos era ótimo, que ele é pontual e muito detalhista, então marcamos com ele para fazer um orçamento para nós.</p> </section> <!--Fim Conteudo Central do site--> CSS @charset "utf-8"; /* CSS Document */ body { margin:0px; padding:0px; background-image:url(../imagens/bgfundo.jpg); font-size:100%; /* Igual a 16px pelo navegador*/ } } h1 { font-family::Verdana, Geneva, sans-serif; color:#FFFFFF; text-align: left; } p.justificar { text-align:justify; font-size:110%; } section#conteudo { clear:both; background-image:url(../imagens/mdf1.jpg); color:#FFF; font-family:Verdana, Geneva, sans-serif; margin-left:auto; margin-right:auto; text-align:justify; width:98%; padding-left:1%; padding-right:1%; padding-top:1%; padding-bottom:1%; max-width:1000px; position:relative; } @media all and (max-width:479px) { h1 { font-size:20px; } p.justificar { font-size:90%; } }
  10. Olá… Boa Noite… Alterei a imagem da Newsletter para uma nova e do nada parou de funcionar, nem aparece mais. Gostaria de um auxílio já testei vários códigos do Fórum onde copiei e nada. Pois estamos montando uma Loja Virtual na LI. No mais obrigado pela atenção. Segue o que estava usado e funcionava: #modalNewsletter .componente {background: url(“https://cdn.awsli.com.br/308/308355/arquivos/novo3news.jpg”); width: 580px; height: 370px;} div.fancybox-skin {padding: 0px !important;} div.fancybox-wrap.fancybox-desktop.fancybox-type-html.modal-modalNewsletter.fancybox-opened {width: 580px !important; height: 370px !important;left: 50% !important;margin-left: -290px !important;} div.fancybox-inner {width: auto !important; height: auto !important;} #modalNewsletter .componente .interno {padding: 120px !important;}
  11. Olá amigos, gostaria de tirar uma dúvida, meu site está com um formatação diferente em relação ao hífen, os textos onde esta o (hifen) esta aparecendo o (meia-risca) ou (travessao) Exemplo: Na publicação está no banco está (Guarda-chuva) no navegador aparece (Guarda—chuva) ? Já verifiquei os cabeçalhos do css e do próprio html e não conseguir corrigir.
  12. CSS Menu empurrando div debaixo

    Boa tarde! Já criei vários menus simples com html e css, sem submenus. Atualmente precisei criar um menu com Submenus, o processo é semelhante, consegui criar, só estou tendo um problema, quando entro no Item Ambiente, que é o submenu e seleciono, ele está empurrando para baixo uma Section chamada Conteúdo, que fica logo abaixo do menu. Como faço para abrir o menu normalmente sem empurrar a Section do Conteúdo? Envio, abaixo, o código resumido do html e o resumido do css, só com os itens que devem interessar. Se possível coloque qual item que eu devo alterar no css o código, porque neste Menu que tem Submenu eu não tenho muita prática, aliás apanhei bastante para conseguir. Eu criava estes com submenus usando s Spry do Dreamweaver, mas como quero este mais personoalizado usei só html. Desde já agradeço <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <title>Bac Móveis Planejados em Contagem</title> <meta name="viewport" content="width=device-width,initial-scale=1.0"/> <link href="estilo.css" rel="stylesheet" type="text/css"> </head> <body> <header> <!--Topo do site--> <img src="imagens/logo.jpg"/> </header> <nav> <!--Menu Principal em html--> <ul> <li><a href="#">Início</a></li> <li><a href="#">A Empresa</a></li> <li><a href="#">Ambientes</a> <ul> <li><a href="#">Sala</a></li> <li><a href="#">Quarto</a></li> <li><a href="#">Cozinha</a></li> <li><a href="#">Banheiro</a></li> </ul> </li> <li><a href="#">Amostras</a></li> <li><a href="#">Orçamento</a></li> </ul> </nav> <section id="conteudo"> <!--Conteudo Central do site--> <p>Aqui tem algumas imagens</p> </section> <!--Fim Conteudo Central do site--> </body> </html> @charset "utf-8"; /* CSS Document */ /*Ajusta imagens no redimencionamento*/ img, object, embed, video { max-width:100%; } body { margin:0px; padding:0px; background-image:url(../imagens/bgfundo.jpg); } header { clear:both; background-color:#45484d; text-align:center; width:98%; padding-top:1%; padding-left:1%; padding-right:1%; padding-bottom:1%; max-width:1000px; margin:auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ background: #45484d; /* Old browsers */ background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } nav { Clear: both; background-color: #000; height: 5.194805194805195%; color: #FFF; Font-family: "Arial Black", Gadget, sans-serif; Font-size: 110%; Font-weight: Bold; margin-left: auto; margin-right: auto; width: 100%; padding-left: 0%; padding-right: 0%; max-width: 1000px; text-align: center; } nav ul { font:16px arial,tahoma,verdana; list-style:none; margin:0; padding:0; } nav ul li { float:left; position:relative; display:block; } nav ul li a { color:#555; background:#fff; text-decoration:none; margin:0 1px; padding:15px 20px; border-top:1px solid #555; display:block; } nav li ul { display:none; } nav ul li a:hover { background:#066; color:#fff; } nav li:hover ul { display:block; position:relative; } nav li:hover li { float:none; font-size:12px; } nav li:hover a { background:#333; color:#fff; } nav li:hover li a:hover { background:#222; } section#conteudo { clear:both; background-color:#666; color:#FFF; font-size:110%; font-family:Verdana, Geneva, sans-serif; margin-left:auto; margin-right:auto; text-align:justify; width:98%; padding-left:1%; padding-right:1%; padding-top:1%; padding-bottom:1%; max-width:1000px; position:relative; }
  13. CSS DIV Alinhada Horizontalmente

    Eu queria saber se alguém poderia me ajudar a criar div's alinhada horizontalmente, eu criei um só que foi de lista um em baixo do outro(exemplo imagem:1), eu queria colocar tipo caixa por caixa e cada caixa aparecesse uma imagem do vídeo(exemplo imagem:2), eu criei um site com sistema de upload de vídeo e queria que na timeline da aba HOME aparecesse todos os videos só que os videos em modo caixa por caixa. Queria colocar também no bando de dados upload de imagem junto com o vídeo, eu criei um que dava upload de vídeo e queria implementar de imagem junto com o vídeo para aparecer na HOME. Exemplo Imagem 1 Exemplo Imagem 2 Eu queria implementar uplaod de imagem junto com o upload de video para que a imagem que foi enviada aparecesse na aba home Código aba Home(index.php) <html> <head> <title>Video Upload System</title> <link rel="shortcut icon" href="favicon.ico"> <link rel='stylesheet' href="mystyle.css" /> <img class="logo" src="template/logo.png"/> </head> <body> <?php include 'connect.php'; ?> <?php include 'topnav.php'; ?> <div id='box'> <?php $query = mysql_query("SELECT id, name, url FROM videos"); while($run = mysql_fetch_array($query)){ $video_id = $run['id']; $video_name = $run['name']; $video_url = $run['url']; ?> <a href='view.php?video=<?php echo $video_url; ?>'> <div id='url'> <?php echo $video_name; ?> </div> </a> <?php } ?> </div> </body> </html> CSS do Site(mystyle.css) li { display: inline; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #4CAF50; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } /* Change the link color to #111 (black) on hover */ li a:hover { background-color: #111; } .active { background-color: #4CAF50; } body { background:#222; color:#fff; font-family:tahoma; font-size:12px; } #box { background:#333; padding:10px; width:50%; margin:50px auto; } input { background:#444; color:#fff; border:0px; padding:10px; margin:5px 0px; } a { text-decoration:none; color:#fff; } #url { background:#444; padding:10px; margin:5px; } Upload de Video(upload.php) <html> <head> <title>Video Upload System</title> <link rel="shortcut icon" href="favicon.ico"> <link rel='stylesheet' href="mystyle.css" /> <img class="logo" src="template/logo.png"/> </head> <body> <?php include 'connect.php'; ?> <?php include 'topnav.php'; ?> <div id='box'> <form method='post' enctype="multipart/form-data"> <?php if(isset($_FILES['video'])){ $name = $_FILES['video']['name']; $type = explode('.', $name); $type = end($type); $size = $_FILES['video']['size']; $random_name = rand(); $tmp = $_FILES['video']['tmp_name']; if($type != 'mp4' && $type != 'MP4' && $type != 'flv'){ $message = "Formato de video não suportado !"; } else { move_uploaded_file($tmp, 'videos/'.$random_name.'.'.$type); mysql_query("INSERT INTO videos VALUES('', '$name', '$random_name.$type')"); $message = "Enviado com sucesso ! "; } echo "$message <br/><br/>"; } ?> Selecione o Video: <br/> <input type='file' name='video' /> <br/><br/> <input type='submit' value='ENVIAR' /> </form> </div> </body> </html>
  14. caro leitor, obrigado desde já pela ajuda com este trabalho... Segue abaixo e em anexo fotos, html e css para ajuda-los a entender meu problema: Estou tendo problemas em ajustar o meu site responsivamente usando (%,em) como dimensões. Quando uso o fixed o header segue com a dimensão da tela en com a dimensão do site como um todo, preciso de uma solução ou uma sugestão alternativa.... attt caio henrique, sapsmp!!! indec.html style.css

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

×