رفتن به مطلب

.::|>آموزش افکت دادن به اسمهای گروه کاربری<|::.


ارسال‌های توصیه شده

سلام خدمت دوستان.

تو این آموزش می خوام بهتون یاد بدم که چطوری مثل تصویر زیر به اسمهای کروه کاربری ایفکت جرقه ای (حالا شما اسمشو هرچی می خواین بزارین :)) اعمال کنید.

Sparkbow.gif.871df3962bfbae5a4da8facfd41d314b.gif.a8f7132ccb987b38e35b15024383ebed.gif

1. از قسمت شخصی سازی ویرایش پوسته مورد نظر را انتخاب کنید.

2. از تب قالب globaltemplate را انتخاب کنید. مثل تصویر  زیر قسمت علامت زده را پیدا کنید.

imageproxy_php.png.34e3ca98ba8d1f077ba5b6cee50b64f6.png

3.  کدهای زیر را بالای تگ شروع کننده فوتر یا در پایان تگ فوتر قرار دهید.

<script>
var speed=80
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
for(i=0;i<document.getElementsByName("Rainbow").length;i++){
var storetext=document.getElementById? document.getElementsByName("Rainbow")[i] : document.all.highlight
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>

4. بعد از انجام تنطیمات را ذخیره کنید.

5. حال از تب css وارد custom.css شوید و کدهای زیر را در محل مناسبی قرار دهید.

/* Membership Color Group /Color is in hex /change anything you want and suit your needs/ i have included only two groups here, you can incude as many as you want */
.Youranygroup {
background: url(link to sparkle gif);
color: #00fffa;
font-weight: bold;
text-shadow: 2px 0px 11px #00ffe5;
}

.Youranygroup {
background: url(link to sparkle gif);
color: #f93647;
font-weight: bold;
text-shadow: 2px 0px 11px #f93647;
}

6. خب بعد از اینکه این کار رو انجام دادین حالا از بخش کاربران وارد گروههای کاربری شوید و گروهی را که می خواهید ایفکت روی اسم آنها اعمال شود را انتخاب (ویرایش) کنید.

7. در این قسمت در قسمت "قالب بندی گروه" روی "استفاده از HTML" کلیک کنید بعد از این کار دو کادر برای شما نمایان خواهد شد در کادر اولی (سمت راست) کد زیر را قرار دهید.

<span name="Rainbow" class="Youranygroup">

8. در کادر دوم (سمت چپ) کد زیر را قرار دهید.

</span>

9.

6. تنطیمات را ذخیره کنید.

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

 

..::| امیدوارم خوشتون بیاد|::..

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • 1 ماه بعد...

اقا عالی ولی فقط این لینک گیف ندادی :|

در در 22 آبان 1398 در 14:06، Arash.Ranjbar گفته است :

background: url(link to sparkle gif);

 

لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام.

لینک گیف :

giphy.gif

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

https://giphy.com/gifs/sparkle-r4EdtUp43HUas/links

 

موفق بالشید

ویرایش شده توسط Arash.Ranjbar
لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • 5 ماه بعد...

من تمام مراحل رو طبق آموزش پیش رفتم، حتی Spark رو هم توی انجمن خودم آپلود کردم، اما متاسفانه تصویر background نشون داده نمی شه ! (لینک تصویر 100% درست هست)

 

image.png.3696da75c4cb8140963f50a763328e35.png

لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام. احتمالا مشکل از آدرس فایلتون هست که درست فراخوانی نمیشه. 

برای بررسی بهتر فایل گیف رو از طریق داشبورد انجمن آپلود کنین و از آدرسی که میده استفاده کنین

لینک ارسال
به اشتراک گذاری در سایت های دیگر

جسارتاً از بخش داشبورد چطوری می تونم مستقیم فایل آپلود کنم؟

توی بخش پیوست ها هیچ چیزی وجود نداره که از داشبورد مدیریتی بتونم فایلی رو آپلود کنم.

آدرس عکس هم درسته، فکر نمی کنم مشکلی از این بابت باشه، چون به همین شیوه عکس رو توی بخش های دیگه با تگ <img لود می کنم و مشکلی پیش نمیاره ...

لینک ارسال
به اشتراک گذاری در سایت های دیگر

از طریق داشبود وارد قسمت شخصی سازی که میشین از طریق پوسته ها- پوسته مورد نظر روبه روش منوی آبشاری رو باز کنین و از گزینه ها مدیریت منابع رو بزنین. بعدش فایل رو از طریق اون آپلود کنین. بعد اینکار در قسمت جستجو اسم فایل آپلود شده رو جستجو کرده و در روبه روی فایل یک آدرس نوشته که اونو کپی و ازش استفاده کنید. 

اگر بازم مشکل حل نشد احتمالا آدرس اون لینک گیف عوض شده یا پاک شده که میتونید به اون وبسایت مراجعه و از گیفهای دیگه ای استفاده کنید.

ویرایش شده توسط Arash.Ranjbar
لینک ارسال
به اشتراک گذاری در سایت های دیگر

سپاس، کد منبع رو به این صورت بهم داد

نقل قول

{resource="adminSpark.gif"}

اما سوالی که پیش میاد اینه که این کد منبع توی CSS توسط IPS خوانده می شود؟ (من قرار دادم نتونست بخونه)

لطفاً نمونه کدی که خودتون استفاده کردید و جواب گرفتید رو قرار بدید ببینم مشکل من کجاست (فایل CSS)

با تشکر

لینک ارسال
به اشتراک گذاری در سایت های دیگر

البته اون تغییر رنگ نام کاربری رو میشه با یه چند خط کد ساده CSS3 ردیف کرد که نیاز به اون کد جاوا اسکریپت نباشه تا لود صفحات هم سنگین نشن مثل نمونه زیر که می تونید با اضافه کردن درصد رنگ های مختلف هم اضافه کنید

https://codepen.io/raaasin/pen/quvHr

در مورد بک گروند هم بهتره در فولدر uploads روت انجمن تون در مسیر سی پنل هاست > فایل منیجر آپلود کرده و آدرسش رو در قسمت مربوطه وارد کنید

  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

در خصوص رنگها حرفتون صحیح، اما در مورد عکس باید خدمتتون عرض کنم که من عکس رو توی root انجمن قرار دادم، در کل فکر نمی کنم CSS کاری به روت بودن یا نبودن عکس داشته باشه، من آدرس عکس مستقیم رو قرار دادم.

اگه کسی توی انجمنش این مورد رو حل کرده لطفاً به من اطلاع بده تا یه بررسی کوچیک بکنم، من تمامی CSS های لود شده توی انجمن رو هم چک کردم، کدها صحیح هستند و کلاس بدون مشکل داره فراخوانی می شه.

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • Arash.Ranjbar عنوان را به .::|>آموزش افکت دادن به اسمهای گروه کاربری<|::. تغییر داد
  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...