(Criou a página com "A imagem de fundo principal de um wiki deve ser dimensionada para o tamanho da tela do usuário. Dito isto, o que você faz se o seu próprio monitor / placa gráfica não...") |
BaRaN6161TURK (discussão | contribs) m (+TR) |
||
Linha 31: | Linha 31: | ||
[[en:Background image]] |
[[en:Background image]] |
||
[[fr:Image d'arrière-plan]] |
[[fr:Image d'arrière-plan]] |
||
+ | [[tr:Arka plan resmi]] |
Edição atual desde as 09h12min de 15 de outubro de 2020
A imagem de fundo principal de um wiki deve ser dimensionada para o tamanho da tela do usuário. Dito isto, o que você faz se o seu próprio monitor / placa gráfica não é tão bom assim? Aqui estão algumas dicas:
Se você usa o Firefox como navegador, pode usar a tecla Ctrl junto com a tecla - para reduzir a imagem na tela, repetidamente, se necessário. Isso lhe dará uma boa idéia se a escolha do css para a imagem de fundo será dimensionada ou se resultará em uma imagem que é abruptamente cortada para os usuários que têm melhor monitoração/resolução. (Ctrl e 0 redefine-o)
Dicas CSS[ | ]
Cobertura[ | ]
body {
background: #000000 url(http://hydra-media.cursecdn.com/killingfloor2.gamepedia.com/9/98/Bg.jpg) no-repeat fixed center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Dimensionamento para largura[ | ]
Se a sua imagem de plano de fundo ficar muito transparente ou a cor de fundo padrão, você pode simplesmente dimensioná-la para largura (ou altura).
body {
background: #000000 url(http://hydra-media.cursecdn.com/witcher.gamepedia.com/3/33/Tw3_wiki_bg.jpg) no-repeat fixed center top / 100% auto;
}
Circunstâncias excepcionais[ | ]
Se, por algum motivo incompreensível, a imagem de fundo não puder ser dimensionada, ela deverá desaparecer para transparente ou a cor de fundo padrão em (minimamente) as bordas direita, esquerda e inferior (supondo que você a coloque na parte superior da página) . Isso, pelo menos, prevê uma transição elegante em monitores maiores.