ਸਰੀਰ ਦੇ ਪਿਛੋਕੜ ਦੀਆਂ ਤਸਵੀਰਾਂ ਅਸਾਨੀ ਨਾਲ ਹੋ ਗਈਆਂ

HTML

ਇਕ ਚੰਗੀ ਵਿਸ਼ੇਸ਼ਤਾ ਜੋ ਤੁਸੀਂ ਬਹੁਤ ਸਾਰੀਆਂ ਸਾਈਟਾਂ ਤੇ ਪਾਓਗੇ ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਕੇਂਦਰੀ ਸਮਗਰੀ ਖੇਤਰ ਪੇਜ ਨੂੰ ਇਸਦੇ ਪਿੱਛੇ ਬੂੰਦ ਦੇ ਪਰਛਾਵੇਂ ਦੇ ਨਾਲ ਓਵਰਲੇਅ ਕਰਦਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ. ਇਹ ਅਸਲ ਵਿੱਚ ਇਕੋ ਬੈਕਗ੍ਰਾਉਂਡ ਚਿੱਤਰ ਦੇ ਨਾਲ ਤੁਹਾਡੇ ਬਲੌਗ ਨੂੰ ਵਧੀਆ (ਜਾਂ ਹੋਰ ਵੈਬਸਾਈਟ) ਵਧੀਆ ਦਿਖਣ ਦਾ ਇਕ ਬਹੁਤ ਸੌਖਾ ਤਰੀਕਾ ਹੈ.

ਇਹ ਕਿਵੇਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ?

  1. ਪਤਾ ਲਗਾਓ ਕਿ ਤੁਹਾਡੀ ਸਮੱਗਰੀ ਕਿੰਨੀ ਚੌੜੀ ਹੈ. ਉਦਾਹਰਣ: 750px.
  2. ਆਪਣੀ ਤਸਵੀਰ ਐਪਲੀਕੇਸ਼ਨ ਵਿਚ ਇਕ ਚਿੱਤਰ ਬਣਾਓ (ਮੈਂ ਚਿੱਤਰਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ) ਸਮੱਗਰੀ ਦੇ ਖੇਤਰ ਨਾਲੋਂ ਵਿਸ਼ਾਲ. ਉਦਾਹਰਣ: 800px.
  3. ਚਿੱਤਰ ਦੇ ਪਿਛੋਕੜ ਨੂੰ ਉਸ ਬੈਕਗ੍ਰਾਉਂਡ ਤੇ ਸੈਟ ਕਰੋ ਜੋ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਬਲੌਗ ਦੇ ਹਰ ਪਾਸੇ.
  4. ਪਿਛੋਕੜ ਉੱਤੇ ਇੱਕ ਚਿੱਟਾ ਖੇਤਰ ਸ਼ਾਮਲ ਕਰੋ.
  5. ਚਿੱਟੇ ਖੇਤਰ 'ਤੇ ਇਕ ਸ਼ੈਡੋ ਲਗਾਓ ਜੋ ਖੇਤਰ ਦੇ ਦੋਵੇਂ ਪਾਸਿਓਂ ਬਾਹਰ ਨਿਕਲਦਾ ਹੈ.
  6. ਫਸਲ ਦੇ ਖੇਤਰ ਦੀ ਚੌੜਾਈ ਉਚਾਈ ਵਿੱਚ 1 ਪਿਕਸਲ ਦੁਆਰਾ ਨਿਰਧਾਰਤ ਕਰੋ. ਇਹ ਚਿੱਤਰ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਪੇਸ਼ਕਾਰੀ ਲਈ ਵਧੀਆ ਅਤੇ ਸੰਖੇਪ ਡਾਉਨਲੋਡ ਕਰਨ ਲਈ ਬਣਾ ਦੇਵੇਗਾ.
  7. ਚਿੱਤਰ ਨੂੰ ਆਉਟਪੁੱਟ.

ਇੱਥੇ ਮੈਂ ਇਲਸਟਰੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ ਇਸਦਾ ਨਿਰਮਾਣ ਕਿਵੇਂ ਕੀਤਾ ਹੈ (ਯਾਦ ਰੱਖੋ ਕਿ ਮੇਰੇ ਕੋਲ ਫਸਲੀ ਖੇਤਰ ਬਹੁਤ ਲੰਬਾ ਹੈ ... ਇਹ ਤਾਂ ਤੁਸੀਂ ਵੇਖ ਸਕੋ ਕਿ ਮੈਂ ਕੀ ਕਰ ਰਿਹਾ ਹਾਂ):
ਚਿੱਤਰਕਾਰ ਨਾਲ ਪਿਛੋਕੜ

ਬੈਕਗ੍ਰਾਉਂਡ ਚਿੱਤਰ ਦੇ ਨਾਲ ਆਉਟਪੁੱਟ ਕਿਵੇਂ ਦਿਖਾਈ ਦੇਵੇਗੀ ਇਸਦਾ ਇੱਕ ਉਦਾਹਰਣ ਇਹ ਹੈ:
ਬੈਕਗਰਾ .ਂਡ ਚਿੱਤਰ ਦੀ ਉਦਾਹਰਣ

ਇਹ ਤੁਹਾਡੇ ਵਿੱਚ ਆਪਣੇ ਸਰੀਰਕ ਸ਼ੈਲੀ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਚਿੱਤਰ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ ਇਸਦਾ ਤਰੀਕਾ ਇਹ ਹੈ CSS ਫਾਈਲ.

ਬੈਕਗ੍ਰਾਉਂਡ: # B2B2B2 url ('images / bg.gif') ਦੁਹਰਾਓ- y ਕੇਂਦਰ;

ਇੱਥੇ ਬੈਕਗ੍ਰਾਉਂਡ ਸ਼ੈਲੀ ਟੈਗ ਦਾ ਵਿਛੋੜਾ ਹੈ:

  • # ਬੀ 2 ਬੀ 2 ਬੀ 2 - ਪੇਜ ਦਾ ਸਮੁੱਚਾ ਪਿਛੋਕੜ ਦਾ ਰੰਗ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ. ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ, ਬੈਕਗ੍ਰਾਉਂਡ ਚਿੱਤਰ ਤੇ ਸਲੇਟੀ ਨਾਲ ਮੇਲ ਕਰਨਾ ਸਲੇਟੀ ਹੈ.
  • url ('images / bg.gif') - ਉਹ ਬੈਕਗ੍ਰਾਉਂਡ ਚਿੱਤਰ ਸੈੱਟ ਕਰਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ.
  • ਦੁਹਰਾਓ- y- ਚਿੱਤਰ ਨੂੰ y- ਧੁਰਾ ਤੇ ਦੁਹਰਾਉਣ ਲਈ ਸੈੱਟ ਕਰਦਾ ਹੈ. ਇਸ ਲਈ ਬੈਕਗ੍ਰਾਉਂਡ ਚਿੱਤਰ ਪੇਜ ਦੇ ਉੱਪਰ ਤੋਂ ਹੇਠਾਂ ਤੱਕ ਦੁਹਰਾਵੇਗਾ.
  • ਕੇਂਦਰ - ਪੇਜ ਦੇ ਮੱਧ ਵਿੱਚ ਚਿੱਤਰ ਸੈਟ ਕਰਦਾ ਹੈ.

ਵਧੀਆ ਅਤੇ ਅਸਾਨ… ਇਕ ਚਿੱਤਰ, ਇਕ ਸ਼ੈਲੀ ਦਾ ਟੈਗ!

2 Comments

  1. 1
  2. 2

ਤੁਹਾਨੂੰ ਕੀ ਲੱਗਦਾ ਹੈ?

ਇਹ ਸਾਈਟ ਸਪੈਮ ਨੂੰ ਘੱਟ ਕਰਨ ਲਈ ਅਕਕੀਮੈਟ ਵਰਤਦੀ ਹੈ. ਜਾਣੋ ਕਿ ਤੁਹਾਡੇ ਟਿੱਪਣੀ ਡੇਟਾ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਿਵੇਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ.