Davood
2 سال پیش توسط Davood مطرح شد
4 پاسخ

اختصاص یک کلاس خاص به یک مقاله در لاراول

دوستان
من شش تا باکس که البته ممکنه تغعیر کنه مثلا بشه ۸ یا ۹

1 2 3
4 5 6
7 8 9

باکس های 2 5 8
یه کلاس css خاص دارن
موقع دریافت و نمایش محتوا چطوری بگم به اون وسطیا کلاس مورد نظر اختصاص داده بشه

@hesammousavi
@ali.bayat
@mhyeganeh


ثبت پرسش جدید
NoBody
تخصص : برنامه نویس و توسعه دهنده
@NoBodyMax 2 سال پیش مطرح شد
2

سلام وقتی دارید با استفاده از حلقه های Blade مقالات را می گذارید یک متغیر در حلقه قابل دسترسی می شود به نام $loop که یک شی است.
درون $loop یک پراپرتی وجود داره با نام index (که از صفر هم شروع میشه ) و شما می تونید وقتی دارید مقالات را می ذارید $loop->index رو چک کنید ببینید اگر $loop->index + 1 تقسیم بر 3 باقی مانده اش یک بود کلاس های دلخواه رو پیاده سازی کنید .

@foreach($articles as $article )
    @if($loop->index+1(($loop->index+1)/3)==1)
        <p>کلاس های خاص رو اعمال کنید </p>
    @else
        <p>استایل های عادی </p>
@endforeach

farshad
تخصص : برنامه نویس
@fasrshaddggdf3FFF 2 سال پیش مطرح شد
0

منم همین مشکل رو دارم


NoBody
تخصص : برنامه نویس و توسعه دهنده
@NoBodyMax 2 سال پیش مطرح شد
2

سلام وقتی دارید با استفاده از حلقه های Blade مقالات را می گذارید یک متغیر در حلقه قابل دسترسی می شود به نام $loop که یک شی است.
درون $loop یک پراپرتی وجود داره با نام index (که از صفر هم شروع میشه ) و شما می تونید وقتی دارید مقالات را می ذارید $loop->index رو چک کنید ببینید اگر $loop->index + 1 تقسیم بر 3 باقی مانده اش یک بود کلاس های دلخواه رو پیاده سازی کنید .

@foreach($articles as $article )
    @if($loop->index+1(($loop->index+1)/3)==1)
        <p>کلاس های خاص رو اعمال کنید </p>
    @else
        <p>استایل های عادی </p>
@endforeach

Davood
تخصص : PHP - Laravel
@dfardabasi 2 سال پیش مطرح شد
0

سلام وقت بخیر
@NoBodyMax
ممنون از محبتتون ❤


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 2 سال پیش آپدیت شد
2

راه حل PHP رو دوستمون رو اشاره کردند. اما صرفا جهت اطلاع اینکه اگر کلاس ها رو فقط برای اعمال استایل های CSS میخواید اضافه کنید پیشنهادم اینه که بارش رو از PHP بردارید و تو CSS هندلش کنید. کار خیلی تمیز تر و راحت تر در میاد.

یک سری Selector های خاص داریم در CSS دقیقا برای اینجور مواقع. مثال:

.box:nth-child(2n) {
    background: yellow;
}
.box:nth-child(3n - 1) {
    background: red;
}

اطلاعات تکمیلی:
https://css-tricks.com/how-nth-child-works/
https://www.w3schools.com/cssref/sel_nth-child.php


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام