سینما

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

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

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

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

xx.png

https://cinemaengineer.com/

Share this post


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

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

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

Share this post


Link to post
Share on other sites

مرسی. 

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

 

Share this post


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

 

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

Share this post


Link to post
Share on other sites

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

درست شد.

ممنوووون:)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

تقریبا برای هر چیزی میشه از این روش استفاده کرد. تو هر صفحه 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 کمک بگیرید.

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

Share this post


Link to post
Share on other sites

خیلی ممنونم. احتراما منظورم اینه که بجای این 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;
  
}

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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