رفتن به مطلب
alamdare68

طراحی استایل برای ماژولها

پست های پیشنهاد شده

با سلام خدمت دوستان

در حال طراح یه قالب برا جوملا هستم می خواستم برای ماژولها یه استایل رو اختصاص بدم سوالم اینه:

چه جوری میتونم برای هدر ماژول و body و buttom ماژول استایلهای مختلفی رو بکار ببرم؟

مثل این ماژول

ماژول نمونه

ممنون

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام

برای دادن استایل های مختلف به ماژول های مختلف

شما باید از پسوند کلاس ماژول استفاده کنید

برای مثال کد سی اس اس ماژول عادی این هست:

.modultable

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

کافیه به این کد پسوند اضافه کنیم

در این صورت کد ما میشه :

.moduletable_test

خب برای اینکه ماژول ما نمایش .modultable_test رو داشته باشه

در تنظیمات ماژول در قسمت پسوند ماژول

قرار میدیم:

_test

در صورت علاقه میتونید قالب های طراحی شده برای جوملا رو نگاه کنید و بیشتر با پسوند کلاس ماژول آشنا بشید.

در پناه حق...

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

ممنون از جواب سریع و کاملتون

درست فرمودید ولی من منظورم ان بود که من می خوام با css برای header و body و buttom ماژولها یه استایل بدم مثلا می خوام برای header همه ماژولها یه عکس مثل

7fa6aca028e7.jpg

و مثلا برای کناره های ماژولها از این عکس

32923f11ac97.jpg

و برای پایین ماژولها از این عکس

ead35fa1512a.jpg

می خواستم ببینم چه css ی باید درست کنم و به ماژولها اختصاص بدم تا این کارهارو روی ماژولها اعمال کنه؟

ممنون

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای اینکار

شما باید به تگ

سی اس اس اختصاص بدید

این تگ مربوط به هدر ماژول هاست

مثلا شما باید کد زیر وارد کنید:

.moduletable h3

حالا میتونید برای این کلاس تصویر و کدهای سی اس اس مورد نظرتون رو تعریف کنید

برای قسمت وسط و انتهای ماژول هم میتونید تصویری رو با این کلاس:

.moduletable 

تعریف کنید و به تصویر خاصیت bottom بدید تا به انتهای ماژول بره

در ضمن در نظر داشته باشید که تصویر مورد نظر نباید خاصیت reapate داشته باشه

باز هم تاکید میکنم برای یاد گیری بهتر

یکی از قالب های دیفالت رو باز کنید و کدهای اون رو بررسی کنید

در پناه حق...

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...