آموزش گروه کاربری رنگین کمانی (ثابت و غیر چشمک زن)

سلام
برای رنگین کمانی کردن گروه کاربری مد نظرتان ابتدا وارد صفحه‌ی مدیر کل شودید و سپس مسیر زیر را طی کنید.

1. گروه‌ها و دسترسی ها
2. گروه‌های کاربری

و کد زیر را در قسمت کد CSS نام کاربری قرار دهید.

background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;

...

قبل :


بعد :

 

[DARKNESS]

سلام
میشه برای این بنر هم قرار بدی؟

 

[XF Father]

سلام
میشه برای این بنر هم قرار بدی؟

سلام
بله بعداً کدشو خواهم گذاشت.

 

[DARKNESS]

سلام
بله بعداً کدشو خواهم گذاشت.

ممنون میشم زودتر باشه

 

[XF Father]

ممنون میشم زودتر باشه

کد زیر رو امتحان کنید.

.rainbowcsscode {background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 18%, rgba(255,255,0,1) 34%, rgba(0,128,0,1) 52%, rgba(0,0,255,1) 68%, rgba(75,0,130,1) 84%, rgba(238,130,238,1) 100%, rgba(47,240,0,1) 008000%);border-color: #9F3E93;}.rainbowcsscode strong:before {content: "\f21e";}

 

[DARKNESS]

ldai ljka stdn fhaif;'vhkna hdk lngd?
میتونی برعکسش کنی بک گراندش اینجوری باشه متنش سفید ؟

 

[XF Father]

ldai ljka stdn fhaif;'vhkna hdk lngd?
میتونی برعکسش کنی بک گراندش اینجوری باشه متنش سفید ؟

دقیقا همینه

 

[DARKNESS]

دقیقا همینه

من گذاشتم ولی فقط متنش هفت رنگ شده

 

[XF Father]

من گذاشتم ولی فقط متنش هفت رنگ شده

خب به جاش کد پایینی رو امتحان کنید.

.rainbowcsscode {background-image: linear-gradient(to right, #ff0000, #ffa500, #ffff00, #008000, #0000ff, #4b0082, #ee82ee);color:#fff;text-shadow:2px 2px 10px black;border-color: #9F3E93;}

نتیجه:

 

[DARKNESS]

خب به جاش کد پایینی رو امتحان کنید.

.rainbowcsscode {background-image: linear-gradient(to right, #ff0000, #ffa500, #ffff00, #008000, #0000ff, #4b0082, #ee82ee);color:#fff;text-shadow:2px 2px 10px black;border-color: #9F3E93;}

نتیجه:
مشاهده فایل‌پیوست 5633

درست شد

 

[NiloofarArdeshiri]

سلام
برای رنگین کمانی کردن گروه کاربری مد نظرتان ابتدا وارد صفحه‌ی مدیر کل شودید و سپس مسیر زیر را طی کنید.

1. گروه‌ها و دسترسی ها
2. گروه‌های کاربری

و کد زیر را در قسمت کد CSS نام کاربری قرار دهید.

background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;

مشاهده فایل‌پیوست 3954

...

قبل :
مشاهده فایل‌پیوست 3955

بعد :
مشاهده فایل‌پیوست 3956

سلام خسته نباشید.

کد رو برای گروه کابری گذاشتم اوکی هس ولی کد بنر رو به تنهایی! قسمت extra.less قرار دادم نمیاره. باید کجا بذارم.

 

[XF Father]

سلام خسته نباشید.

کد رو برای گروه کابری گذاشتم اوکی هس ولی کد بنر رو به تنهایی! قسمت extra.less قرار دادم نمیاره. باید کجا بذارم.

rainbowcsscode رو در کد بنر مقام گروه کاربری وارد کنید.

 

[NiloofarArdeshiri]

rainbowcsscode رو در کد بنر مقام گروه کاربری وارد کنید.

درست شد.
تشکر از راهنماییتون.

 

[nima]

به نظرم این کد جلوش بهتر باشه

background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #a80077 ), color-stop(1, #66ff00 ) );
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: bold;
  font-style: italic;

 

[XF Father]

به نظرم این کد جلوش بهتر باشه

background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #a80077 ), color-stop(1, #66ff00 ) );
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: bold;
  font-style: italic;

بله کدتونم قشنگه
البته سلایق آدما متفاوته ولی الآن میتونن کد شما رو هم انتخاب کنند و برای خودشون اعمال کنند.