1,040 Vídeo Aulas

9083 Usuários

29,589 Respostas

Protocolos de internet – Quais suas importâncias?
21 jan - Por Redação...
Paulo Oliveira Modelo OSI
23 abr - Por Paulo...
Bootstrap básico – Apresentação
14 jan - Por Rubia...
Java para Web – Criando um CRUD – Final
07 out - Por Junior...
Organize seus Projetos com o Dropbox
23 jan - Por Rafael...
Dionei Cardozo Arrays e Funções do ASP
10 jun - Por Dionei...
Philipe Monteiro Cardoso A responsabilidade civil da administradora por danos causados em estacionamentos
03 abr - Por Philipe...
Modelando Uma Montanha com 3D’s Max – Parte Final
24 dez - Por Vitor...
Matheus Moura Namespaces no PHP
31 jan - Por Matheus...
Suavizando Sardas no PhotoShop
08 jul - Por Diogo...
Inserindo planilha
03 fev - Por Erico...
Felipe Cardozo Oficina da Net completa 10 anos no ar
06 jul - Por Felipe...
Aprenda a deixar o menu marcado de acordo com a...
29 jun - Por David...
Animando com o Modificador SKIN com 3D Studio Max
16 mai - Por Claudio...
Solange Fagá Criando web album no Indesign Cs5
09 set - Por Solange...
Piter Fuentes Elaborando Etiqueta para CD
14 jan - Por Piter...
Multi Upload com Ruby On Rails
05 dez - Por Jhonatan...
Programação Orientada a Objetos com Java – Parte 10
30 abr - Por Douglas...
Kilderson Sena Segurança com PHP VI – CSRF
19 jan - Por Kilderson...
Fabio Beccari Efeito Pirógrafo com Photoshop
28 mai - Por Fabio...
Conceitos do Modeler e Primitivas 3D
25 fev - Por Paulo...
Modal de confirmação com JQuery
27 jul - Por Warlisson...
Long Shadow – 2 formas fáceis de criar com Illustrator
17 fev - Por Walter...
Desenvolvedores versus Wix – Uma luta injusta?
03 mai - Por andrebuzzo...
Botão personalizado CSS3 e HTML5
15 out - Por Alexandre...

Fazendo o background se ajustar a qualquer resolução com CSS

Salve amigos do MxMasters, sou David CHC, e nessa vídeo aula irei mostrar como fazer um background se adaptar a qualquer tipo de resolução. Não é muito recomendado utilizar essa técnica, já que a imagem sofrerá distorções de acordo com a resolução do usuário. Fica o alerta, e utilize com moderação por conta e risco, rs. Boa aula.

  • http://www.mxmasters.com.br David CHC

    O primeiro passo é seguir os padrões web na hora desenvolver o seu site, e levar em consideração a semantica na hora de estruturar o html. Depois se preocupar com o conteudo do seu site. Vc pode divulgar em redes sociais, com twitter, facebook, orkut, etc. Recomendo vc pesquisar sobre SEO

  • Crocodilomaster

    Muito bom esse tutorial cara ajudo muito valeu

    • Hermes Macedo

      Ol´davi muito bom o seu tutorial. Mas to com uma dificuldade! Eu to terminando um site em joomla http://darleneboldrini.com.br/lcbrutos/ e eu to querendo colocar a imagem, que vc vai ver ao clicar no link, de fundo mas não to conseguindo. se puder ajudar e me dizer onde esta o meu erro agradeço

  • Leonardo

    cara muito bom seu tutorial, o melhor que ja vi cara….explica ali aonde e como usar..nao é que nem uns q só coloca o codigo mas nao diz a onde nem mostra..ou faz um video de 10min

  • http://www.mxmasters.com.br David CHC

    Hermes, eu não conheço a arquitetura do joomla, mas sa utilização é a mesma. é criar uma div para simular o body, e outra dentro dela para centralizar;
    Mas dependendo não vale a pena fazer como fiz, e sim trabalhar com background large, q vc utilizar imagens bem grandes, de 2500 por 1800, ou algo parecido

  • Stize

    Davi como faço para deixar uma imagem fixa e sempre redimensionavel em relação ao tamanho da tela de um notbook ,sendo que esta esta depois de um texto e background fixo tambem.
    grato,

    Carlos Junior

    • http://www.mxmasters.com.br David CHC

      Para ela ficar fixa, vc pode utilizar o position:fixed, e redimensionavel, vc precisa usar uma medida relativa, como porcentagem.

    • Liderarnegociacoes

      David estou querendo fazer um site só com background e gostaria de saber se tem como colocar link em botões na imagem ? Quero fazer assim porque não sei fazer a pagina home se expandir igual este comando que você criou.

      Abraços

  • http://www.mxmasters.com.br David CHC

    vc está dizendo mapear imagens ? Exemplo:

    http://www.criarweb.com/artigos/129.php

    • Liderarnegociacoes

      Bom dia David!
      Obrigado pelo retorno! Creio que não expliquei corretamente. Imagina que no background que você colocou como fundo na sua vídeo aula existisse um desenho, uma imagem ou um botão, existe como eu criar um link nesta imagem ou botão ? Já tentei de varias formas mas não consegui, o link é criado mas o ponto ativo muda de lugar conforme o tamanho da tela e não fica em cima do botão.
      Grande abraço
      Vanderlei

  • http://www.mxmasters.com.br David CHC

    No caso como a imagem vai se expandir , vc pode tentar colocar valores relativo, tanto para dimensões do botões, quando a posição, uma simulação:

    .botao{
    width:10%;
    height:10%;
    position:absolute;
    top:30%;
    left:20%;
    }

    No caso vc vai fazer na tentativa mesmo, até encontrar a posição correta.

    • Liderarnegociacoes

      Perfeito David! Ficou show de bola… Valeu mesmo pela dica amigão. Grande abraço e um ótimo Natal e Ano Novo para todos vocês do MX MASTER e colaboradores. Abraços

      • http://www.mxmasters.com.br David CHC

        Para vc tbm, um ótimo Natal e Ano Novo. abrs

  • Menkay

    O amigo, muito obrigado, ajudo muito eu tava precisando aprende como se fazia isso, faz tempo que procuro um meio de fazer isso numa imagem do meu site, mais não acertava vlw mesmo.
    para bens vc explica muito perfeito.

  • Jonas Cardoso87

    o cara o meu não ta alinhando ao centro!!!

  • Junior

    Cara tudo q coloco dentro da div principal ta pegando opacity como resolver esse problema .. tudo mesmo q ta dentro da PRINCIPAL pega opacidade logo tudo mais me ajuda plzzzzzzzzzz

  • http://www.mxmasters.com.br David CHC

    Em vez de colocar opacity, coloque um png transparent, vai dá menos problema.

  • celiorp

    Muito bom,
    Consegui fazer utilizando jsf 2.0 com templates, funcionou direitinho. ^^

  • http://www.gambarukandojo.com/ Bruno

    http://www.gambarukandojo.com/
    queria uma ajuda nesse site, preciso que ele se auto ajuste em outras resoluçoes.

    nao sei se vcs entendem de joomla tbm, queria saber como fazer que as contas dos usuarios expirem em um certo tempo, alguem poderia me ajudar?

  • http://www.callango.com.br Marcio

    Muito bom, obrigado me ajudou muito!

  • Jefferson

    Muito obrigado pela vídeo aula, ajudou bastante!

  • http://Aindanaotenho Célio

    po cara me salvou pacaramba ja tava a uns 3 dias pra fazer esse negocio ai, pois bem sou iniciate nessa vida de criação de sites, pois bem eu fiz tudinho que vc falou, mesmo sem saber pra que a maioria serve, e deu certo, mais o corpo do site nao esta mais aparecendo, so fica a imagem e mais nada. sei que tu é fera quebra essa ai pra min, como e que resolvo isso ??

    desde ja agradeço..

  • http://www.clubevidamoderna.com.br Syrlenne

    Eu estou tentando trocar o background do meu site da cor branca por uma imagem de fundo. O plano de fundo dele é branco, mas não encontro em nenhum lugar onde trocar. Como o meu template tem divesos estilos, estou trabalhando com o estilo5, mas não encontro nada das linhas que as pessoas explicam.

    Alguém pode me ajudar?

    Agradeço e aguardo.

    • http://www.davidchc.com.br David CHC

      Syrelenne, se for o site que você colocou nos comentários, você irá modificar nesse arquivo : templates/rt_mediamogul_j15/css/style6.css

      body {
      	color: #333;
      	background: #fff;
      }
      
      • http://aquaparkmardeminas.com.br/ igorgt

        Ola boa noite como faço pra colocar o background que ajusta as resoluções de diferentes computadores. site : aquaparkmardeminas.com.br

  • http://www.robsondon.com.br Robson

    Só uma dica, vi algumas perguntas sobre o pq o centeudo do site sumiu, onde tem z-index:0 mude para -1

Projeto mantido por: