CSS ਤੋਂ ਘੱਟ ਪਰਿਵਰਤਕ
ਵੇਰੀਏਬਲ, ਨੇਸਟਿੰਗ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਨਾਲ ਆਪਣੇ CSS ਕੋਡ ਨੂੰ ਘੱਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
ਲਾਈਵ ਪ੍ਰੀਵਿਊ
ਰਿਬਨ ਕੰਟਰੋਲ
ਪ੍ਰਸਿੱਧ ਰਿਬਨExamples
ਇਹਨਾਂ ਪੇਸ਼ੇਵਰ ਤੌਰ 'ਤੇ ਡਿਜ਼ਾਈਨ ਕੀਤੇ ਰਿਬਨ ਟੈਂਪਲੇਟਾਂ ਤੋਂ ਪ੍ਰੇਰਿਤ ਹੋਵੋ। ਕਿਸੇ ਵੀ ਉਦਾਹਰਣ ਨੂੰ ਜਨਰੇਟਰ ਵਿੱਚ ਲੋਡ ਕਰਨ ਲਈ ਉਸ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
ਕਲਾਸਿਕ ਸੇਲ ਰਿਬਨ
ਛੋਟਾਂ ਅਤੇ ਤਰੱਕੀਆਂ ਨੂੰ ਉਜਾਗਰ ਕਰਨ ਲਈ ਸੰਪੂਰਨ।
ਆਧੁਨਿਕ ਨਵਾਂ ਆਗਮਨ
ਨਵੇਂ ਉਤਪਾਦਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਸਟਾਈਲਿਸ਼ ਰਿਬਨ।
ਵਕਰਾਕਾਰ ਫੀਚਰਡ ਰਿਬਨ
ਮਹੱਤਵਪੂਰਨ ਸਮੱਗਰੀ ਨੂੰ ਉਜਾਗਰ ਕਰਨ ਲਈ ਧਿਆਨ ਖਿੱਚਣ ਵਾਲਾ ਡਿਜ਼ਾਈਨ।
ਬੈਨਰ ਵਿਸ਼ੇਸ਼ ਪੇਸ਼ਕਸ਼
ਪ੍ਰਮੁੱਖ ਘੋਸ਼ਣਾਵਾਂ ਲਈ ਚੌੜਾ ਬੈਨਰ।
ਐਂਗਲਡ ਸੀਮਤ ਸਮਾਂ
ਆਪਣੇ ਗਤੀਸ਼ੀਲ ਕੋਣ ਨਾਲ ਜ਼ਰੂਰੀਤਾ ਪੈਦਾ ਕਰਦਾ ਹੈ।
ਐਨੀਮੇਟਡ ਹੌਟ ਡੀਲ
ਗਰਮ ਪੇਸ਼ਕਸ਼ਾਂ ਲਈ ਧਿਆਨ ਖਿੱਚਣ ਵਾਲਾ ਐਨੀਮੇਟਡ ਰਿਬਨ।
ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏਰਿਬਨ ਜਨਰੇਟਰ
ਸ਼ੁਰੂ ਕਰਨਾ
ਆਪਣੇ ਰਿਬਨ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ
ਆਪਣੇ ਰਿਬਨ ਦੇ ਟੈਕਸਟ, ਸ਼ੈਲੀ, ਰੰਗ, ਆਕਾਰ ਅਤੇ ਸਥਿਤੀ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਨ ਲਈ ਸੱਜੇ ਪਾਸੇ ਦੇ ਨਿਯੰਤਰਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਪੂਰਵਦਰਸ਼ਨ
ਖੱਬੇ ਪਾਸੇ ਪੂਰਵਦਰਸ਼ਨ ਪੈਨਲ ਵਿੱਚ ਆਪਣੇ ਬਦਲਾਅ ਤੁਰੰਤ ਪ੍ਰਤੀਬਿੰਬਤ ਹੁੰਦੇ ਦੇਖੋ।
ਕੋਡ ਕਾਪੀ ਕਰੋ
ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਤੋਂ ਸੰਤੁਸ਼ਟ ਹੋ ਜਾਂਦੇ ਹੋ, ਤਾਂ "CSS ਕੋਡ ਕਾਪੀ ਕਰੋ" ਅਤੇ "HTML ਕੋਡ ਕਾਪੀ ਕਰੋ" ਬਟਨਾਂ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਪੇਸਟ ਕਰੋ
ਕਾਪੀ ਕੀਤੇ CSS ਨੂੰ ਆਪਣੀ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਅਤੇ HTML ਨੂੰ ਆਪਣੇ ਵੈੱਬਪੇਜ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ ਜਿੱਥੇ ਤੁਸੀਂ ਰਿਬਨ ਨੂੰ ਦਿਖਾਈ ਦੇਣਾ ਚਾਹੁੰਦੇ ਹੋ।
ਵਿਪਰੀਤ ਰੰਗ ਚੁਣੋ
ਵੱਧ ਤੋਂ ਵੱਧ ਪੜ੍ਹਨਯੋਗਤਾ ਲਈ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੇ ਟੈਕਸਟ ਦਾ ਰੰਗ ਰਿਬਨ ਦੇ ਰੰਗ ਨਾਲ ਚੰਗੀ ਤਰ੍ਹਾਂ ਵਿਪਰੀਤ ਹੈ। ਗੂੜ੍ਹੇ ਬੈਕਗ੍ਰਾਊਂਡ 'ਤੇ ਹਲਕਾ ਟੈਕਸਟ ਜਾਂ ਇਸਦੇ ਉਲਟ ਸਭ ਤੋਂ ਵਧੀਆ ਕੰਮ ਕਰਦਾ ਹੈ।
ਪਲੇਸਮੈਂਟ ਦਾ ਧਿਆਨ ਰੱਖੋ
ਰਿਬਨਾਂ ਨੂੰ ਕੋਨਿਆਂ ਜਾਂ ਕਿਨਾਰਿਆਂ 'ਤੇ ਰੱਖੋ ਜਿੱਥੇ ਉਹ ਮਹੱਤਵਪੂਰਨ ਸਮੱਗਰੀ ਨੂੰ ਲੁਕਾਉਣ ਨਾ ਦੇਣ ਪਰ ਫਿਰ ਵੀ ਬਹੁਤ ਜ਼ਿਆਦਾ ਦਿਖਾਈ ਦੇਣ।
ਐਨੀਮੇਸ਼ਨ ਦੀ ਵਰਤੋਂ ਸੰਜਮ ਨਾਲ ਕਰੋ
ਜਦੋਂ ਕਿ ਐਨੀਮੇਸ਼ਨ ਧਿਆਨ ਖਿੱਚ ਸਕਦੇ ਹਨ, ਉਹਨਾਂ ਦੀ ਜ਼ਿਆਦਾ ਵਰਤੋਂ ਧਿਆਨ ਭਟਕਾਉਣ ਵਾਲੀ ਹੋ ਸਕਦੀ ਹੈ। ਐਨੀਮੇਟਡ ਰਿਬਨ ਸੱਚਮੁੱਚ ਜ਼ਰੂਰੀ ਜਾਂ ਮਹੱਤਵਪੂਰਨ ਸੁਨੇਹਿਆਂ ਲਈ ਰਿਜ਼ਰਵ ਕਰੋ।
ਟੈਸਟ ਜਵਾਬਦੇਹੀ
ਇਹ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡਾ ਰਿਬਨ ਵੱਖ-ਵੱਖ ਡਿਵਾਈਸਾਂ 'ਤੇ ਟੈਸਟ ਕਰਕੇ ਜਾਂ ਬ੍ਰਾਊਜ਼ਰ ਡਿਵੈਲਪਰ ਟੂਲਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਾਰੇ ਸਕ੍ਰੀਨ ਆਕਾਰਾਂ 'ਤੇ ਵਧੀਆ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।
ਆਮ ਵਰਤੋਂ ਦੇ ਮਾਮਲੇ
ਆਪਣੇ ਉਤਪਾਦਾਂ 'ਤੇ ਪ੍ਰਚਾਰਕ ਪੇਸ਼ਕਸ਼ਾਂ ਅਤੇ ਵਿਸ਼ੇਸ਼ ਡੀਲਾਂ ਨੂੰ ਉਜਾਗਰ ਕਰੋ।
ਵਿਸ਼ੇਸ਼ ਸਮੱਗਰੀ
ਮਹੱਤਵਪੂਰਨ ਲੇਖਾਂ, ਉਤਪਾਦਾਂ ਜਾਂ ਘੋਸ਼ਣਾਵਾਂ ਵੱਲ ਧਿਆਨ ਖਿੱਚੋ।
ਸੀਮਤ ਸਮੇਂ ਲਈ ਪੇਸ਼ਕਸ਼ਾਂ
ਸਮੇਂ-ਸੰਵੇਦਨਸ਼ੀਲ ਪ੍ਰਚਾਰਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਕੇ ਜ਼ਰੂਰੀਤਾ ਪੈਦਾ ਕਰੋ।
ਨਵੇਂ ਉਤਪਾਦ
ਉਤਸ਼ਾਹ ਅਤੇ ਦਿਲਚਸਪੀ ਪੈਦਾ ਕਰਨ ਲਈ ਨਵੇਂ ਆਉਣ ਵਾਲਿਆਂ ਦਾ ਐਲਾਨ ਕਰੋ।
Certifications
ਪੁਰਸਕਾਰਾਂ, ਪ੍ਰਮਾਣੀਕਰਣਾਂ, ਜਾਂ ਗੁਣਵੱਤਾ ਵਾਲੀਆਂ ਮੋਹਰਾਂ ਲਈ ਬੈਜ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ।
Announcements
ਆਪਣੇ ਦਰਸ਼ਕਾਂ ਨਾਲ ਮਹੱਤਵਪੂਰਨ ਅੱਪਡੇਟ ਜਾਂ ਖ਼ਬਰਾਂ ਸਾਂਝੀਆਂ ਕਰੋ।
Related Tools
CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ
ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।
Sass ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Sass ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
JSON ਨੂੰ SQL ਵਿੱਚ ਬਿਨਾਂ ਕਿਸੇ ਕੋਸ਼ਿਸ਼ ਦੇ ਬਦਲੋ
ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਆਪਣੇ JSON ਡੇਟਾ ਨੂੰ SQL INSERT ਸਟੇਟਮੈਂਟਾਂ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਸੁਰੱਖਿਅਤ, ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ।
JSON ਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਕੋਸ਼ਿਸ਼ ਦੇ TSV ਵਿੱਚ ਬਦਲੋ
ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਆਪਣੇ JSON ਡੇਟਾ ਨੂੰ ਟੈਬ-ਸੇਪਰੇਟਿਡ ਵੈਲਯੂਜ਼ (TSV) ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਸੁਰੱਖਿਅਤ, ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ।
JSON ਨੂੰ ਐਕਸਲ ਵਿੱਚ ਬਿਨਾਂ ਕਿਸੇ ਕੋਸ਼ਿਸ਼ ਦੇ ਬਦਲੋ
ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਆਪਣੇ JSON ਡੇਟਾ ਨੂੰ ਐਕਸਲ ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਸੁਰੱਖਿਅਤ, ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ।