Lar Mídia social Opções de painel de fundo no painel de propriedades do CSS do Dreamweaver - manequins

Opções de painel de fundo no painel de propriedades do CSS do Dreamweaver - manequins

Vídeo: Curso Essencial Adobe Dreamweaver CC 2017 - Aula 35 Regras e Propriedades de CSS 2025

Vídeo: Curso Essencial Adobe Dreamweaver CC 2017 - Aula 35 Regras e Propriedades de CSS 2025
Anonim

Usando o painel de fundo no painel do CSS Designer do Dreamweaver, você pode especificar uma cor de fundo ou imagem para um estilo - e controlar como o fundo é exibido na página. Você pode usar as configurações de estilo de fundo para qualquer elemento da sua página da Web que pode exibir um plano de fundo - incluindo as etiquetas, o título e a imagem.

Por exemplo, você pode alterar a etiqueta para incluir configurações de fundo que se aplicam a toda a página, ou você pode criar um estilo com a classe ou seletor ID e especificar um plano de fundo que aparece apenas por trás de um indivíduo tag.

Ao incluir o plano de fundo na classe ou o estilo ID de uma etiqueta, você pode limitar o plano de fundo para aparecer na tela somente onde a etiqueta é usada. Observe que a opção Antecedentes funciona apenas com uma imagem se você definir primeiro uma margem em torno da imagem.

Você pode escolher entre essas opções de plano de fundo:

  • Cor de plano de fundo: Especifique a cor de fundo de um estilo definido usando um dos vários métodos. Você pode clicar bem na cor e selecionar uma cor predefinida ou criar uma cor personalizada. Ou use o conta-gotas para provar qualquer cor na tela. Finalmente, você pode inserir um código de cores hexadecimal - certifique-se de incluir o #, como em # 000000 para a cor preta ou #ffffff para a cor branca.

  • Imagem de fundo: Selecione uma imagem para servir como plano de fundo na definição do estilo. Digite qualquer URL para uma imagem no seu computador ou na Internet, ou clique no ícone da pasta para navegar no disco rígido e selecione uma imagem.

  • Posição de fundo: Especifique a posição da imagem de plano de fundo a partir da parte esquerda e superior do elemento pai, digitando um número em cada campo. Esta opção é visível apenas se você clicar na seta pequena ao lado do campo URL na seção Fundo para revelar os campos adicionais que se seguem.

  • Tamanho: Selecione a medição em pixels, ems ou outra opção e, em seguida, insira o tamanho desejado para o plano de fundo. Deixando o campo Tamanho definido como automático (o padrão) exibe a imagem no tamanho real.

  • Background-clip: Especifique se o fundo começa a borda, o preenchimento ou o conteúdo de um elemento de caixa, como uma etiqueta.

  • Background-Repeat: Clique no ícone correspondente para especificar como e se a imagem de fundo se repete, ou telhas, em toda e para baixo da página. Telão de imagens de fundo por padrão, então você deve escolher uma opção se você não deseja que o seu fundo seja repetido ou você deseja especificar como ele se repete.

    Observe também que, se a imagem for maior do que o elemento ao qual ela é aplicada, somente a imagem que caberá na área de exibição do elemento será visível.Por exemplo, se você usar uma imagem de 600 pixels de largura como o plano de fundo de uma etiqueta que esteja definida para 300 pixels de largura, apenas metade da imagem será visível.

    As opções de repetição, listadas na ordem da aparência de seus ícones, seguem:

    • Herdar: A menos que outra opção seja selecionada, cada elemento herda o comportamento do elemento pai. Esta opção padrão não precisa ser especificada.

    • Repetir: A imagem de fundo se repete verticalmente e horizontalmente no fundo do elemento.

    • Repeat-X: O fundo se repete horizontalmente, mas não verticalmente, no fundo do elemento.

    • Repeat-Y: O fundo se repete verticalmente, mas não horizontalmente, no fundo do elemento.

    • Não-Repetir: O plano de fundo é exibido uma vez no canto superior esquerdo do elemento.

    • Origem: Especifique se a origem do fundo começa na borda, o preenchimento ou o conteúdo de um elemento de caixa, como uma etiqueta.

  • Anexo: Determine como o plano de fundo se comporta quando a página é roteada. As opções são

    • Herdar: A menos que outra opção seja selecionada, cada elemento herda o comportamento do elemento pai. Esta é uma opção padrão e não precisa ser especificada.

    • Corrigido: O fundo permanece colado em um lugar na área de visualização e não se desloca para fora da vista, mesmo quando a página da Web está rolando.

    • Scroll: O fundo rola junto com a página da Web.

  • Gradiente: Clique na cor bem ao lado de Gradiente para abrir o novo seletor de gradiente visual do Dreamweaver.

Opções de painel de fundo no painel de propriedades do CSS do Dreamweaver - manequins

Escolha dos editores

Como executar o teste beta para uma aplicação iOS - manequins

Como executar o teste beta para uma aplicação iOS - manequins

Depois de executar o seu aplicativo em alguns dispositivos e está confiante de que está funcionando da maneira que é suposto, considere levá-lo às mãos de alguns testadores beta. O teste beta permite que você receba comentários de usuários reais e repare todos os erros antes que o público em geral os veja. Você pode se surpreender ...

Como publicar no Amazon Appstore para Android - dummies

Como publicar no Amazon Appstore para Android - dummies

Publicação para o Amazon Appstore para Android é semelhante à publicação na Google Play Store: você cria uma conta e, em seguida, talvez seja necessário pagar uma taxa de desenvolvedor. Ao contrário do Google Play Store, os aplicativos devem ser revistos no Amazon Appstore para Android, portanto, planeje alguns dias entre o dia em que você enviar ...

Como preparar ativos gráficos em seu aplicativo Android para publicar na Play Store - Dummies

Como preparar ativos gráficos em seu aplicativo Android para publicar na Play Store - Dummies

Quando você publica um aplicativo Android na Play Store, você interage com o Console do desenvolvedor do Google Play. O passo essencial nesta interação é o passo em que você carrega o arquivo APK do seu aplicativo. É o passo essencial, mas não é o único passo. Você também deve usar a Consola do desenvolvedor da Play Store ...

Escolha dos editores

As Leis de Minecraft Redstone - dummies

As Leis de Minecraft Redstone - dummies

Cada mecanismo Redstone da Minecraft possui um conjunto diferente de propriedades que determinam como ele atua. Você deve entender as relações entre suas propriedades. Depois de trabalhar com Redstone por um tempo, a forma e a função das suas ferramentas podem se tornar bastante intuitivas. Até então, você pode usar essas informações para descobrir quais opções são ...

Minecraft Pocket Edition Guia de Sobrevivência - dummies

Minecraft Pocket Edition Guia de Sobrevivência - dummies

Ao contrário da versão bastante complicada para PC do Minecraft, Pocket Edition (PE) de A Minecraft tem uma série de etapas mais direta para alcançar seu ponto final, o Nether Spire. Para sobreviver ao PE Minecraft, um jogador precisa seguir a série de passos descritos abaixo. Punch madeira e construir um abrigo. Todo o Minecraft ...

Minecraft Para Dummies Cheat Sheet - dummies

Minecraft Para Dummies Cheat Sheet - dummies

Minecraft requer um jogador para reunir recursos para sobreviver, construir, criar, e avance no jogo. Devido aos diferentes ambientes encontrados no Minecraft, um jogador precisa usar diferentes estratégias para reunir recursos eficientemente nas três principais áreas do jogo - Overland, the Mines e the Nether. Uma vez que estes ...

Escolha dos editores

Como criar mensagens de e-mail de impressão em série no Word 2013 - dummies

Como criar mensagens de e-mail de impressão em série no Word 2013 - dummies

Palavra 2013 permite que você expire mensagens de e-mail personalizadas usando a opção E-Mail para mala direta. Esta opção funciona apenas quando você configura o programa Microsoft Outlook no seu computador. Depois disso, você inicia o documento principal para sua fusão de e-mail obedecendo a estas etapas:

Como criar múltiplas colunas em um documento do Word 2007 - dummies

Como criar múltiplas colunas em um documento do Word 2007 - dummies

Para converter seu padrão single- (ou não-) coluna do documento do Word 2007 em um com várias colunas, basta escolher o formato da coluna que deseja no menu Colunas. Instantaneamente, seu documento é transformado em uma maravilha multicolora!

Como criar tabelas rápidas nas tabelas do Word 2008 para Mac - dummies

Como criar tabelas rápidas nas tabelas do Word 2008 para Mac - dummies

Ajudam você a organizar idéias ou dados que seriam aborrecedores e difíceis de compreender em forma de parágrafo regular. Com o Word 2008 para Mac, você pode facilmente criar tabelas - às vezes chamadas de grades - em qualquer lugar em seus documentos. A maneira mais fácil de criar tabelas é com um dos melhores recursos novos ...