Advertisement
Hisabeel

How do the background repeated?

Sep 27th, 2017
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.85 KB | None | 0 0
  1. Para padrões/fundos que deseja repetir na tela, use:
  2.     no-repeat: doesn’t repeat
  3.     repeat-x: repeat horizontally
  4.     repeat-y: repeat vertically
  5.     repeat: repeat horizontally and vertically
  6.  
  7. Isso irá entre body{ e }
  8.  
  9. Aparecerá algo como:
  10.     body{
  11.     background-image:url({image:Background Image});
  12.     background-repeat:repeat;
  13.     background-attachment:fixed;
  14.     background-position:left top;
  15.     }
  16.  
  17.  
  18. Para uma imagem no canto inferior direito, SOMENTE, use:
  19.     background-repeat:no-repeat;
  20.     background-attachment:fixed;
  21.     background-position:right bottom;
  22.  
  23.  
  24. Para mudar sua imagem para o canto inferior esquerdo, use:
  25.     background-position:left bottom;
  26.  
  27.  
  28. Para o canto superior esquerdo, use:
  29.     background-position:left bottom;
  30.  
  31.  
  32. Você entendeu, certo? :)
  33.  
  34.  
  35. Pré-visualize o tema e depois SALVAR
  36.  
  37. CARREGUE SUA IMAGEM. Na sua barra de Personalizar (não na secção Editar HTML. Se você ainda estiver lá, clique em Aparência no canto superior esquerdo.), Role para baixo até encontrar onde ele diz:
  38.     IMAGEM: http://static.tumblr.com/cxtftev/dePm8w1ax/screen_shot_2012-08-17_at_12.13.05_am.png
  39.  
  40. Clique em Carregar e fazer upload da sua imagem! E você deve estar pronto!
  41.  
  42. (Se a sua pré-visualização não for atualizada com sua imagem, verifique se a imagem está no formato .gif, .jpg ou .png e não .psd. Se você verificou isso, volte ao seu código e grave!)
  43.  
  44.  
  45. x ----------------------------------------------------------------------------------------------------------------------------------- x
  46.  
  47.  
  48. For patterns/backgrounds that you want to repeat across the screen, use:
  49.     no-repeat: doesn’t repeat
  50.     repeat-x: repeat horizontally
  51.     repeat-y: repeat vertically
  52.     repeat: repeat horizontally and vertically
  53.  
  54. This goes between the body{ and }
  55.  
  56. So it’ll look something like this all together:
  57.     body{
  58.     background-image:url({image:Background Image});
  59.     background-repeat:repeat;
  60.     background-attachment:fixed;
  61.     background-position:left top;
  62.     }
  63.  
  64.  
  65. For an image in the bottom right corner ONLY, use:
  66.     background-repeat:no-repeat;
  67.     background-attachment:fixed;
  68.     background-position:right bottom;
  69.  
  70. To change your image to the bottom left corner, use:
  71.     background-position:left bottom;
  72.  
  73.  
  74. For the top left corner, use:
  75.     background-position:left top;
  76.  
  77. You get the point, right? :)
  78.  
  79.  
  80. Update Preview, then SAVE
  81.  
  82. UPLOAD YOUR IMAGE. On your Customize bar (not the Edit HTML section. If you’re still there, click Appearance at the top left hand corner.), scroll down until you find where it says:
  83.     IMAGE: http://static.tumblr.com/cxtftev/dePm8w1ax/screen_shot_2012-08-17_at_12.13.05_am.png
  84.  
  85. Click Upload and upload your image! And you should be done!
  86.  
  87. (If your preview doesn’t update with your image, make sure your image is in .gif, .jpg, or .png format, and not something like say .psd. If you have verified this, go back to your code and save!)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement