سلام
به نظرم بهتره که از پسوند کلاس ماژول استفاده کنی.
یا حق
سلام
به نظرم بهتره که از پسوند کلاس ماژول استفاده کنی.
یا حق
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
سلام
پسر مهربون! بهتره اگه وقت داری و میتونی کمک کنی، دست بکار بشی!
چون من بلد نیستم و نمیفهمم چی میگی. عاقبت به خیریش برات میمونه!
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
یاسر جان بلدی با css کار کنی ؟
یا حق
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
سلام
نه مهدی جان. مشکل همینجاست
اگه وقت داری، خواهش میکنم مثل emad.h یه راهنما برای این موضوع درست کنی
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
تا اونجا که یادمه، اینگلیسیت خوب بود. سایت زیر رو کامل مطالعه کن و بعد خودت متوجه میشی که پسوند کلاس ماژول چی هست و چطوری میتونی انجام بدی.
w3schools.com/css/default.asp
راستی یک کتاب هم انتشارات ناقوس داره که میتونی بخری و مطالعه کنی.
یا حق
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
سلام
ضمن اینکه من همون کدها و دستورالعمل عماد رو هم بکار بردم و نتیجه نگرفتم. یعنی هیچ قالبی بهش اعمال نشد
قالب سایتم هم ja_xenia و md_macphoria است.
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
برای اینکه با نمونه این مورد آشنا بشید، پیشنهاد میکنم یه مامبو جدید در لوکال نصب کنید و به تنظیمات ماژول منوی بالا بروید و مشاهده کنید.
سپس پسوند کلاس را در css قالب پیشفرض پیدا کنید و جواب سوال را پیدا کنید. اصلاً سخت و پیچیده نیست.
بطور مثال قالب موجود در لینک زیر را دریافت کنید و فایل کتاب الکترونیک موجود در بسته قالب و همچنین استایل قالب را بررسی کنید، متوجه میشید که اصلاً کار سختی نیست!
info.template-help.com/pre-sale_questions/about_web_design_templates/article33.html
یا حق
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
سلام
در کل از اینکه وقت گذاشتی، مثل همیشه، ممنون
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
اول اینکه که باید طول و عرض کادر رو نسبی و غیر صریح درنظر بگیرید تا قابل انعطاف باشه. مثلا 100%من میخوام قالبی که به ماژولم میدم یکمی پیچیده تر باشه. یعنی اینکه از بیش از این دو تصویر در اون استفاده بشه
فرض کنید من بخوام این ماژول رو در موقعیتی غیر از راست و چپ ، مثلا در header یا debug یا یه چیزی مثل اینا که عرض شون بیشتر از موقعیت های راست و چپ هست نشون بدم
من میخوام قالب ماژولم خودشو با ابعاد موقعیتی که درونش هست وفق بده و در اون فیت بشه
بعد اینکه باید از چند لایه استفاده کنید تا برای هر کدوم بتونید زمینه جداگانه ای درنظر بگیرید و با این کار برای گوشه ها و اضلاع زمینه های جداگانه ای داشته باشید تا مجبور نباشید طول یا عرض کادر و زمینه موردنظر رو fixed در نظر بگیرید.
برای پیاده سازی لایه ها از چند DIV تودرتو استفاده میشه. به این منظور در فراخوانی موقعیت ماژول، آرگومان دوم رو باید 3- انتخاب کنید:
با اینکار خروجی سورس HTML موقعیت ماژول به این صورت خواهد بود :کد:<?php mosLoadModules( MyPosition, -3 ) ?>
کد:<div class="module"> <div> <div> <div> <h3>[[ First Module Title ]]</h3> [[ First Module Body ]] </div> </div> </div> </div> <div class="module"> <div> <div> <div> <h3>[[ Next Module Title ]]</h3> [[ Next Module Body ]] </div> </div> </div> </div>
MyPosition اسم موقعیت موردنظر شماست. مثلا right یا header یا debug
First Module و Next Module ماژول های منتشر شده در این موقعیت هستند.
Title عنوان ماژول و Body خروجی HTML بدنه ماژول هست. مثلا در ماژول ها دستی متن وارد شده هست.
امیدوارم متوجه شده باشید.
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
حالا برای هر کدوم از این لایه ها باید یک زمینه انتخاب کنید، هرزمینه به عنوان یکی از اضلاع کادری که مدنظرتون هست.
بطور مثال برای ضلع راست، تعیین می کنید که زمینه لایه (DIV ) در سمت راست لایه قرار بگیره. چپ و بالا و پایین هم همینطور. به این صورت :
ممکنه که ارتفاع کادر شما تغییر کنه بنابراین قطعا ارتفاع این ضلع راست هم تغییر خواهد کرد. دو راه دارید:کد:TAG { background: url(../images/bg_1.gif); background-position: right; }
1- زمینه ضلع راست رو بزرگ درنظر بگیرید تا در صورت بزرگ تر شدن کادر بتونه ضلع راست رو پوشش بده (توضیح: اگر ابعاد زمینه از ابعاد تگی که زمینه اون هست بیشتر باشه، قسمت اضافی زمینه نمایش داده نمی شه) .
اگر گوشه های کادر شما گرد (smooth) هست باید از این حالت استفاده کنید و بالای زمینه ضلع راست رو گرد در نظر بگیرید. همینطور بالای ضلع چپ و سمت راست و سمت چپ ضلع بالا و پایین.
2- از الگوی تکرار استفاده کنید. مثلا یک یا چند نقطه (pixel) که بصورت عمودی تکرار بشه.
اگر از حالت اول استفاده می کنید و گوشه های زمینه شما گرد هست، باید از تکرار زمینه جلوگیری کنید. ( توضیح: اگر ابعاد زمینه از ابعاد تگی که زمینه اون هست کوچکتر باشه، بطور پیش فرض زمینه تکرار میشه)
اما اگر گوشه ها گرد نیستند ، می تونید از الگوی تکرار استفاده کنید. در حالتی که از الگوی تکرار استفاده می کنید، با توجه به اینکه تکرار فقط در راستای عمودی انجام میشه، باید برای زمینه وضعیت تکرار رو در جهت محور y مشخص کنید:کد:TAG { background: url(../images/bg_1.gif); background-position: right; background-repeat: no-repeat; }
کد:TAG { background: url(../images/bg_1.gif); background-position: right; background-repeat: repeat-y; }
اگر دقت کرده باشید در تعریف Style تگ ها از عبارت TAG استفاده کردیم و در خروجی سورس HTML این DIV ها، هیچ کلاس یا ID به اونها نسبت داده نشده. بنابراین برای مشخص کردن این تگ ها باید از وراثت استفاده کنید.
مثلا :
در این مثال از الگوی تکرار استفاده شده و گوشه های کادر گرد نیستند.کد:DIV.module { background: url(../images/bg_top.gif); background-position: top; background-repeat: repeat-x; } DIV.module DIV { background: url(../images/bg_right.gif); background-position: right; background-repeat: repeat-y; } DIV.module DIV DIV { background: url(../images/bg_left.gif); background-position: left; background-repeat: repeat-y; } DIV.module DIV DIV DIV { background: url(../images/bg_bottom.gif); background-position: bottom; background-repeat: repeat-x; }
یا علی
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
علاقه مندی ها (Bookmarks)