شفیعی
2 روز پیش توسط شفیعی مطرح شد
6 پاسخ

یه مشکل کوچیک تو کد جاوا

با سلام و احترام

داخل سایتم 2 تا اسلایدر دارم

بالا اسلایدر عکس

پایین اسلایدر متن

گویا استایل هر 2 تا اسلایدر ها از یک کد جاوا دستور میگیرن

یعنی میخوام یه border قرمز رنگ فقط به اسلایدر عکس بدم

اما اسلایدر متن هم اون رو اجرا میکنه

اگه میشه لطف کنید و این کد زیر رو برام ویرایش کنید طوری که border قرمز رنگ فقط برای اسلادر عکس اجرا بشه

و اسلایدر متن فاقد border باشه

میدونم که از کد سی اس اس .owl-stage-outer.bd {border: solid 0.4rem #ff0000;} موجود در پوشه lib/owlcarousel/assets/owl.carousel.min.css

و همچنین از کد جاوا stageOuterClass:"owl-stage-outer bd", موجود در پوشه lib/owlcarousel/owl.carousel.min.js دستور می گیره

ممنون میشم اگه کسی بتونه کمکم کنه

آماتورم 🙂

دانلود فایل ها


ثبت پرسش جدید
محمد حسینی
تخصص : یه ذره لاراول ، یه کمی سئو
@mehdihoseini1362 1 روز پیش آپدیت شد
0

اصلا شما نیازی به دانش جاوا اسکریپت ندارید. کدها رو دیدم . یه اسلایدر دارید با کلاس
header-carousel
و یک اسلایدر دارید با کلاس :
testimonial-carousel
بردر هم به کلاس زیر داده شده :
.owl-stage-outer.bd
حالا هر کدوم که می خواید بردر نداشته باشه به این کلاسش border:none بدید بردرش حذف میشه . مثلا می تونید این کد رو استفاده کنید :

.testimonial-carousel .owl-stage-outer.bd {
    border: none !important;
}

.owl-stage-outer.bd {
    border: 3px solid red; 
}

کافیه کد بالا رو بزارید انتهای فایل style.css
البته بهتره داخل کدهای سی اس اس بگرید اگر به این کلاس بردر داده شده اون رو حذف کنید اینطوری اصولی تره


محمد حسینی
تخصص : یه ذره لاراول ، یه کمی سئو
@mehdihoseini1362 2 روز پیش آپدیت شد
0

کدهای پیشفرض و اصلی owlcarousel رو نباید دستکاری کنید . هر اسلایدر آی دی مخصوص خودش رو داره . حالا شما دوتا راه دارید یا از طریق گزینهه های تنظیماتی خود owlcarousel اسلایدر رو شخصی سازی کنید و یا اینکه آی دی اون اسلایدر مد نظرتون رو از طریق اینسپکت در بیارید و برای همون آی دی ، سی اس اس دلخواهتون رو بنویسید


شفیعی
تخصص : فرهنگی
@shafiie1366 2 روز پیش مطرح شد
0

سلام و تشکر
من اچ تی ام ال و سی اس اس رو بلدم اما جاوا خیر
شما می تونید ویرایشش کنید؟
یا اینکه دقیق تر بگین کدوم مد رو باید از کدوم فایل حذف کنم
🙏


محمد حسینی
تخصص : یه ذره لاراول ، یه کمی سئو
@mehdihoseini1362 2 روز پیش مطرح شد
0

بستگی به کدهای سایتتون داره . خیلی راحت از اسلایدر یک اینسپکت بگیرید و آی دی اسلایدر رو پیدا کنید بعد به اون آیدی استایل های مد نظرتون رو بدید. یک چیز ثابت نیست که بشه اینجا نوشت و کار کنه


شفیعی
تخصص : فرهنگی
@shafiie1366 2 روز پیش مطرح شد
0

ممنون از شما
قبل تر هم گفتم با کدهای جاوا آشنایی ندارم
اگه میشه یه لطفی بکنید فایل پیوست شده در سوالم رو دانلود کنید و نگاهی بهش بندازید
و لطف بزرگتر کنید و بگید کدوم کد رو بای حذف کنم که درست بشه
چون میخوام اسلایدر عکس اون border قرمز رنگ رو داشته باشه ولی اسلایدر متن اون رو نداشته باشه
چون هر دوشون از یک کد جاوا دستور میگیرن با حذف یا ویرایش یکی شون و اون یکی دیگه هم ویرایش یا حذف میشه
🙏


محمد حسینی
تخصص : یه ذره لاراول ، یه کمی سئو
@mehdihoseini1362 1 روز پیش آپدیت شد
0

اصلا شما نیازی به دانش جاوا اسکریپت ندارید. کدها رو دیدم . یه اسلایدر دارید با کلاس
header-carousel
و یک اسلایدر دارید با کلاس :
testimonial-carousel
بردر هم به کلاس زیر داده شده :
.owl-stage-outer.bd
حالا هر کدوم که می خواید بردر نداشته باشه به این کلاسش border:none بدید بردرش حذف میشه . مثلا می تونید این کد رو استفاده کنید :

.testimonial-carousel .owl-stage-outer.bd {
    border: none !important;
}

.owl-stage-outer.bd {
    border: 3px solid red; 
}

کافیه کد بالا رو بزارید انتهای فایل style.css
البته بهتره داخل کدهای سی اس اس بگرید اگر به این کلاس بردر داده شده اون رو حذف کنید اینطوری اصولی تره


شفیعی
تخصص : فرهنگی
@shafiie1366 20 ساعت پیش مطرح شد
0

سلام
بسیار عالی و سپاس فراوان
هر 2 سوال بنده رو شما جواب دادید و من به نتیجه ای که میخواستم رسیدم
بسیار متشکرم


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

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