رفتن به مطلب

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


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

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

لینک به ارسال

یعنی هر بار یکی از 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 رنگ را یا پنج رنگ قراره افکت کلمه باشند در مورد اول در صورتی که مشکل اجرای جی کوئری در سایت نباشه این کد را به 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 اگه هس هر بار یکی از این هارو نشون بده به اینصورت

اولین

دومین

سومین

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

لینک به ارسال

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

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

اگر کد بالا رو نمی تونید به هر دلیلی استفاده کنید و رندوم بودن اون براتون اهمیتی نداره ، می تونید از 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

لینک به ارسال

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

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

اگر کد بالا رو نمی تونید به هر دلیلی استفاده کنید و رندوم بودن اون براتون اهمیتی نداره ، می تونید از 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>

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

لینک به ارسال

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

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


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

لینک به ارسال

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

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


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

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

لینک به ارسال

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

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

.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;
}

لینک به ارسال

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


.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;
}

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

لینک به ارسال

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

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...