جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
الیاس سخاوتی نیا
2 سال پیش توسط الیاس سخاوتی نیا مطرح شد
5 پاسخ

از راست شروع شدن عناصر داخل یک المنت

سلام
لینک زیر رو ببینید
https://netita.ir/html/vcard3/works.html
اولش که 9تاس ظاهرش خوبه
ولی مثلا اونجا که نوشته (همه . مفهوم . طراحی . زندگی)
شما روی دسته بندی 'طراحی ' یا 'زندگی' کلیک کنید. میبینید که عناصر از چپ شروع شدن
میخوام از راست شروع بشن
باید چیکار کنم؟


ثبت پرسش جدید
omid
تخصص : برنامه نویس
@omid.mardaneh 2 سال پیش مطرح شد
3

سلام وقت بخیر
تو فایل common.js داری استفاده میکنی و اسمش هم $portfolioMasonry و تو خط ۲۶۴ هستش
بعد پلاگینی که داره کار میکنه اسمش isotope و آدرس سایتش رو هم پایین میزارم برات
https://isotope.metafizzy.co/
و انگار originLeft: false رو تو کد قرار بدی درست میشه و ادرس صفحه رو هم پایین برات میزارم
https://isotope.metafizzy.co/options.html
موفق باشی عزیز


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 2 سال پیش آپدیت شد
0

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

توضیح تصویر رو وارد کنید

    position: absolute;
    left: 68.79%;
    top: 0px;

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

یک روش دیگه اینه که شما یک تابع توی صفحه ات داشته باشی بعد از کلیک برروی لینک های با این کلاس filterlink => بیای directionاون کلاس box-content رو rtl کنی

$(document).ready(function() {
  $('a.filter__link').click(function() {
     $(".box-content").css("direction", "rtl")
  });
});

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


الیاس سخاوتی نیا
تخصص : علاقه‌مند به برنامه‌‎نویسی
@elyassir 2 سال پیش مطرح شد
0

@juza66
ممنون ولی با دادن direction درست نشد.
فایل js هم نمیدونم کجاس، پیدا نکردم کجا اعمال میشه


omid
تخصص : برنامه نویس
@omid.mardaneh 2 سال پیش مطرح شد
3

سلام وقت بخیر
تو فایل common.js داری استفاده میکنی و اسمش هم $portfolioMasonry و تو خط ۲۶۴ هستش
بعد پلاگینی که داره کار میکنه اسمش isotope و آدرس سایتش رو هم پایین میزارم برات
https://isotope.metafizzy.co/
و انگار originLeft: false رو تو کد قرار بدی درست میشه و ادرس صفحه رو هم پایین برات میزارم
https://isotope.metafizzy.co/options.html
موفق باشی عزیز


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

برای پیاده سازی این افکتی که آیتم ها رو فیلتر می‌کنه به احتمال زیاد از یک کتابخونه مثل این یا این استفاده شده. باید بفهمید دقیقا چیه و بعد با مراجعه به مستندات رسمیش، دنبال گزینه ای برای تنظیم direction روی حالت rtl باشید. چون کلیه محاسبات در خصوص محل قرارگیری آیتم ها رو این پکیج داره انجام میده.

با توجه به اینکه همه آیتم ها رو هم با position:absolute جاگذاری می‌کنه، مورادی مثل direction و text-align و flexbox و ... هیچ تاثیری روشون نخواهد داشت و تنها راه حلش همین چیزی هست که عرض کردم. یا هم اینکه کلا این بخشش رو خودتون با استفاده از یکی از مثال های بالا بازنویسی کنید.


محمد حسین
تخصص : mevn stack
@saghari 2 سال پیش مطرح شد
1

فقط کافیه برین توی تگ figure در قسمت استایل left ها را right کنید


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

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