استفاده از css دلخواه در ماژول ها؟؟!!

[topmihan 141]

سلام دوستان

من چطور میتونم کد css مورد نظر رو در سایت بارگذاری کرده و در ماژول های دلخواه کلاس اونو بهش اضافه کنم؟؟؟

یه سوال دیگه ام دارم :

چطور میتونم فونت پیشفرض فارسی ( منو ، تیتر ها و ... ) رو در قالبی که از فریمورک گانتری بهره میبره تغییر بدم؟؟؟

[m4mali 478]

سلام دوستان

من چطور میتونم کد css مورد نظر رو در سایت بارگذاری کرده و در ماژول های دلخواه کلاس اونو بهش اضافه کنم؟؟؟

یه سوال دیگه ام دارم :

چطور میتونم فونت پیشفرض فارسی ( منو ، تیتر ها و ... ) رو در قالبی که از فریمورک گانتری بهره میبره تغییر بدم؟؟؟

برای سوال اول :

معمولا در قسمت advance  تنظیمات ماژول ها دو قسمت برای وارد کردن استایل عنولن و استایل ماژول هست. که شما اسم کلاس رو مثلا به این صورت mystyle_  منویسی و بعد بهش از طریق css  استایل میدی.

 

یه سرچ بزن روشش رو پیدا میکنی. ببین این کلاسی که میدی به کلاس ماژول اضافه میشه. یه اسم خاص بهده بعد تو سورس html سایت دنبالش بگرد. متوجه میشی که چکار باید بکنی. اگه نتونسی می گردم واست آموزشش رو پیدا میکنم.

 

برای فونت پیشفرض هم فک کنم این قالبی که می گی ماله rocket team هست. فکر کنم اگه یه فایل custom.css  بسازی میتونی css دلخواهت رو بدی. و فونت های خودت رو اضافه کنی. از طریق less  و منوی خود قالب هم میشه فکر کنم. ام اینطوری راحت تره

ویرایش شده دی 92 توسط تیرداد

[topmihan 141]

برای سوال اول :

معمولا در قسمت advance  تنظیمات ماژول ها دو قسمت برای وارد کردن استایل عنولن و استایل ماژول هست. که شما اسم کلاس رو مثلا به این صورت mystyle_  منویسی و بعد بهش از طریق css  استایل میدی.

 

یه سرچ بزن روشش رو پیدا میکنی. ببین این کلاسی که میدی به کلاس ماژول اضافه میشه. یه اسم خاص بهده بعد تو سورس html سایت دنبالش بگرد. متوجه میشی که چکار باید بکنی. اگه نتونسی می گردم واست آموزشش رو پیدا میکنم.

 

برای فونت پیشفرض هم فک کنم این قالبی که می گی ماله rocket team هست. فکر کنم اگه یه فایل custom.css  بسازی میتونی css دلخواهت رو بدی. و فونت های خودت رو اضافه کنی. از طریق less  و منوی خود قالب هم میشه فکر کنم. ام اینطوری راحت تره

والا جواب سوال اول رو که اصلا نفهمیدم چی میگی شما

 

دوم رو هم یکم فهمیدم

یه جور توضیح بده متوجه بشم خب

[MasterMHD 0]

برای سوال اول :

معمولا در قسمت advance  تنظیمات ماژول ها دو قسمت برای وارد کردن استایل عنولن و استایل ماژول هست. که شما اسم کلاس رو مثلا به این صورت mystyle_  منویسی و بعد بهش از طریق css  استایل میدی.

 

دوست عزیز این روشی که توضیح دادی رو بنده هرچی روش مشابه داشت امتحان کردم،به ماژولم یه کلاس اختصاص دادم و بعد اون کلاس رو توی Template.css قالب و gantry core.css تعریف کردم ولی تغییری حاصل نشد.

[m4mali 478]

دوست عزیز این روشی که توضیح دادی رو بنده هرچی روش مشابه داشت امتحان کردم،به ماژولم یه کلاس اختصاص دادم و بعد اون کلاس رو توی Template.css قالب و gantry core.css تعریف کردم ولی تغییری حاصل نشد.

ببینید عینا نباید به اون کلاس استایل بدین.

دقت کنید. مثلا کلاس پیشفرض ماژول شما اینه

 <div class"module"> Something here... </div>

وقتی که شما استایل blue_ میدین به این شکل در میاد

<div class"module_blue"> Something here... </div>

 

بعد که استایل دادین با firebug چک کنید

ویرایش شده دی 92 توسط تیرداد

[m4mali 478]

در مورد سوال دوم

آخرین فایلی که لود میشه معمولا یکی فایلی هست به اسم custom.css که توی اکثر فریمورک ها کار میکنه. اگه نبود هم شما خودتون بسازیدش.

بعد از اینجا به بعد می تونید هر دستور یا هر استایل دلخواهی رو که دارین وارد کنین. از جمله load کردن فونت با دستور font face.

امیدوارم که توضیحاتم خوب باشه. دیگه ببخشین بچه ها . من خوب نمی تونم توضیح بدم عذر می خوام

[MasterMHD 0]

ببینید عینا نباید به اون کلاس استایل بدین.

دقت کنید. مثلا کلاس پیشفرض ماژول شما اینه

 <div class"module"> Something here... </div>

وقتی که شما استایل blue_ میدین به این شکل در میاد

<div class"module_blue"> Something here... </div>

 

بعد که استایل دادین با firebug چک کنید

 

با توجه به این روشی که شما فرمودین این استایلی که تعریف میشه ، به موقعیت ماژول اختصاص پیدا می کنه .. درسته ؟

اونوقت اگر بنده به طور مثال 4 تا ماژول توی یک موقعیت داشته باشم همشون همین استایل رو خواهند گرفت.

ویرایش شده دی 92 توسط محمد صادقی

[m4mali 478]

با توجه به این روشی که شما فرمودین این استایلی که تعریف میشه ، به موقعیت ماژول اختصاص پیدا می کنه .. درسته ؟

اونوقت اگر بنده به طور مثال 4 تا ماژول توی یک موقعیت داشته باشم همشون همین استایل رو خواهند گرفت.

نه . هر کدام که شما در قسمت advance این استایل را به آن داده باشد

[MasterMHD 0]

<div class"module_blue"> Something here... </div>

 

متشکر ، یه سوال دیگه هم داشتم

الان تو همین کد بالا شما کلاس مورد نظر رو به div موجود تو فایل index.php قالب سایت اختصاص دادین ؟

[m4mali 478]

متشکر ، یه سوال دیگه هم داشتم

الان تو همین کد بالا شما کلاس مورد نظر رو به div موجود تو فایل index.php قالب سایت اختصاص دادین ؟

ببینید اون یک مثال فرضی بود . بسته به نوع قالب و نوع ماژول ممکن است متفاوت باشه. شما استایل رو وارد کنید خودش به جایی که باید استایل رو به جای درست اضافه میکنه. شما بعد با firebug  پیدا کن ببین نام class  ماژول به چه شکی شده.

[MasterMHD 0]

کاری که بنده انجام دادم به 
به ماژولم کلاس _mydesign اختصاص دادم و بعد اون کلاس رو توی Template.css قالب و gantry core.css بدین شکل تعریف کردم.[/size]

madule_right#
{;Border:1px solid #c7c7c7}

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

madule_right_mydesign#
{;Background color:#Blue}

حالا مشکل از کجاست ؟

ویرایش شده دی 92 توسط محمد صادقی

[m4mali 478]

کاری که بنده انجام دادم به 

به ماژولم کلاس _mydesign اختصاص دادم و بعد اون کلاس رو توی Template.css قالب و gantry core.css بدین شکل تعریف کردم.[/size]

madule_right#
{;Border:1px solid #c7c7c7}

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

بنده هم کلاسم رو اینطوری تعریف کردم:

madule_right_mydesign#
{;Background color:#Blue}

حالا مشکل از کجاست ؟

این کدی هست که دقیقا توی سایت نوشتید ؟ یا اینجا تایپ کردین ؟

چون این کد ایراد داره. background-color به این صورت درسته

اگه آنلان هست بدین چک کنم.

[MasterMHD 0]

نه ، همینطوری به عنوان مثال نوشتم

 

http://www.yahyazadeh2.com

[مصطفی صفرعلی 2,891]

با سلام

 

تاپیک زیر را ببینید

 

http://forum.joomina.ir/topic/12054-%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D9%85%D9%82%D8%AF%D9%85%D8%A7%D8%AA%DB%8C-%DA%A9%D9%84%D8%A7%D8%B3-%D9%85%D8%A7%DA%98%D9%88%D9%84-%D9%88-%D9%86%D8%AD%D9%88%D9%87-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%A2%D9%86/

 

موفق و پیروز باشید

یا حق