انجمن


مشکل در استایل بندی ساید بار  (۱۰ نوشته)

  • HadiC4

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸
    # نوشته شده: ۱۰ سال پیش
    ۱۸ دی ۱۳۹۰ - ۱۶:۱۸

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

  • yasermgh

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۱۸ بار
    # نوشته شده: ۱۰ سال پیش
    ۱۸ دی ۱۳۹۰ - ۱۸:۳۶

    شما باید اول یک div با کلاس sidebar ایجاد کنید. بعد هرچیزی که داخل سایدبار قرار میدید در یک div جدا و با کلاس جداگانه قرار بدید.

    <div class="sidebar">
    <div class="menu">
    <ul> <li>منو1</li></ul>
    </div>
    <div class="advert">
    تبلیغات
    </div>
    </div>

    style

    .menu { border: 1px solid #eee;  margin-bottom:15px; }
    .advert {border: 1px solid #eee;  margin-bottom:15px; }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    HadiC4 - Morteza
  • HadiC4

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸
    # نوشته شده: ۱۰ سال پیش
    ۱۸ دی ۱۳۹۰ - ۱۹:۱۱

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

    http://www.upsara.com/images/zc6cixrt7lmdn1e5n2x.jpg

    همون فاصله رو چجوری ایجاد کنم؟

  • yasermgh

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۱۸ بار
    # نوشته شده: ۱۰ سال پیش
    ۱۸ دی ۱۳۹۰ - ۱۹:۲۲

    HadiC4 گفت:
    سلامی دوباره.من منظورم دقیقا اینه که توی این عکسه.

    http://www.upsara.com/images/zc6cixrt7lmdn1e5n2x.jpg

    همون فاصله رو چجوری ایجاد کنم؟

    یک "دیو" کلی بنام مثلا sidebar داره
    بعد توی اون مثلا menu و advert داره
    فاصله رو توسط margin باید ایجاد کرد
    اولین "دیو" margin-bottom:15px; داره

    مثالی رو که در پست قبلی دادم امتحان کنید

  • HadiC4

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸
    # نوشته شده: ۱۰ سال پیش
    ۱۸ دی ۱۳۹۰ - ۲۰:۵۰

    سلام.
    اینو ببین

    <div id="lsidebar">
            	<ul>
                	<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>
        <?php endif; ?>
            	</ul>
            </div>

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

  • NESTED

    آفلاین
    عضو فعال
    تعداد نوشته‌ها: ۲۳۵۴
    تشکر شده: ۲۳۷۰ بار
    # نوشته شده: ۱۰ سال پیش
    ۱۸ دی ۱۳۹۰ - ۲۱:۰۲

    در استایل قالب دنبال آیدی lsidebar باشید و در این آیدی شما margin-bottom رو دستی وارد کن ببین تا چقدر خوب هست

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    امین
  • HadiC4

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸
    # نوشته شده: ۱۰ سال پیش
    ۱۸ دی ۱۳۹۰ - ۲۱:۲۸

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

  • HadiC4

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸
    # نوشته شده: ۱۰ سال پیش
    ۱۹ دی ۱۳۹۰ - ۰۹:۴۵

    کسی نیست کمک کنه دو خط کد بنویسیه؟

  • NESTED

    آفلاین
    عضو فعال
    تعداد نوشته‌ها: ۲۳۵۴
    تشکر شده: ۲۳۷۰ بار
    # نوشته شده: ۱۰ سال پیش
    ۱۹ دی ۱۳۹۰ - ۱۲:۰۹

    دوست عزیز این جور سوالها خیلی دیگه ....
    من از کجا بدونم در #lsidebar چی نوشته شده فقط میتونم بگم این رو بهش اضافه کنی
    margin-bottom: 5px;

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Morteza - امین
  • yasermgh

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۱۸ بار
    # نوشته شده: ۱۰ سال پیش
    ۲۱ دی ۱۳۹۰ - ۲۳:۴۳

    ظاهرا بدلیل اینکه سایدبار درون یک ul گذاشته شده ، باید استایل رو اینجوری بنویسید:

    #lsidebar ul li { margin-bottom:13px !important; }

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

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    HadiC4

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.