رنگ بندی گروه‌های کاربری رنگ بندی گروه‌های کاربری به شکلی زیبا

[علی مددی 1689]

نوع جدیدی از رنگ بندی گروه های کاربری به شکلی زیباتر

 

 

 

نکته اول اینکه برای نمایش گروه های کاربری در پایین انجمن (مثل آی پی بی فارسی ) باید از این هوک استفاده کنید     Group Name Indicator

 

1- از مسیر زیر به قسمت ویرایش قالب موردنظر رفته و از بخش CSS  فایل  ipb_styles.css   ر ا باز کنید

Looj & Feel  > Manage Skin Sets & Templates > manage Templates  & CSS

کد پایین را به انتهای کدهای ipb_styles.css  اضافه کنید

.UserGroup {
  display: inline-block;
  height: 15px;
  line-height: 17px;
  padding: 5px;
  font-size: 13px;
  font-family:  "yekan",tahoma, arial, sans-serif;
  color: white;
  text-align: center;
  text-decoration: none;
  border: 1px solid;
  border-color: #000000;
  border-radius: 4px;
 -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
 
}

حالا روی  دکمه save  کلیک کنید تا کدها ذخیره بشه.

 

2- برای تعیین رنگ گروه  کاربری به آدرس زیر رفته و گروه کاربری مورد نظرتونو ویرایش کنید

Members  >  Member Groups  > Manage Member Groups

حالا در قسمت  Group Formatting Prefix :  کد زیر را وارد کنید 

<span style="background-color: #KODE-RANG;" class="UserGroup">

به جای عبارت KODE-RANG ، کد رنگی را که می خواهید برای گروه کاربری قرار دهید رو جایگزین کنید (مثال: FF0000)

 

 

در قسمت Group Formatting Suffix : هم کد زیر را قرار دهید 

</span>

بعد از قرار دادن کد و رنگ گروه ذخیره کنید

برای گروه های کاربری دیگر نیز به همین صورت مقداردهی می کنید.

 

 

..:: امیدوارم لذت برده باشید ::..

 

[سعید نظری 1710]

فقط اگر فونت yekan میخواین استفاده کنید حتما با استفاده از @font-face فونت رو تو استایل قالب بشناسونید.

[علی مددی 1689]

فقط اگر فونت yekan میخواین استفاده کنید حتما با استفاده از @font-face فونت رو تو استایل قالب بشناسونید.

 

نکته خوبی اشاره کردی سعیدجان 

چون دیگه روی قالب من این فونت بود منم دست نزدم که خود کاربرا تنظیم کنند.

[memare-ahvaz 63]

ممنون،لطف کن توی کد بالا کد فونت رو هم اضافه کن،فونت یکان

[علی مددی 1689]

ممنون،لطف کن توی کد بالا کد فونت رو هم اضافه کن،فونت یکان

 

دوست عزیز شما باید خود فونت روی هاست داشته باشید تا بتونید از کدش هم استفاده کنید (داخل کد ، مسیر فونت معلوم هستش و باید فونت در اون مسیر آپلود کنید)

 

بفرمایید اینم کدش 

@font-face {
  font-family: 'Yekan';
  src: url('{style_images_url}/fonts/Yekan.eot?#') format('eot'),  /* IE6–8 */
       url('{style_images_url}/fonts/Yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('{style_images_url}/fonts/Yekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

[شهاب 20]

فقط یه سوال: چطور این دسته بندی رو به پایین سایت اضافه می کنن؟ مثل تصویر شما و همینطور خود انجمن IPBfarsi ؟

[علی مددی 1689]

خواهشن در بخش آموزش سوال نفرماید ، ضمنن اگر آموزش خوب مطالعه کرده باشید به جوابتون می رسید  (تاپیک بسته شد)