چطوری استایل مخصوص برای یک بخش ایجاد کنیم؟

[سینما 9]

سلام.وقت بخیر
چطوری میشه استایل مجزا به یک ماژول یا بخشی از ساات داد که روی بخش های دیگه تاثیر نزاره ؟ مثلا واسه عناوین مطالب در صفحه اصلی میخوام یک زمینه و border ایجاد کنم ولی بعد از ایجاد عنوان مطالب در صفحه مطالب و عنوان ماژول های دیگه سایت همه و همه زمینه دار میشن.

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

https://cinemaengineer.com/

[levelup 257]

شناسه منو به عنوان کلاس در body هست. اون رو بگیر و برای هر منو استایل بنویس

[سینما 9]

مرسی. 

ینی چطور؟ میشه توضیح بدید...شناسه منوی چی؟ نوشتن استایل برای هر منو چطوره؟

[سینما 9]

الان شناسه منوی صفحه اصلی ما 101 هست....باید این شناسه رو داخل کد قرار داد که فقط تو صفحه اصلی اعمال بشه. درسته ؟

فقط کدش چطوری میشه ؟

[levelup 257]

بخوام بگم باید کل css نویسی رو بهت یاد بدم. چون نه معنی selector رو می دونی نه سلسله مراتب انتخاب عناصر رو می دونی، نه با خصوصیات و مقادیر آشنا هستی.

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

برای شروع اگر زبان انگلیسی تون در حد قابل قبول هست می تونید از سایت w3schools.com این موارد رو رایگان یاد بگیرید. از گوگل ترنسلیت هم می تونید کمک بگیرید. 90 درصد درست ترجمه می کنه.

[سینما 9]

بله خب توضیح ویادگیریش زمان بره.

احتراما در صورتیکه با این شناسه منوی اصلی که 101 هست ، میشه کدش رو بهمون بدید که ممنون میشم.

اگر نه هم که بازم ممنونم ازتون.

[سینما 9]

این استیل رو برای کادر و زمینه عنوان مطالب رد صفحه اصلی میخوایم ایجاد کنیم : شناسه منوی اصلی که 101 هست چطور در این کد قرار میگیره؟ کدش رو میتونید بهمون بدید ؟

  عنوان مطالب {
background-color: #333438;
  border: 1px solid #333438;
  border-radius: 1.5em;
  padding: 1.5em;
  margin: 0 0 0 0;
  
}

 

[levelup 257]

.itemid-101 عنوان مطالب {
background-color: #333438;
  border: 1px solid #333438;
  border-radius: 1.5em;
  padding: 1.5em;
  margin: 0 0 0 0;
  
}

 

[سینما 9]

آقا دمت گرم....دست گلت درد نکنه...حقا که استادین

درست شد.

ممنوووون

[سینما 9]

 و اینکه برای انتخاب شناسه مجموعه ها ، کاربرها ، تصاویر ، مطالب و سایر بخش ها از همین عبارت  itemed استفاده میشه؟

[levelup 257]

تقریبا برای هر چیزی میشه از این روش استفاده کرد. تو هر صفحه inspect بگیرید و کلاس های تگ body رو ببینید. مثلا برای صفحه اصلی تون، کلاس هایی که به تگ body داده اینها هست.

site com-sppagebuilder view-page no-layout no-task itemid-101 fa-ir rtl sticky-header layout-fluid off-canvas-menu-init DS046951353700482734

عبارت site یعنی این استایل بخش کاربری هست

عبارت com-sppagebulder یعنی این منو از نوع page builder هست.

عبارت view-page یعنی این منو view ای به نام page رو فراخوانی می کنه.

یا برای صفحه وبلاگ این کلاس ها رو به تگ body تونداده

site com-content view-category layout-blog no-task itemid-746 fa-ir rtl sticky-header layout-fluid off-canvas-menu-init DS02469140822459519

عبارت com-content یعنی این منو از نوع کامپوننت مطالب جوملاست هست.

عبارت view-category یعنی این منو view ای به نام  category یا دسته بندی مطالب رو فراخوانی می کنه.

عبارت layout-blog یعنی این منو layout یا چیدمان بلاگ رو داره.

عبارت itemid-746 یعنی این منو شناسه اش 746 هست و براحتی از روی این عدد می تونید منوی مربوطه رو پیدا کنید.

به همین ترتیب تا آخر می تونید اطلاعاتی مربوط به هر صفحه رو به دست بیارید و برای استایل نویسی هر صفحه بطور اختصاصی استفاده کنید.

برای صفحاتی هم که itemid مشابه دارن می تونید از کلاس های خود کامپوننت در layout هاشون کمک بگیرید. یا از ترکیب itemid و نام view و layout کمک بگیرید.

[سینما 9]

خیلی ممنونم. احتراما منظورم اینه که بجای این itemid- تو کد قبلی باید چی بزاریم...چون پیدا کردن کلاس ها رو بلدم....

مثلا برای مجموعه مطالب بلاگ ما که شناسه اون 18 هست ، چی میشه ؟ قبل از کلاس باید چی بزنیم که مجموعه رو با شناسه 18 تشخیص بده ؟

برای مجموعه

برای کاربر

برای ماژول

که همشون یه شناسه دارن چه عبارتی قبل از کلاس شون باید درج بشه؟

.مثل itemid- که برای منو بود.

 

کد زیر برای تصاویر مجموعه بلاگ ماست در این آدرس :

https://cinemaengineer.com/blog

 

ببخشید اگه سوالم طولانی شد.

اینجا.masonry_item .intro-image  {
background-color: #333438;
  border: 1px solid #333438;
  border-radius: 1.5em;
  padding: 1.5em;
  margin: 0 0 0 0;
  
}

[levelup 257]

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