ਇੱਕ ਵੱਡੇ ਪ੍ਰਭਾਵ ਦੇ ਨਾਲ ਇੱਕ ਛੋਟਾ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਬਦਲਾਅ

ਜਦੋਂ ਮੈਂ ਇੱਕ ਨਵੀਂ ਸਾਈਟ ਲਾਂਚ ਕੀਤੀ, ਤਾਂ ਮੈਂ ਬਲੌਗ ਵਿੱਚ ਕਿਸੇ ਕਿਸਮ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ ਜੋ ਨਵੀਂ ਸਾਈਟ ਨੂੰ ਉਜਾਗਰ ਕਰੇ. ਹਾਲਾਂਕਿ, ਮੈਂ ਇਸ ਨੂੰ ਬਹੁਤ ਜ਼ਿਆਦਾ ਸਪਸ਼ਟ ਨਹੀਂ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ ਜਾਂ ਬਲੌਗ ਤੋਂ ਆਪਣੇ ਆਪ ਨੂੰ ਦੂਰ ਨਹੀਂ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ.

ਜਵਾਬ ਬਹੁਤ ਛੋਟਾ ਸੀ, ਪਰ ਇਸਦਾ ਬਹੁਤ ਪ੍ਰਭਾਵ ਪਿਆ ... ਨੇਵੀਗੇਸ਼ਨ ਮੀਨੂੰ ਵਿੱਚ ਲਿੰਕ ਵਿੱਚ ਇੱਕ ਛੋਟਾ ਨਵਾਂ ਚਿੱਤਰ ਜੋੜਿਆ. (ਦੁਆਰਾ ਕਲਿੱਕ ਕਰੋ ਇਸ ਨੂੰ ਅਮਲ ਵਿੱਚ ਵੇਖਣ ਲਈ ਪੋਸਟ ਕਰੋ). ਮੈਂ ਆਪਣੇ ਨਾਲ ਕਈ ਦਿਨਾਂ ਲਈ ਲਿੰਕ ਨਾਲ ਦੌੜਿਆ ਅਤੇ ਜ਼ੀਰੋ ਟ੍ਰੈਫਿਕ ਪ੍ਰਾਪਤ ਕੀਤਾ. ਮੈਂ ਚਿੱਤਰ ਨੂੰ ਜੋੜਿਆ ਹੈ ਅਤੇ ਹੁਣ 8.5% ਬਾਹਰੀ ਆਵਾਜਾਈ ਉਸ ਲਿੰਕ ਵਿਚੋਂ ਲੰਘ ਰਹੀ ਹੈ!

ਅਸਲ ਵਿੱਚ ਚਿੱਤਰ ਨੂੰ HTML ਵਿੱਚ ਏਮਬੇਡ ਕਰਨ ਦੀ ਬਜਾਏ, ਮੈਂ CSS ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਤਾਂ ਜੋ ਮੈਂ ਇਸ ਨੂੰ ਭਵਿੱਖ ਵਿੱਚ ਹੋਰ ਨਵੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਤੇ ਵਰਤ ਸਕਾਂ. CSS ਇਸ ਤਰਾਂ ਦਿਸਦਾ ਹੈ:

span.new {ਪਿਛੋਕੜ: url (/mytheme/new.png) ਕੋਈ-ਦੁਹਰਾਓ ਚੋਟੀ ਦਾ ਸੱਜਾ; ਪੈਡਿੰਗ: 0 px 18px 0px 0px; }

ਬੈਕਗ੍ਰਾਉਂਡ ਚਿੱਤਰ ਨੂੰ ਟੈਕਸਟ ਦੇ ਸੱਜੇ ਸਿਖਰ ਤੇ ਲੰਗਰਦਾ ਹੈ ਅਤੇ ਇਸ ਨੂੰ ਦੁਹਰਾਉਣ ਤੋਂ ਰੋਕਦਾ ਹੈ. ਪੈਡਿੰਗ ਟੈਕਸਟ ਦੇ ਪਿਛਲੇ 18 ਪਿਕਸਲ ਦੀ ਮਿਆਦ ਨੂੰ ਬਾਹਰ ਧੱਕਦੀ ਹੈ ਤਾਂ ਜੋ ਤੁਹਾਡੀ ਤਸਵੀਰ ਸਪਸ਼ਟ ਦ੍ਰਿਸ਼ਟੀ ਵਿੱਚ ਹੋਵੇ. ਇਸ ਨੂੰ ਪੇਜ ਵਿਚ ਜੋੜਨਾ ਹੁਣ ਆਸਾਨ ਹੈ, ਮੈਂ ਆਪਣੇ ਟੈਕਸਟ ਦੇ ਦੁਆਲੇ ਇਕ ਸਪੈਨ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ:

ਸਮੀਖਿਆਵਾਂ

ਕਈ ਵਾਰ ਤੁਹਾਡੇ ਪਾਠਕਾਂ ਨੂੰ ਇਕ ਨਵੀਂ ਦਿਸ਼ਾ ਵੱਲ ਸੰਕੇਤ ਕਰਨ ਵਿਚ ਬਹੁਤ ਜ਼ਿਆਦਾ ਨਹੀਂ ਲੱਗਦਾ!

3 Comments

  1. 1

    ਬਹੁਤ ਵਧੀਆ ਟਿਪ! ਬਹੁਤ ਸਧਾਰਣ ਅਤੇ ਬਹੁਤ ਵਧੀਆ ... ਇਹ ਉਹੋ ਜਿਹੀਆਂ ਚੀਜ਼ਾਂ ਹਨ ਜੋ ਬਲੌਗ ਨੂੰ ਮਹੱਤਵ ਦਿੰਦੀਆਂ ਹਨ: ਸਰਲ, ਚੰਗੇ, ਲਾਭਦਾਇਕ ਸੁਝਾਅ ... ਧੰਨਵਾਦ!

  2. 2
  3. 3

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

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