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

1 هفته پیش توسط محمد حسین ساغری زاده آپدیت شد
آفلاین
user-avatar
الیاس سخاوتی نیا ( 90097 تجربه )
3 هفته پیش
تخصص : درحال یادگیری

لینک کوتاه اشتراک گذاری

0

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

بهترین پاسخ
آفلاین
user-avatar
omid
3 هفته پیش

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

آفلاین
user-avatar
سیدعلی موسوی ( 146448 تجربه )
3 هفته پیش
تخصص : سی شارپ و پی اچ پی

لینک کوتاه اشتراک گذاری

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")
  });
});

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

آفلاین
user-avatar
الیاس سخاوتی نیا ( 90097 تجربه )
3 هفته پیش
تخصص : درحال یادگیری

لینک کوتاه اشتراک گذاری

0

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

آفلاین
user-avatar
omid ( 13771 تجربه )
3 هفته پیش
تخصص : برنامه نویس

لینک کوتاه اشتراک گذاری

3

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

آفلاین
user-avatar
محمدحسن یگانه ( 134007 تجربه )
3 هفته پیش
تخصص : Full-Stack Web Developer Freelancer

لینک کوتاه اشتراک گذاری

1

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

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

آفلاین
user-avatar
محمد حسین ساغری زاده ( 14550 تجربه )
1 هفته پیش
تخصص : برنامه‌نویس

لینک کوتاه اشتراک گذاری

1

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

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.