سلام ، آیا این بازدید اول شماست ؟ یا
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از شماره 11 تا 20 , از مجموع 20

موضوع: تنظیمات استایل برای ماژول ها

  1. #11

    تاریخ عضویت
    Mar 2007
    محل سکونت
    Islamic Republic of Iran
    نوشته ها
    10,455
    تشکر
    354
    تشکر شده 1,716 بار در 1,204 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    سلام

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

    یا حق

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  2. # ADS
    تبلیغات در جوملا فارسی
    تاریخ عضویت
    Always
    محل سکونت
    Advertising world
    نوشته ها
    Many
     

  3. #12

    تاریخ عضویت
    Aug 2006
    محل سکونت
    پای مونیتور
    نوشته ها
    803
    تشکر
    6
    تشکر شده 15 بار در 9 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    سلام
    پسر مهربون! بهتره اگه وقت داری و میتونی کمک کنی، دست بکار بشی!
    چون من بلد نیستم و نمیفهمم چی میگی. عاقبت به خیریش برات میمونه!

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  4. #13

    تاریخ عضویت
    Mar 2007
    محل سکونت
    Islamic Republic of Iran
    نوشته ها
    10,455
    تشکر
    354
    تشکر شده 1,716 بار در 1,204 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    یاسر جان بلدی با css کار کنی ؟

    یا حق

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  5. #14

    تاریخ عضویت
    Aug 2006
    محل سکونت
    پای مونیتور
    نوشته ها
    803
    تشکر
    6
    تشکر شده 15 بار در 9 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    سلام
    نه مهدی جان. مشکل همینجاست

    اگه وقت داری، خواهش میکنم مثل emad.h یه راهنما برای این موضوع درست کنی

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  6. #15

    تاریخ عضویت
    Mar 2007
    محل سکونت
    Islamic Republic of Iran
    نوشته ها
    10,455
    تشکر
    354
    تشکر شده 1,716 بار در 1,204 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    تا اونجا که یادمه، اینگلیسیت خوب بود. سایت زیر رو کامل مطالعه کن و بعد خودت متوجه میشی که پسوند کلاس ماژول چی هست و چطوری میتونی انجام بدی.
    w3schools.com/css/default.asp

    راستی یک کتاب هم انتشارات ناقوس داره که میتونی بخری و مطالعه کنی.

    یا حق

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  7. #16

    تاریخ عضویت
    Aug 2006
    محل سکونت
    پای مونیتور
    نوشته ها
    803
    تشکر
    6
    تشکر شده 15 بار در 9 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    سلام
    ضمن اینکه من همون کدها و دستورالعمل عماد رو هم بکار بردم و نتیجه نگرفتم. یعنی هیچ قالبی بهش اعمال نشد

    قالب سایتم هم ja_xenia و md_macphoria است.

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  8. #17

    تاریخ عضویت
    Mar 2007
    محل سکونت
    Islamic Republic of Iran
    نوشته ها
    10,455
    تشکر
    354
    تشکر شده 1,716 بار در 1,204 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    برای اینکه با نمونه این مورد آشنا بشید، پیشنهاد میکنم یه مامبو جدید در لوکال نصب کنید و به تنظیمات ماژول منوی بالا بروید و مشاهده کنید.
    سپس پسوند کلاس را در css قالب پیشفرض پیدا کنید و جواب سوال را پیدا کنید. اصلاً سخت و پیچیده نیست.

    بطور مثال قالب موجود در لینک زیر را دریافت کنید و فایل کتاب الکترونیک موجود در بسته قالب و همچنین استایل قالب را بررسی کنید، متوجه میشید که اصلاً کار سختی نیست!
    info.template-help.com/pre-sale_questions/about_web_design_templates/article33.html

    یا حق

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  9. #18

    تاریخ عضویت
    Aug 2006
    محل سکونت
    پای مونیتور
    نوشته ها
    803
    تشکر
    6
    تشکر شده 15 بار در 9 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    سلام
    در کل از اینکه وقت گذاشتی، مثل همیشه، ممنون

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  10. #19

    تاریخ عضویت
    Dec 2006
    محل سکونت
    heart of the world
    نوشته ها
    4,889
    تشکر
    145
    تشکر شده 137 بار در 90 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    من میخوام قالبی که به ماژولم میدم یکمی پیچیده تر باشه. یعنی اینکه از بیش از این دو تصویر در اون استفاده بشه
    فرض کنید من بخوام این ماژول رو در موقعیتی غیر از راست و چپ ، مثلا در header یا debug یا یه چیزی مثل اینا که عرض شون بیشتر از موقعیت های راست و چپ هست نشون بدم
    من میخوام قالب ماژولم خودشو با ابعاد موقعیتی که درونش هست وفق بده و در اون فیت بشه
    اول اینکه که باید طول و عرض کادر رو نسبی و غیر صریح درنظر بگیرید تا قابل انعطاف باشه. مثلا 100%

    بعد اینکه باید از چند لایه استفاده کنید تا برای هر کدوم بتونید زمینه جداگانه ای درنظر بگیرید و با این کار برای گوشه ها و اضلاع زمینه های جداگانه ای داشته باشید تا مجبور نباشید طول یا عرض کادر و زمینه موردنظر رو fixed در نظر بگیرید.

    برای پیاده سازی لایه ها از چند DIV تودرتو استفاده میشه. به این منظور در فراخوانی موقعیت ماژول، آرگومان دوم رو باید 3- انتخاب کنید:

    کد:
     <?php mosLoadModules( MyPosition, -3 ) ?>
    با اینکار خروجی سورس HTML موقعیت ماژول به این صورت خواهد بود :
    کد:
    <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 بدنه ماژول هست. مثلا در ماژول ها دستی متن وارد شده هست.


    امیدوارم متوجه شده باشید.

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  11. #20

    تاریخ عضویت
    Dec 2006
    محل سکونت
    heart of the world
    نوشته ها
    4,889
    تشکر
    145
    تشکر شده 137 بار در 90 ارسال

    پاسخ : تنظیمات استایل برای ماژول ها

    حالا برای هر کدوم از این لایه ها باید یک زمینه انتخاب کنید، هرزمینه به عنوان یکی از اضلاع کادری که مدنظرتون هست.

    بطور مثال برای ضلع راست، تعیین می کنید که زمینه لایه (DIV ) در سمت راست لایه قرار بگیره. چپ و بالا و پایین هم همینطور. به این صورت :

    کد:
    TAG {
    background: url(../images/bg_1.gif);
    
    background-position: right;
    
    }
    ممکنه که ارتفاع کادر شما تغییر کنه بنابراین قطعا ارتفاع این ضلع راست هم تغییر خواهد کرد. دو راه دارید:

    1- زمینه ضلع راست رو بزرگ درنظر بگیرید تا در صورت بزرگ تر شدن کادر بتونه ضلع راست رو پوشش بده (توضیح: اگر ابعاد زمینه از ابعاد تگی که زمینه اون هست بیشتر باشه، قسمت اضافی زمینه نمایش داده نمی شه) .
    اگر گوشه های کادر شما گرد (smooth) هست باید از این حالت استفاده کنید و بالای زمینه ضلع راست رو گرد در نظر بگیرید. همینطور بالای ضلع چپ و سمت راست و سمت چپ ضلع بالا و پایین.

    2- از الگوی تکرار استفاده کنید. مثلا یک یا چند نقطه (pixel) که بصورت عمودی تکرار بشه.

    اگر از حالت اول استفاده می کنید و گوشه های زمینه شما گرد هست، باید از تکرار زمینه جلوگیری کنید. ( توضیح: اگر ابعاد زمینه از ابعاد تگی که زمینه اون هست کوچکتر باشه، بطور پیش فرض زمینه تکرار میشه)

    کد:
    TAG {
    background: url(../images/bg_1.gif);
    background-position: right;
    
    background-repeat: no-repeat;
    
    }
    اما اگر گوشه ها گرد نیستند ، می تونید از الگوی تکرار استفاده کنید. در حالتی که از الگوی تکرار استفاده می کنید، با توجه به اینکه تکرار فقط در راستای عمودی انجام میشه، باید برای زمینه وضعیت تکرار رو در جهت محور y مشخص کنید:

    کد:
    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;
    }
    در این مثال از الگوی تکرار استفاده شده و گوشه های کادر گرد نیستند.

    یا علی

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


صفحه 2 از 2 نخستنخست 12

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •