تغییر رنگ خودکار متن های Bold

[ghasemia81 14]

با سلام.دوستان میخوام متن هایی که داخل پست بولد میشن یعنی داخل تگ strongقرار میگیرن هر بار به صورت رندوم 5 تا رنگ بگیرن.ممنون میشم کمک کنین

[ghasemia81 14]

دوستان کسی نیست کدشو بهم بده؟؟

[imanfakhar 26,231]

یعنی هر بار یکی از 5 رنگ را یا پنج رنگ قراره افکت کلمه باشند در مورد اول در صورتی که مشکل اجرای جی کوئری در سایت نباشه این کد را به footer.php اضافه کنید

<script type="text/javascript">
$(document).ready(function() {
$("strong").filter(function() {
$(this).addClass("strong<?php echo rand(1, 5);?>");
});
})
</script>

و استایل ها را هم به این ترتیب به style.css

.strong1 {
color:red
}
.strong2 {
color:blue
}
.strong3 {
color:green
}
.strong4 {
color:orange
}
.strong5 {
color:navy
}

[ghasemia81 14]

یعنی هر بار یکی از 5 رنگ را یا پنج رنگ قراره افکت کلمه باشند در مورد اول در صورتی که مشکل اجرای جی کوئری در سایت نباشه این کد را به footer.php اضافه کنید

<script type="text/javascript">
$(document).ready(function() {
$("strong").filter(function() {
$(this).addClass("strong<?php echo rand(1, 5);?>");
});
})
</script>

و استایل ها را هم به این ترتیب به style.css

.strong1 {
color:red
}
.strong2 {
color:blue
}
.strong3 {
color:green
}
.strong4 {
color:orange
}
.strong5 {
color:navy
}

با تشکر فراوان از شما.من میخوام تو یه پست مثلا 5 تا تگ strong اگه هس هر بار یکی از این هارو نشون بده به اینصورت

اولین

دومین

سومین

ممنون میشم لطف کنین و کدشو بهم بدین

[Farzad 3,805]

دوست عزیز، اگر میخواین رندوم باشه ، راهی که استاد دادن بهترین راه ممکن هست .

کافیه کد جی کوئری رو بزارید داخل فایل های قالب ، و استایل ها رو هم به فایل استایل اضافه کنید .

اگر کد بالا رو نمی تونید به هر دلیلی استفاده کنید و رندوم بودن اون براتون اهمیتی نداره ، می تونید از CSS استفاده کنید

مثلا به این صورت

HTML :

<div class="farzad">
    Lorem ipsum dolor sit amet, consectetur <strong>adipisicing</strong> elit, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna</strong> aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in <strong>reprehenderit</strong> in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <strong>Excepteur</strong> sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt <strong>mollit</strong> anim id est laborum.
</div>

CSS :

.farzad strong:nth-child(1) {
  color : red;
}
.farzad strong:nth-child(2) {
  color : blue;
}
.farzad strong:nth-child(3) {
  color : green;
}
.farzad strong:nth-child(4) {
  color : yellow;
}
.farzad strong:nth-child(5) {
  color : khaki;
}

DEMO

[ghasemia81 14]

دوست عزیز، اگر میخواین رندوم باشه ، راهی که استاد دادن بهترین راه ممکن هست .

کافیه کد جی کوئری رو بزارید داخل فایل های قالب ، و استایل ها رو هم به فایل استایل اضافه کنید .

اگر کد بالا رو نمی تونید به هر دلیلی استفاده کنید و رندوم بودن اون براتون اهمیتی نداره ، می تونید از CSS استفاده کنید

مثلا به این صورت

HTML :

<div class="farzad">
Lorem ipsum dolor sit amet, consectetur <strong>adipisicing</strong> elit, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna</strong> aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in <strong>reprehenderit</strong> in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <strong>Excepteur</strong> sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt <strong>mollit</strong> anim id est laborum.
</div>

CSS :

.farzad strong:nth-child(1) {
color : red;
}
.farzad strong:nth-child(2) {
color : blue;
}
.farzad strong:nth-child(3) {
color : green;
}
.farzad strong:nth-child(4) {
color : yellow;
}
.farzad strong:nth-child(5) {
color : khaki;
}

DEMO

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

<div class="postc content"><div class="farzad"><?php the_content(); ?></div></div>

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

[ghasemia81 14]

ظاهرا با زبان انگلیسی مشکلی نداره و کامل اجرا میشه.ولی مشکل بقیه پست ها برای چیه؟

اینم پست انگلیسی

http://yektatak.com/?p=28524

[ghasemia81 14]

ظاهرا با زبان انگلیسی مشکلی نداره و کامل اجرا میشه.ولی مشکل بقیه پست ها برای چیه؟

اینم پست انگلیسی

http://yektatak.com/?p=28524

الان امتحان کردم مشکل از اینه که وقتی اینتر مبزنیم و فاصله میوفته دوباره از اول شروع میشه.راهکاری برای درست کردنش دارید؟

[imanfakhar 26,231]

الان امتحان کردم مشکل از اینه که وقتی اینتر مبزنیم و فاصله میوفته دوباره از اول شروع میشه.راهکاری برای درست کردنش دارید؟

ساده ترین راه گسترش کدتونه

.farzad p:nth-child(1) strong:nth-child(1),
.farzad p:nth-child(2) strong:nth-child(2),
.farzad p:nth-child(3) strong:nth-child(3),
.farzad p:nth-child(4) strong:nth-child(4) {
color : red;
}
.farzad p:nth-child(1) strong:nth-child(2),
.farzad p:nth-child(2) strong:nth-child(3),
.farzad p:nth-child(3) strong:nth-child(4),
.farzad p:nth-child(4) strong:nth-child(1) {
color : blue;
}
.farzad p:nth-child(1) strong:nth-child(3),
.farzad p:nth-child(2) strong:nth-child(4),
.farzad p:nth-child(3) strong:nth-child(1),
.farzad p:nth-child(4) strong:nth-child(2) {
color : green;
}
.farzad p:nth-child(1) strong:nth-child(4),
.farzad p:nth-child(2) strong:nth-child(1),
.farzad p:nth-child(3) strong:nth-child(2),
.farzad p:nth-child(4) strong:nth-child(3) {
color : yellow;
}

[ghasemia81 14]

ساده ترین راه گسترش کدتونه

.farzad p:nth-child(1) strong:nth-child(1),
.farzad p:nth-child(2) strong:nth-child(2),
.farzad p:nth-child(3) strong:nth-child(3),
.farzad p:nth-child(4) strong:nth-child(4) {
color : red;
}
.farzad p:nth-child(1) strong:nth-child(2),
.farzad p:nth-child(2) strong:nth-child(3),
.farzad p:nth-child(3) strong:nth-child(4),
.farzad p:nth-child(4) strong:nth-child(1) {
color : blue;
}
.farzad p:nth-child(1) strong:nth-child(3),
.farzad p:nth-child(2) strong:nth-child(4),
.farzad p:nth-child(3) strong:nth-child(1),
.farzad p:nth-child(4) strong:nth-child(2) {
color : green;
}
.farzad p:nth-child(1) strong:nth-child(4),
.farzad p:nth-child(2) strong:nth-child(1),
.farzad p:nth-child(3) strong:nth-child(2),
.farzad p:nth-child(4) strong:nth-child(3) {
color : yellow;
}

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

[ghasemia81 14]

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