پارس جوم ::  انجمن های تخصصی جوملا
انتقال فایل های css یک قالب ب قالب دیگر - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: انتقال فایل های css یک قالب ب قالب دیگر (/thread-21277.html)



انتقال فایل های css یک قالب ب قالب دیگر - hamzeh12hh - ۸-۴-۱۳۹۷ ۰۳:۰۴ صبح

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


RE: انتقال فایل های css یک قالب ب قالب دیگر - Pourdaryaei - ۸-۴-۱۳۹۷ ۰۳:۳۹ صبح

دوتا قالب متفاوت که از فریم ورک متفاوت و کمپانی های متفاوتی باشه مطمئنا از آی دی و کلاس متفاوتی استفاده میکنند پس فقط با کپی کردن نمیتونید استایل دهی کنید.
بهتره بصورت دستی تغییرات دلخواه رو انجام بدی


RE: انتقال فایل های css یک قالب ب قالب دیگر - hamzeh12hh - ۸-۴-۱۳۹۷ ۰۷:۰۷ صبح

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


RE: انتقال فایل های css یک قالب ب قالب دیگر - محمدسلیمانی - ۸-۴-۱۳۹۷ ۰۵:۴۴ عصر

سلام این کار که شدنی هست دموی هر دو رو برام ارسال کنید تا هزینش و بهتون بگم

اما اگر خودتون خواستید انجام بدید کافیه کد استایل و کپی کنید و موقع اجرای کد بگید کدوم استایل و اجرا کنه.

اما اگه منظورتون مثلا یک قالب کامل هست که بخوای جابه جا بشه اصلا صرفه زمان و اقتصادی نداره


RE: انتقال فایل های css یک قالب ب قالب دیگر - hamzeh12hh - ۸-۴-۱۳۹۷ ۰۸:۲۱ عصر

دمو اینکه قالب اولیه این هست:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


قالبی هم ک میخوام طرح روی اون اجرا بشه این هست:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



RE: انتقال فایل های css یک قالب ب قالب دیگر - hamzeh12hh - ۸-۴-۱۳۹۷ ۰۸:۳۶ عصر

البته این را هم بگم من همه خاصیت های اون قالب رو روی این یکی نمیخوام
فقط جستجوی کامپوننت مثل یکی از جستجوهای دو قالب باشه
آگهی ها هم ب همون صورت قالب اول نمایش داده بشه
ولی مثلا ایتم های منو رو من دقیقا ب همین شکل و بدون تغییر روی قالب دوم میخوام
تنها چیزی ک تغییر میکنه کادر جستجو و موارد مربوط ب نمایش اگهی ها هست


RE: انتقال فایل های css یک قالب ب قالب دیگر - محمدسلیمانی - ۱۱-۴-۱۳۹۷ ۰۴:۲۴ صبح

سلام بابت تاخیر در پاسخ متاسفم

من یه توضیح میدم تا جایی که میشه خودتو.ن انجام بدید خیلی ساده است (من فرض و بر این میذارم که شما و کسانی که این متن و میخونید اصلا css بلد نیستید)

ببنید فرض میکنید که من یه سایت دارم و میخوام سبد خرید یا جستجو یا حتی منو یا هر بخشی که شما میخوای شبیه سایت دیگه باشه (فرقی نداره این سایت ها هرکدومشون جوملا باشن یا هر پلتفرم دیگه ای)

برای این کار اول باید ببینیم کلاس CSS برای مثال جستجوی سایت خودمون چیه بعد اینکه کلاسش رو پیدا کردیم به قالب دوم میریم و به دست میاریم که از چه خواص css درش استفاده شده (چون ممکنه در سایت مبدا از یه کلاس استفاده شده باشه برای دریافت برخی خواص و این کلاس در سایت ما دقیقا همان کارایی رو نداشته باشن)

بعد از اینکه همه خواص رو به دست آوردیم به کلاس جستجوی سایت خودمون میریم و تمام خواص رو در یک کلاس تعریف میکنیم و کار تمام است (ممکن است کلاس های css فقط ظاهر سایت و تغییر بدن و برای افزونه هایی که جاوا اسکریپت رو هم نیاز دارند باید همین کار انجام بشه یا کتابخانه js و براش کامل لود میکنیم)

برای مثال در دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
از کامپوننت ویرچوال مارت استفاده شده بود و من از کامپوننت مدیا استور استفاده کردم و برای اینکه سبد خرید مدیا استور رو تغییر شکل بدم دقیقا همین کار و کردمBlush

خوب حالا چون فرض بر این بود که ممکنه مبتدی باشید سوالتون اینه که چطوری کلاس ها رو به دست بیاریم و خواص رو بخشی که میخوای کلاسش و بدست بیاری در گوگل کرم کلیک راست کنید و گزینه inspect رو کلیک کنید سمت چپ کلاس و کادر پایین سمت راست خواص css رو بهتون نشون میده

امیدوارم مفید بوده باشه
موفق باشید


RE: انتقال فایل های css یک قالب ب قالب دیگر - hamzeh12hh - ۱۱-۴-۱۳۹۷ ۰۵:۱۳ عصر

باز هم سلام از پاسخ و توضیحاتتون ممنون
مشابه اینها ک گفتید رو من روی قالب های ساده انجام میدادم ولی روی قالب های ریسپانسیو مشکلی ک هست اینه ک باید مثلا 3 سایز مختلف را در نظر بگیرم و برای هر سایز ببینم کدوم مقادیر و در کدوم فایل باید قرار داده بشه و همین ی ذره گیجم کرده واقعیتش


RE: انتقال فایل های css یک قالب ب قالب دیگر - محمدسلیمانی - ۱۲-۴-۱۳۹۷ ۰۱:۳۷ صبح

خیلی ساده است در css برای ریسپانسیو کردن یک کلاس کافیه از @media استفاده کنیم

برای مثال برای نمایش دادن در سایز 767 کلاس هامون و در @media قرار میدیم یا هر تعداد سازی که خواسیتم البته شما نیاز به تعریف این قابلیت ندارید فقط کلاسهاتون رو با تغییرات مناسب همون سایز اضافه کنید.
کد:
@media (max-width: 767px) {