Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''responsive''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 21 registros

  1. Naldinhosi

    Responsive melhor 90%

    Pessoal bom dia, peço desculpas se já existe um post referente a esse problema, caso haja me informe por gentileza se não... Estou concluindo o desenvolvimento de um site responsive, então resolvi atualizar meus navegadores, quando entro no site fica meio desorganizado o menu superior entre outras informações, então eu retiro o zoom da página para 90% e o site fica tudo ok, gostaria de saber se alguém esta passando por isso e como resolver, ou errei em alguma coisa referente ao meu código. ficarei grato e obrigado.
  2. Felipe Barros Gontijo

    Codigo de Formulario de Contato. Problema não responsivo

    Preciso passar esse código do formulario de contato para responsivo. Preciso usar ele, pois já está configurado com conexão com o banco de dados. Me desculpem pela ignorância, estou adicionando esse código em um campo html nessa página wordpress e o que sei sobre programação é o básico do básico como mudar cor, fonte e imagem responsiva e algo mais. página: http://www.mundoagua.com.br/banheiras/spa-3-pessoas/ Código: <h2 id="orcamento">Solicite um orçamento</h2> <form id="contact-mail-page" action="http://www.mundoagua.com.br/enviar.php" method="post" accept-charset="UTF-8"> <div id="contato-titulo"> <p class="vermelho"><strong>(* Preenchimento obrigatório )<br /> </strong></p> <table id="bgtabela" width="478" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="77"><span class="style4">*Nome:</span></td> <td width="436"><br /> <input type="text" name="nome" size="65" maxlength="80" /> <br /> <br /></td> </tr> <tr> <td> <p class="style4">*E-mail:</p></td> <td><input type="text" name="email" size="65" maxlength="50" /></td> </tr> <tr> <td><span class="style4">*DDD:</span></td> <td><br /> <input type="text" name="ddd" size="3" maxlength="2" id="ddd" /> <br /> <br /></td> </tr> <tr> <td> <p class="style4">*Telefone:</p></td> <td><input type="text" name="telefone" size="20" maxlength="10" /></td> </tr> <tr> <td> <p class="style4">Sexo:</p></td> <td><select name="sexo"> <option selected="selected" value="M">Masculino</option> <option value="F">Feminino</option> </select></td> </tr> <tr> <td> <p class="style4">*Cidade:</p></td> <td><input type="text" name="cidade" size="65" maxlength="50" /></td> </tr> <tr> <td> <p class="style4">Estado:</p></td> <td><select name="estado"> <option selected="selected">AC</option> <option>AL</option> <option>AM</option> <option>AP</option> <option>BA</option> <option>CE</option> <option>DF</option> <option>ES</option> <option>GO</option> <option>MA</option> <option>MG</option> <option>MS</option> <option>MT</option> <option>PA</option> <option>PB</option> <option>PE</option> <option>PI</option> <option>PR</option> <option>RJ</option> <option>RN</option> <option>RO</option> <option>RR</option> <option>RS</option> <option>SC</option> <option>SP</option> <option>SE</option> <option>TO</option> </select></td> </tr> <tr> <td> <p class="style4">Mensagem:</p></td> <td><textarea name="comentarios" rows="4" cols="60"></textarea></td> </tr> <tr> <td></td> <td><input onclick="javascript:valida_cadastro(); return false" type="submit" name="EnviarBt" value="Enviar" /> <input type="reset" name="Reset" value="Limpar" /></td> </tr> </tbody> </table>
  3. Olá! Eu criei um site em html, mas ao acessar via responsive ele abre formato celular mas com algumas cores diferentes. Obrigado!
  4. Beatriz Nasevicius

    resoluções para media querie

    Gostaria de saber se as três resoluções que estou usando no media querie é suficiente: /** Smarthphones no formato "retrato" **/ @media screen and (max-width: 479px) and (orientation:landscape){ } /** Tablets e Smarthphones de segunda geração **/ @media screen and (min-width: 480px) and (max-width: 767px){ } /** Desktops, Laptops e TVs. **/ @media screen and (min-width: 768px){ }
  5. codercss

    Base boa de CSS para início de projecto

    Olá a todos, Ainda estou a dar os primeiro passos no CSS...ainda! :P Procuro uma base de trabalho, forte, em grid (responsive). Algo onde eu posso estar descansado que essa base vai funcionar no maior número de browsers e telefones possíveis. Assim vou criando o meu ambiente css em cima dessa base! A primeira coisa que penso é no bootstrap. Mas para iniciantes, é o melhor? Existirão outras? Qual base aconselham? Consegui explicar bem a minha necessidade? Obrigado
  6. Olá, Adorei este site: http://wbruno.com.br/ Pretendo criar um site para mim desse jeito. Mas atenção, não quero plagiar o autor. Apenas, como o meu conhecimento em reponsive web sites é básico, estou a pensar começar por uma coisa mais acessível. Algo como um fundo branco, uma lista de artigos é bem mais simples de colocar num web site responsive do que todos os layouts com que eu já sonhei :P Estou a seguir estes artigos: https://www.wptotal.com/como-criar-um-wordpress-theme-parte-2/ A questão é! Sabendo eu já de html e um pouco do CSS (o básico para montar um site estático) qual a próxima matéria que devo seguir para conseguir criar um tema parecido com este: http://wbruno.com.br/ Mais uma vez relembro, e não me entendam mal. Não pretendo copiar o autor. Apenas me inspiro na ideia dele e vejo uma optima oportunidade para começar, finalmente, a criar algo responsive. Uma coisa que preocupa, é criar um tema para além de ser responsive também funcione bem no maior número de browsers. Já li vários livros da casa do código, e sei que temos que ter esse aspecto em consideração. Para finalizar, a ideia, é criar um tema para wordpress, tendo como base este http://wbruno.com.br/ . O meu problema é criar o tema responsive! Por isso, grande mestres :), o que aconselham ler/fazer? [UPDATE] Estou a falar no wordpress mas não sei e este developer utilizou o wordpress. Caso exista alguma ferramenta que entregue este site já pronto agradeço a partilha. Valeu
  7. tognere

    Organizar arquivos de código CSS

    Boa tarde... Tenho uma dúvida simples mas para quem nunca se preocupou muito com organização de código css essa dúvida pode ser muito relevante... como vocês me recomendariam organizar o css no meu projeto...vamos supor que meu projeto(site) tenha um menu com 3 paginas html: pagina1.html (uma listagem de cliente por exemplo) pagina2.html (um cadastro de cliente por exemplo) pagina3.html (um formulario de contato por exemplo) eu poderia ter um unico arquivo css que poderia chamar de style.css por exemplo ou voces me recomendariam um arquivo css para cada pagina??? e outra duvida é em relação a quando eu for desenvolver meu site pensando em responsividade...é mais viavel eu ter um unico arquivo pagina1.css com a formatacao do layout para celular, tablet e computador de cada pagina ou seria melhor arquivos diferentes...por exemplo...pagina1-celular.css....pagina1-tablet.css...pagina1-computador.css?????? como voces fazem???? desde já agradeço e peço desculpas pela minha ignorancia!
  8. Clauido José

    header responsive

    Boa noite glaera, Preciso de uma ajuda com layout desse site no topo eu tenho o logo e o com telefone eu quero que ele seja responsive e que quando for diminuindo a resolução da tela o telefone fique em cima do logo olha meu código: <header> <div class="container-fluid"> <div class="row"> <div id="logo" class="col-md-9"> <a href="default.aspx"><img src="images/logo.png" /></a> </div> <div class="col-md-3" id="telsHead" style="padding:0px 10px"> <strong><span class="glyphicon glyphicon glyphicon-phone-alt"></span>:</strong>(011) 39316081 / 39318241 </div> </div> </div> </header> meu css: #logo{ padding: 10px 50px; height:100px; width:200px; float:left } #telsHead{ background: -moz-linear-gradient(top, #CCC 80%, #fefefd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f1), color-stop(100%,#fefefd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CCC 80%,#fefefd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #CCC 80%,#fefefd 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #CCC 80%,#fefefd 100%); /* W3C */ border-radius:0 0 5px 5px; box-shadow:0 1px 1px #000; height: 30px; padding: 0 5px; list-style:none; font-size:150%; font-weight:bold; text-align: center; width: 400px; float:right; left: -100px }
  9. Sara Alves

    Conteúdo responsive

    Olá, tenho esse script https://codepen.io/anon/pen/JNOePX clique na opção click me e veja que um menu lateral aparece do lado direito, porém quando ele aparece, a imagem da pagina é jogada a esquerda para fora da pagina, eu gostaria de deixar essa imagem responsiva, ou seja... quando clicar para aparecer o menu, ela se ajeite, sem ultrapassar e assim cortando pedaço como está. Sei que isso é uma dúvida de noob, mais já pesquisei de tudo e não achei, por isso venho aqui pedir a ajuda de vocês, como eu poderia resolver isso? obrigado!
  10. Olá a todos, Estou à bastante tempo longe do desenvolvimento web. Pretendo criar um website com recurso ao wordpress, que já tenho experiência (apenas via painel de instrumentos) e criar um template para esse mesmo site. O objectivo é aplicar os meus conhecimentos de CSS + JavaScript, com forte vertente de web responsive (atenção, não sou nenhum profissional). Estive a googlar e encontrei esta série de vídeos, link O Inglês não é o meu forte, mas consigo ver bem os vídeos e aprender. Mas o que aconselham fazer? Que fonte aconselham seguir? Obrigado
  11. Gabrielvt14

    Bootstrap responsivo

    Estou desenvolvendo um site com bootstrap. O site ja esta pronto para desktop, porém estou com dificuldade para deixa-lo responsivo. No site tenho várias divs, uma embaixo da outra. Quando diminuo a tela do site, o texto da div de cima vai para div de baixo e isso vai acontecendo com todos os textos abaixo. Alguém poderia me ajudar? Trecho do código para telas pequenas: @media screen and (max-width:550px) { header .info a {display:none;} header .info i {display:none;} header .info span {padding:8px;} footer .colunas {width:100%;height:auto;} .f-info form {width:95%;} .sessionThree {display: none;} .sessionTwo h1 {display: fixed;} .sessionTwo p {max-height: 30px;} label.div {width:100%;} button[type=submit] {width:100%;} } A primeira DIV que o texto cai para DIV de baixo: .sessionTwo { border: 2px; border-color: black solid; background-color: #A60D0D; margin-top: -120px; background-image: url(../../midia/img/3.png); width: auto; min-height: 700px; background-size: 100% 100%; } .sessionTwo h1 { font-size: 50px; font-weight: normal; font-family: Lobster; color: white; padding-top: 80px; padding-left: 80px; max-height: 150px; max-width: 550px; } .sessionTwo p { color: white; font-weight: normal; padding-top: 130px; padding-left: 80px; max-height: 170px; max-width: 500px; } Desde ja agradeço!
  12. Boa noite pessoal. Não estou conseguindo configurar minha página, quero tentar deixar a página principal no estilo deste site http://www.blackdragons.com.br . Quero deixar praticamente igual ao da página que informou acima. Menu de navegação no topo, seguido de um background de fundo cinza listrado ocupando ''width: 100%; e height: 300px;'', por cima desse background entra uma logo com um texto ao lado, logo abaixo entra um artigo contando uma história e depois o rodapé normal. Eu não estou conseguindo fazer com que a logo diminua de acordo com a diminuição da janela do navegador, e não estou conseguindo fazer com que o meu menu mobile abra de forma correta quando diminuo a janela, ele sempre está expandindo para o lado direito da tela ao abrir. Resumindo, estou perdidoooooo pois sou novato. Em anexo segue meus arquivos index e css e também a imagem de background e a logo. estilo.css Index.html
  13. bruno_mosciatti

    Navbar bootstrap estourando largura responsiva

    Bom dia, galera Tenho um site feito em Bootstrap e que tem dentro dele alguns anúncios do DoubleClick (Google) e da Criteo. Acontecia alguns problemas que estes banners em resolução baixa (celulares e tablets) estouravam e faziam com que o navbar acompanhasse o tamanho (largura) deste anúncio. Para o DoubleClick, consegui resolver com ad-units - Quando a imagem for muito grande e a resolução baixa, carrega um anúncio de menor tamanho. Já para Criteo, não encontrei solução. Enfim, não é algo específico das empresas; se eu adicionar uma imagem de largura 1000px e abrir no celular, o navbar vai acompanhar o tamanho e esticar conforme imagem anexa. Então como faço para que meu navbar tenha exatamente a largura do dispositivo e ignore caso algum outro componente da página seja maior e estique? Obrigado
  14. le0souza

    Chamar css por @media queries

    Olá Boa tarde galera, estou tendo uma dificuldade em fazer alguns ajustes para área mobile do site que estou desenvolvendo, tenho um css normal sem nenhum media queries porem se eu vou e aplico um, exemplo @media (max-width: 991px) ele esta atingindo todo o site mesmo depois de ter passado de 991px ele pega as atribuições que dei somente max 991 isso colocando na mesma folha de estilo do site. em outros sites fora do wordpress eu faria assim, chamaria cada folha separada no header <!-- ===CSS=== --> <link href="css/style.css" type="text/css" rel="stylesheet" media="screen and (min-width: 961px)" /> <!-- ===TABLE=== --> <link href="css/medium.css" type="text/css" rel="stylesheet" media="screen and (max-width: 960px) and (min-width: 481px)" /> <!-- ===MOBILE=== --> <link href="css/small.css" type="text/css" rel="stylesheet" media="screen and (max-width: 480px)" /> <link href="css/small.css" type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" /> porem no wordpress, as folhas de estilo sao chamadas dessa forma abaixo e eu nao sei como aplica o media queries no php, existe alguma maneira de fazer isso? a folha é chamada dentro do functions.php /************************************** * SCRIPTS / CSS **************************************/ function wp_responsivo_scripts() { // Carregando CSS header wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/assets/css/bootstrap.min.css' ); wp_enqueue_style( 'style', get_stylesheet_uri() ); // Carregando Scripts header wp_enqueue_script('bootstrap-js', get_template_directory_uri().'/assets/js/bootstrap.min.js', array('jquery') ); //Carregando no footer //wp_enqueue_script('functions-js', get_template_directory_uri().'/assets/js/functions.js', array('jquery'), '', true ); }
  15. wneo

    Transformar site em app

    Olá!!! Alguém poderia me sugerir uma forma de criar um atalho do site acessando via mobile/android? - A situação é: * Tenho criado um sistema web, responsivo e quero poder torná-lo acessível como um aplicativo. * Gostaria de saber como transformá-lo em app...ou ter seu ícone gerado para acesso no celular. * Imagino alguma função em jquery para criar o atalho. Uma especie de recurso dentro do site, onde o usuario clique e gere. ...Alguém compartilha uma idéia?
  16. Bom galera, estamos numa dúvida aqui gostaria de pedir opiniões e ajuda de vocês! É um seguinte, aqui na empresa temos uma aplicação web para Desktop desenvolvida em ZF2 integrada com uma API, hoje veio a necessidade de criar a aplicação Mobile "m.meusite.com.br", ai veio as dúvidas - Temos que ter dois projetos sendo que um para versão Desktop e outro para versão Mobile ? - Ou poderíamos criar um projeto só sendo que um módulo atende-se a versão mobile e um outros módulo atende-se a versão Desktop ?
  17. Grandhalf

    Problema com width em % de div responviva

    Boa Tarde pessoal, então estou com um problema em div responsiva de um site que estou fazendo. O width da div em resolução para desktop esta em px e quando entra em responvivo preciso que fique em %, mas não esta rolando nenhuma configuração que eu faço dentro da @media dessa resolução. Mas tem um porem, a primeira div da pagina funciona como quero esse problema acontece da 2 em diante? Há outra coisa sou novato em responsivo, então tenham um pouco de paciencia comigo e outra coisa estou fazendo em wordpress... Se alguem puder me ajudar nisso agradecerei muito
  18. diigaumrodrigo

    Problema scroll-x

    Bom dia galera. Estou tendo problema em deixar o scroll-x funcionando de forma responsiva. Quando redimensiono a janela ele "vaza" a div e em tela cheia funciona normalmente.
  19. lrdd94

    Design Responsivo

    Eae galera blz, to começando a ver design responsivo, mas acabei impacado num problema aqui. Ao utilizar o :nth-of-type(2n+0), algumas das minhas páginas receberam certinho, mas outras não, funcionando apenas se colocar :nth-of-type(2n+1) o que tira a formatação correta do outro. Eu estou atacando uma classe e so tem 4 delas, então não faço a menor ideia do que houve. Alguem saberia me dizer o pq esta acontecendo isso?
  20. charleskx

    Menu responsivo Twitter Bootstrap

    Galera, minha duvida é a seguinte Este é um modelo de dashboard desenvolvida em Twitter Bootstrap - http://webapplayers.com/homer_admin-v1.7/ Como é que eu faço um menu como o deste modelo usando o Twitter Bootstrap? Quando visualizado em desktops ou telas grandes o menu já vem expandido, porém visualizado em telas menores o menu já vem oculto por padrão. E a outra duvida, ainda no menu é que os menus com drop down possuem uma seta " < " e quando clica o menu se abre pra baixo e a seta muda de posição Alguém ae consegue me ajudar?
  21. wneo

    Web-kit para Navegador windows 10

    Bom dia!!! Então hoje inicia sai o update do windows para versão 10. E algo que me chamou a atenção foi o Spartan, navegador que promete grande performance. Mas a preocupação é: Como irão se comportar as aplicações, o CSS estará compatível? Os web-kits funcionam?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.