سینما

تغییر ستایل های جدید

11 پست در این موضوع

سلام. احتراما با آپدیت قالب کدهای css هم ظاهرا در ورژن جدید عوض شدن برای تغییر استایل این کدها چطور باید ویرایش بشن ؟ میخوایم سایز فونت و خود فونت تیتر مطالب و منوی اصلی رو تغییر بدیم:

https://cinemaengineer.com

 

 

body {
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  -webkit-text-size-adjust: 100%

}

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

سلام

فونت ها رو تو متغییر قرار داده و تو body بجای اسم فونت،متغیر رو نوشته. پلاگین JCH رو غیر فعال کن تا بگم کجاش رو ویرایش بزنی.

استفاده از متغیر تو css متداوله و این خوبی رو داره که برای ویرایش رنگ و فونت لازم نیست کل فایل css رو شخم بزنی. فقط متغیر رو ویرایش می کنی و تمام.

Share this post


Link to post
Share on other sites

در ابتدای این فایل:

https://cinemaengineer.com/templates/flex/css/template.css

این کد رو کپی کن:

@font-face {
    font-family: "FONTNAME";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/FONTNAME.woff2") format("woff2");
}

:root {
    --bs-font-sans-serif: FONTNAME;
}

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

فونت حتما باید تو پوشه fonts قالب وجود داشته باشه.

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

خیلی خیلی خیلی ممنونم.درست شد.

 

احتراما فقط سایز این فون ها رو چطور کم و زیاد کنیم؟  الان توی این کدی که درج کردیم چطور سایز "عنوان مطالب" و "متن مطالب"  و "منوی اصلی سایت" و "عنوان ماژول ها" رو کم و زیاد کنیم ؟

https://cinemaengineer.com/tutorials

Share this post


Link to post
Share on other sites

ممنون درست شد....فقط فایل template.css خودبخود دوباره به حالت اولیه برمیگرده و دوباره نت مثل قبل میشه...آیا این کد رو باید جای دیگه ای ک ثابت بمونه درج کنیم؟ چون این قالب از less استفاده میکنه.

 

و احتراما :

  سایز این فونت ها رو چطور کم و زیاد کنیم؟  الان توی این کدی که درج کردیم چطور سایز "عنوان مطالب" و "متن مطالب"  و "منوی اصلی سایت" و "عنوان ماژول ها" رو کم و زیاد کنیم ؟

Share this post


Link to post
Share on other sites

توی تنظیمات این قالب یک بخش Custum Code هست...ک تصویرش رو ضمیمه کردم...هرچند کد رو اونجا درج میکنیم تاثیری نمیزاره

code.jpg

Share this post


Link to post
Share on other sites

کلا قالب آماده ها همیشه این دنگ و فنگ ها رو دارن. برای همین همیشه خودم قالب از صفر می نویسم. هم بهینه تره و هم راحت تر میشه ویرایشش کرد.

مستندات قالب رو بخون. فکر می کنم بشه این کد ها رو تو یه فایل css دیگه ریخت و آپلود کرد. معمولا چنین امکانی می ذارن. ممکنه user.css یا  custom.css باشه.

برای فونت تیتر ها هم این کد رو بزن

.entry-header h1 a, .entry-header h2 a {
    text-decoration: none;
}

body.rtl .entry-header h2 {
    font-size: 1.5em !important;
}

 

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

خیلی خیلی ممنون جناب.لطف کردید.درست شد.

بله یه فایل بنام custom.css تو بخش css قالب ایجاد کردمو کدها رو توش گذاشتم درست شد.

احتراما 3 تا سوال :

1- فاصله بین خطوط رو کمی بیشتر کنیم چه کدی باید ب همین کد اضافه کنیم؟

2- در خط 10 چرا کنارش علامت ضربدر قرمز گذاشته ؟ تصویر رو ضمیمه کردم.

3- ایرادی نداره ما h1 رو هم سایزش رو کوچیکتر کردیم؟ یعنی آیا سایز h1 باید سایز خاصی باشه یا میشه کم و زیادش کرد مثل بقیه قسمت ها ؟

 

cccc.jpg

Share this post


Link to post
Share on other sites

سلام

در در 10/13/2022 در 12:48، سینما گفته است :

1- فاصله بین خطوط رو کمی بیشتر کنیم چه کدی باید ب همین کد اضافه کنیم؟

 

از line-height استفاده کن. مستنداتش. لینک مستندات

در در 10/13/2022 در 12:48، سینما گفته است :

2- در خط 10 چرا کنارش علامت ضربدر قرمز گذاشته ؟ تصویر رو ضمیمه کردم.

 

ادیتور فایل سی پنل اصلا پیشرفته نیست. بهش توجه نکن. تو یه ادیتور کد مثل visual studio code ببین. اگر اونجا مشکل داشته باشه درسته.

در در 10/13/2022 در 12:48، سینما گفته است :

3- ایرادی نداره ما h1 رو هم سایزش رو کوچیکتر کردیم؟ یعنی آیا سایز h1 باید سایز خاصی باشه یا میشه کم و زیادش کرد مثل بقیه قسمت ها ؟

 

کاملا سلیقه ای هست. یکی برزگ دوست داره و یکی کوچیک. نمیشه سایز خاصی گفت. ولی مسلما از متن معمولی باید بزرگتر باشه. ما 6 رقع head line داریم که با h1 تا h6 مشخص میشن.  متنی که داخل h1 هست بزرگترین سایز و متنی که داخل h6 هست کوچیک ترین سایز ( معمولا هم اندازه متن معمولی در تگ p ) در نظر گرفته میشه.

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

خیلی ممنونم از راهنمایی های خوبتون جناب.

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری