زمان کنونی: ۱۰-۱-۱۴۰۳, ۰۱:۳۶ صبح درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
تغییر خودکار استایل قالب
۲۹-۱-۱۳۹۷, ۰۴:۱۰ عصر
ارسال: #1
تغییر خودکار استایل قالب
سلام.چرا برخی وقتاها استایل قالب خودبخود برمیگرده حالت اولیش؟ من سایز تایتل ها رو قبلا کوچیک کرده بودم الان میبینم باز بزرگ شدن..الان مجددا عنوان مطلب رو 18 گذاشتم.یا نوار بالای سایت رنگش برگشته بود حالت اولیش...مجددا تغییرش دادم..دلیل این تغییر ودکار استایل ها چیه؟
امضاء سینما
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
صفحه 2 (<ارسال بالا اولین ارسال این موضوع است>)
۸-۲-۱۳۹۷, ۰۲:۲۶ عصر
ارسال: #11
RE: تغییر خودکار استایل قالب
احتراما فایل custom.css در مسیر templates/tx_edumodo/css/custom.css ایجاد شده...
الان چه محتویاتی توش بزاریم ؟
واسه استایل قالب تو موبایل چی؟
امضاء سینما
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۸-۲-۱۳۹۷, ۰۷:۰۷ عصر
ارسال: #12
RE: تغییر خودکار استایل قالب
هرچیزی که مایل هستید ویرایش کنید رو، مثل اندازه فونت عنوان ها و چیزای دیگه، آی دی و کلاس ها رو پیدا کن و توی اون فایل اندازه ها رو به دلخواه بدید، این فایل آخرین فایلی هست که بارگذاری میشه؛ پس اگر سرعت اینترنت پایین باشه شاید استایل دلخواه بعد از مثلا یکی دوثانیه تغییر کنه، بهتره کش رو فعال کنی.

برای موبایل و دستگاه های دیگه هم از مدیا کوئری استفاده کنید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
امضاء Pourdaryaei
آموزش و مطالب جوملایی در وبلاگ درساوی

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط سینما
۹-۲-۱۳۹۷, ۰۲:۵۴ عصر
ارسال: #13
RE: تغییر خودکار استایل قالب
ممنون.
فقط ما تا حالا کد نویسی نکردیم...
واسه اندازه تیتر مطالب...استایل موبایل و... چه کدهایی باید بنویسیم ؟
امضاء سینما
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۹-۲-۱۳۹۷, ۰۳:۱۰ عصر
ارسال: #14
RE: تغییر خودکار استایل قالب
خب بستگی داره شما کجاها رو میخاید تغییر بدید، توی مرورگر F12 رو بزنید از ابزار Inspect Element استفاده کنید و برید روی المنتی که میخاید تغییر بدید.

مثلا این تصویر زیر رو ببینید.

[تصویر:  3af4282b-51ab-44e3-8308-0bb95e58fecd.png]



کدش رو بصورت زیر میتونی ویرایش کنی

h3.qx-media-heading > a {
font-size : XXX;
}
امضاء Pourdaryaei
آموزش و مطالب جوملایی در وبلاگ درساوی

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط سینما
۹-۲-۱۳۹۷, ۰۳:۵۵ عصر
ارسال: #15
RE: تغییر خودکار استایل قالب
ممنون.......ولی آخه این کدهایی که بعد از زدن inspect element نمایش داده میشه که ربطی به custom.css ایجاد شده نداره !

ما فایل custom.css رو چطور در جریان تغییرات سایت بکاربگیریم؟ همین موارد اصلاحی رو چطور توی این فایل جا بدیم و چطور عمل میکنه ؟
امضاء سینما
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۹-۲-۱۳۹۷, ۰۷:۵۲ عصر
ارسال: #16
RE: تغییر خودکار استایل قالب
منظورتو نفهمیدم...
ولی یه توضیح کوچولو اینکه شما هر تغییراتی که توی فایل custom بنویسی، رونویسی بقیه فایل ها میشه، یعنی اینکه هر تغییری که لازم داری رو فقط باید اونجا بنویسید تا اعمال بشه و چیزی عوض نشه، دقیقا همون چیزهایی که انجام میدادی و خودش خودکار بحالت اولش برمیگشت حالا شما توی فایل سفارشی خودت بزار تا دیگه کامپایل نشه و تغییرات برای همیشه حتی بعد از بروزرسانی قالب حفظ بشه
امضاء Pourdaryaei
آموزش و مطالب جوملایی در وبلاگ درساوی

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط سینما
۱۰-۲-۱۳۹۷, ۰۴:۵۶ عصر
ارسال: #17
RE: تغییر خودکار استایل قالب
یعنی میفرمایید مثلا کدی که در بالا دادید رو کپی کنیم توی custom.css ?

h3.qx-media-heading > a {
font-size : XXX;
}

----------------------------------
الان در حال حاضر توی custom.css ما فقط این کد درج شده واسه نوار بالای سایت :
.t3-header {
background: #000 !important;
}

میخوام بدونم کدی که شما دادین رو با فصله بعد از علامت { بزارم؟


الان تیتر عنوان مطلب رو با چه کدی کوچیکتر کنم توی این آدرس؟
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


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

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۱۰-۲-۱۳۹۷, ۰۵:۱۲ عصر
ارسال: #18
RE: تغییر خودکار استایل قالب
او کده رو همینطوری الکی زدم ولی خب آره باید بعد از { بزارید .

بنظرم یه فیلمی درمورد CSS ببینید تا بهتر متوجه بشید.

اون عنوانی که شما گفتید هم کدش به شکل زیر هست
.com_content.view-article article.item h2 {
    font-size: 46px;}
الان سایز فونت 46 گذاشتن که خب خیلی بزرگه، هر مقداری که لازم بود میتونی بزاری .
مثلا 20پیکسل، برای موبایل میتونی از مدیا کوئری استفاده کنی مثلا به شکل زیر ، برای دستگاه هایی که حداکثر عرضشون 600 پیکسل یا کمتر هستند

@media only screen and (max-width: 600px) {
    body {
       com_content.view-article article.item h2 {
    font-size: 15px;
    }
}

حالا چون فونت هست و فونت میتونه خودش رو تغییر بده، میتونی بجای px از em استفاده کنی
فرق px با em اینطوریه که PX همون پیکسل فونت نسبت به اندازه تصویر تغییری نمیکنه ولی em قابل تغییره ، اگر فونت مستندات شما مثلا 12 پیکسل باشه، معادلش به em میشه 1 ، شما مثلا میتونی برای فونتت بزاری font-size: 1em; این خودش توی هر دیوایس بزرگ و کوچیک میشه، میخای بزرگتر نمایش بده میزاری 1.1 یا 1.2 به همین ترتیب بزرگ یا کوچیکترش میکنی
امضاء Pourdaryaei
آموزش و مطالب جوملایی در وبلاگ درساوی

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط سینما
۱۱-۲-۱۳۹۷, ۱۲:۳۴ صبح
ارسال: #19
RE: تغییر خودکار استایل قالب
ممنون الان در حال حاضر مجموع کدهای داخل custom.css ما اینهاست...ببینید درسته ؟[/code]


.t3-header {
background: #000 !important;
}
.com_content.view-article article.item h2 {
font-size: 20px;}

@media only screen and (max-width: 600px) {
body {
com_content.view-article article.item h2 {
font-size: 15px;
}
}
امضاء سینما
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۱۱-۲-۱۳۹۷, ۱۲:۴۶ صبح
ارسال: #20
RE: تغییر خودکار استایل قالب
نمیدونم درسته یا نه ، شما خودتون باید ببینید تغییراتی که لازم داشت آیا اعمال شده یا خیر.
بعد برای نسخه موبایل اون فقط یه مثال ساده بود، برای موبایل چندین مدیا کوئری رو بایستی وارد کنی

تبلت عمودی
تبلت افقی
موبایل عمودی
موبایل افقی

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


البته باید بگم تو لینک بالا یذره زیادی دستگاه ها رو تفکیک کرده، شما همون دسکتاپ و تبلت و موبایل سایزش رو داشته باشی کافیه
امضاء Pourdaryaei
آموزش و مطالب جوملایی در وبلاگ درساوی

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط سینما ، Reza Ganji ، محمدسلیمانی
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان