دادن رنگ های مختلف به بک گراند تگ های پست

meysam1366 · آذر 93

سلام دوستان

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

رو به خودشون اختصاص بده

با تشکر

ممنون میشم زود جوابمو بدید

علی زینلی · آذر 93

سلام دوست عزیزم.

به وردپرس فارسی خوش اومدی.

عجلّه کار شیطونه!

تگ هات رو داخل li قرار بده

کد PHPش اینه:

<?php
if(get_the_tag_list()) {
    echo get_the_tag_list('<ul><li>','</li><li>','</li></ul>');
}
?>

بعد باید براش یه استایل تعریف کنی.

یه همچین چیزی میشه:

.class ul li{ background:#3498db;  }
.class ul li:nth-child(2){ background:#e67e22;  }
.class ul li:nth-child(3){ background:#2ecc71;  }
.class ul li:nth-child(4){ background:#95a5a6;  }
.class ul li a{ color:#fff ; }

به جای class در کد بالا باید اسم بذاری.

موفّق باشی.

meysam1366 · آذر 93

ممنون دوست عزیز از راهنماییتون

میشه یکم واضح تر توضیح بدید اون کد پی اچ پی رو توی فایل فانکشن قرار بدم یا نه؟

اسم کلاس رو کجا بذاریم؟

ممنون دوست عزیز

ولی منظور من این نبود من میخوام که این تگ ها کلا رنگهاشون متفاوت از هم باشه

اینجا شما اومدی سه تا رنگ گذاشتی که توی همه تگ ها این رنگ ها تکرار میشه میخوام رنگها به صورت تصادفی انتخاب بشه

امیدوارم متوجه شده باشید

علی زینلی · آذر 93

مثل اینکه اصلاً با کد نویسی آشنایی ندارین.

بیشتر توضیح میدم:

نام class رو هرچی دلتون خواست میتونین بذارین.

مثلاً:

.test {color:#fff}
یا
.alaki {color:#000}

کد PHP رو باید داخل حلقه هر کجا که میخواین نمایش داده بشه قرار بدین (از دادن تگ کلاس بهش فراموش نکنید:

<li class="نام از پیش انتخاب شده ی کلاس شما">

__________

در مورد انتخاب شانسی رنگ ها متود زیادی وجود داره که جاوا اسکریپت آسون ترین اون هاست

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

ابتدا کتابخانه جی کوئیری رو (در صورت عدم وجود اون از قبل) به قالبتون اضافه کنید.

برای اینکار به آدرس زیر برید

پنل وردپرسیتون » نمایش » ویرایشگر » انتخاب پرونده header.php » گذاشتن کد زیر در داخل تگ های <head> و </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

در مرحله بعد باید جایی که میخواین برچسب هاتون نمایش داده بشه برید

به عنوان مثال: پنل وردپرسیتون » نمایش » ویرایشگر » انتخاب پرونده single.php » گذاشتن کد زیر در حلقه پست ها:

<?php
if(get_the_tag_list()) {
	    echo get_the_tag_list('<ul id="tags"><li>','</li><li>','</li></ul>');
}
?>

حالا کد زیر رو در footer.php یا زیر حلقه ی نوشته هاتون اضافه کنید

<script>
var colours = ['red', 'yellow', 'blue', 'green', 'pink'];
$(document).ready(function() {
    $('#tags li').hover(function() {
	    colours.sort(function() {return 0.5 - Math.random()});
	    $(this).addClass(colours[0]);
    }, function() {		  
	    $(this).removeClass(colours[0]);	 
    });
});
</script>

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

توجه باید برای هر کدوم از رنگ ها کلاس تعریف کنین.

meysam1366 · آذر 93

مثل اینکه اصلاً با کد نویسی آشنایی ندارین.
بیشتر توضیح میدم:
نام class رو هرچی دلتون خواست میتونین بذارین.
مثلاً:
.test {color:#fff}
یا
.alaki {color:#000}
کد PHP رو باید داخل حلقه هر کجا که میخواین نمایش داده بشه قرار بدین (از دادن تگ کلاس بهش فراموش نکنید:
<li class="نام از پیش انتخاب شده ی کلاس شما">
__________
در مورد انتخاب شانسی رنگ ها متود زیادی وجود داره که جاوا اسکریپت آسون ترین اون هاست
پیشنهاد من استفاده از کد زیر هست (از قبل باید براش کلاس ها رو تعریف کنین)
ابتدا کتابخانه جی کوئیری رو (در صورت عدم وجود اون از قبل) به قالبتون اضافه کنید.
برای اینکار به آدرس زیر برید
پنل وردپرسیتون » نمایش » ویرایشگر » انتخاب پرونده header.php » گذاشتن کد زیر در داخل تگ های <head> و </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
در مرحله بعد باید جایی که میخواین برچسب هاتون نمایش داده بشه برید
به عنوان مثال: پنل وردپرسیتون » نمایش » ویرایشگر » انتخاب پرونده single.php » گذاشتن کد زیر در حلقه پست ها:
<?php
if(get_the_tag_list()) {
	 echo get_the_tag_list('<ul id="tags"><li>','</li><li>','</li></ul>');
}
?>
حالا کد زیر رو در footer.php یا زیر حلقه ی نوشته هاتون اضافه کنید
<script>
var colours = ['red', 'yellow', 'blue', 'green', 'pink'];
$(document).ready(function() {
$('#tags li').hover(function() {
	 colours.sort(function() {return 0.5 - Math.random()});
	 $(this).addClass(colours[0]);
}, function() {		
	 $(this).removeClass(colours[0]);	
});
});
</script>
یادتون نره که با استفاده از این کد با هر بار ورود روی هر کدوم از لینک ها رنگ بک گراندش عوض میشه
توجه باید برای هر کدوم از رنگ ها کلاس تعریف کنین.

سلام مجدد

خیلی ممنون ازتون دوست عزیز که تا اینجا هم منت سر من گذاشتید و پاسخم رو دادید

بنده php کار هستم و به تازگی به سمت وردپرس اومدم و عذرخواهی می کنم که سطحم از شما پایینتره

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

مثال قبیلتون مثال خوبی بود ولی مشکلش اینه که فقط دو سه رنگ رو پوشش میده که مدام توی هر پست رنگها تکرار میشه در حالی که من میخوام رنگش مثل این سایت بشه

رنگ های متفاوت

http://www.macget.net/

قسمت تگ هاش رو ملاحظه بفرمایید که رنگ هاش متفاوته

ممنون

علی زینلی · آذر 93

آها ، خب خیلی خوبه.

این سایت اومده و چند تا کلاس تعریف کرده که tag-1 tag-2 tag-3 tag-4 و اون ها به صورت تصادفی به li ها کلاس داده.

فقط کافیه توی یه چیزی مثل اری اسم تگ ها رو قرار بدین و با PHP کلاس ها رو به صورت شانسی به تک تک اون ها بدین...

البتّه این سایت حتّی این کار رو نکرده.

چون شما هرچقدر هم که رفرش بدین رنگ ها یکی میمونن

اگه شما اینکار رو بکنین رنگ ها با هر بار رفرش تغییر پیدا میکنه و جلوه ی زیباتری پیدا میکنه.

4macsoft · بهمن 96

http://4macsoft.com/spectrasonics-omnisphere-2-3-1-crack/ Download

ورود

دادن رنگ های مختلف به بک گراند تگ های پست

پست های پیشنهاد شده

meysam1366 2

لینک به ارسال

علی زینلی 2114

لینک به ارسال

meysam1366 2

لینک به ارسال

علی زینلی 2114

لینک به ارسال

meysam1366 2

لینک به ارسال

علی زینلی 2114

لینک به ارسال

4macsoft 0

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها