نیاز به راهنمایی در طراحی بخشی از یک قالب

[شکیبانیا 59]

با سلام و خسته نباشید خدمت دوستان خوبم

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

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

ببینید ، همون طور که تویه عکس پایین توضیح دادم ، گرافیست خواسته هدر ماژول ها (همون تگ H3 که بعد از کلاس moduletable قرار میگیره) شکل و شمایل خاصی داشته باشه.

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

در ضمن ، این کار حتی اگر با CSS3 انجام بشه و در فایرفکس درست نمایش داده بشه برای من خوبه...

پیشاپیش از زمانی که صرف می کنید سپاس گذارم.

[align=center]

[/align]

موفق باشید و سربلند

یا علی

[مـرادی 155]

سلام

دوست عزیز فکر نکنم بتونید همچین کاری بکنید!

چون این عکس هست نمیتونه عرض متغییر داشته باشه

و برای عرض متحرک نیاز به 3 قطعه عکس دارید

برای فراخوانی سه قطعه عکس شما نیاز به 3 تگ دارید که براش کلاس یا آدی تعریف کنید

و عکس ها رو فراخوانی کنید

در حالی که جوملا برای هد ماژول ها فقط از یک تگ

استفاده میکنه!

پس شما باید عرض رو ثابت در نظر بگیرید یا اینکه برای هدر ماژول از عکس استفاده نکنید

و از رنگ و بوردر استفاده کنید.

در پناه حق...

[شکیبانیا 59]

ممنونم امیر حسین جان

از قابلیت multi background images که در CSS3 هست نمیشه استفاده کرد؟

راستش خودمم خیلی امید ندارم که این کار امکان پذیر باشه...

ولی دارم سعی خودم رو می کنم.

[مـرادی 155]

من این خاصیت رو استفاده نکردم که به شما پیشنهاد بدم

ولی معمولا من قالب هایی که برای جوملا دیدم این کار رو نمیکنن

حتی قالب های حرفه ای!

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

تا بشه هدر ماژول ها رو به صورت متغییر قرار بدن

در هر صورت اگه تونستید با خاصیتی که گفتید انجام بدید

در این تاپیک هم مطرح کنید تا دوستان بتونن استفاده کنند.

در پناه حق...

[mogtabaa 31]

سلام دوست عزیز

من خیلی تو css وارد نیستم

ولی یه تحقیق کردم شاید بشه

شما می تونید بک گراند جدا برای فونت هدر منوها تعریف کنید

خب حالا رنگ اونرو مثلا آبی می کنید با اینکار بک گراند فونت با

اندازه متن تغییر می کنه

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

اونرو حل کنید

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

شایدم نه!

موفق باشید

:thankyou:

[شکیبانیا 59]

سلام آقا مجتی

بخاطر وقتی که گذاشتی ممنونم

مشکل اینه که اگر من رنگ بکگراند تگ H3 رو آبی انتخاب بکنم ، مرورگرها کل اون سطر رو آبی می کن.یعنی عرض پیشفرض تگ مقدار 100% هست و چون این تگ float نیست ، کل سطر رو شامل میشه...

موفق باشید و سربلند

یا علی

[امیررضاتهرانی 612]

سلام

2 تا راه داره

1- تغییر دادن هسته از طریق قالب که مفصله و در بحث اینجا نمیگنجه و یکم هم سخته

2- تعریف کلاس مازول

برای تعریف کلاس مازول باید در ادامه moduletable کلاسی را که میخواهید بیاورید مثال .moduletable_login

حالا برای کل تگ h3 میتونی همینطوری قالبت را برش بزنی

[شکیبانیا 59]

سلام

بالاخره تونستم درستش کنم.

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

همون طور که دوستان گفتن برای این کار نیازه که در کنار تگ H3 تگ های دیگه ای هم داشته باشیم تا هر قسمت از اون عکس ها رو بر روی اون پیاده بکنیم.

فایلی که قالب "نمایش ماژول ها" را می سازه در آدرس زیر قرار داره :

JOOMLA/templates/system/html/modules.php

اگر کدهای این فایل رو مطالعه کنید ، خواهید دید برای هر style از حالت های مختلف نمایش یک ماژول ، قالبی رو تعریف کرده و کدهای php و htmlش رو گذاشته.

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

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

کدهای زیر متعلق به خط های 65 تا 75 از همون فایل هستش :

function modChrome_xhtml($module, &$params, &$attribs)
{
if (!empty ($module->content)) : ?>

	<?php if ($module->showtitle != 0) : ?>
<?php echo $module->title; ?>
	<?php endif; ?>
		<?php echo $module->content; ?>

<?php endif;
}

من این کد ها رو به مقادیر زیر تغییر دادم :

function modChrome_xhtml($module, &$params, &$attribs)
{
if (!empty ($module->content)) : ?>

	<?php if ($module->showtitle != 0) : ?>


<?php echo $module->title; ?>





	<?php endif; ?>

		<?php echo $module->content; ?>


<?php endif;
}

موفق باشید و سربلند

یا علی

[دفاعی 872]

سلام

یعنی شما فایل هسته جوملا رو تغییر دادی؟!؟ خوب اینجوری که فقط اون قالب به درد همون جوملا می خوره

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

[شکیبانیا 59]

روشی که شما میگید شاید بهتر می بود ، ولی به چند دلیل روش "تغییر در هسته جوملا" رو انتخاب کردم.

1- برای این روش (اینکه برای ماژول ها کلاس تعریف کنم) ایده قابل قبول و قابل اجرایی نداشتم.

2- روشی که من استفاده کردم ، فوق العاده راحت بود.

3- این قالب به سفارش مشتری و فقط برای یک سایت استفاده خواهد شد.نصب جوملا رویه سایتشون هم کار خودمونه.برای همین تغییر هسته جوملا خیلی مشکلی پیش نمیاره.

از همفکریت ممنونم آقا مرتضی

موفق باشید و سربلند

یا علی