انجمن


قرار دادن چند پست در کنار هم به صورت افقی  (۱۰ نوشته)

  • iranboy

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

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

  • lib-lord

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

    اگر با استفاده از سی اس اس فضای هر پست رو به عرض خاصی محدود کنی ، بسته به نسبت فضایی که پست ها قراره درش جا بگیرن ابتدا با اولویت افقی و سپس عمودی پست ها چیده می شن . مثلا اگه عرض صفحه 600 باشه و عرض هر پست رو به 200 محدود کرده باشی ، سه پست اول به صورت افقی پیده می شن و سه پست بعدی به همون ترتیب زیر سه پست اول قرار می گیرن . در نهایت بسته به تعداد پست در هر صفحه ای که در تنظیمات منظور کردی این شیوه تا پایین ادامه پیدا می کنه

  • behrooz0o

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

    سلام می شه کمی راجع به دستورات سی اس اسی که باید بکار برد توضیح بدید؟

  • oshgool

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

    دوست عزیز شما یک مقدار width میدید و همینطور هم به دیو پستهاتون مقدار اندازه width دادید سپس خاصیت float:right را بدید کناره هم قرار میگیره و بعد میاد پایین.
    نکته: شما باید با css اشنایی داشته باشی.

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

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

    oshgool جان امکان داره یه مثالی چیزی بزنی؟ می تونید خودتون برام این امکان رو بسازید؟
    می شه یه منبع آموزشی بهم معرفی کنید؟

  • بهرنگ

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

    جستجو کنید CSS Grid یا 960 CSS به نتایج خوبی میرسید.

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

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

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

  • مهدی

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

    کاربر عزیز behrooz0o، به نظر من شما اول برید css یاد بگیرید.
    اگر شما css بلد باشید به راحتی میتونید چیزی رو که میخواهید درست کنید و فراموش نکنید اینجا انجمن وردپرس نه انجمن آموزش طراحی وب

    آموزش CSS

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    behrooz0o - بهرنگ
  • بهرنگ

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

    بهروز عزیز متاسفانه شما باید برای استفاده از گرید و ۹۶۰ باید با این زبان آشنایی داشته باشید .

  • go23user

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

    سلام بچه ها
    ببخشید که زیرخاکی آوردم بیرون

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

    <?php if(have_posts()) : ?>
    <?php while(have_posts()) : the_post(); ?><div class="content"><div class="content-t"> <h2><b>
                  <?php the_title(); ?>
                  </b></a></h2></div><div class="content-text"><div class="content-thumb"><?php the_post_thumbnail('thumbnail'); ?></div><?php the_content(); ?></div><div class="content-b"> <?php the_author(); ?> :نام نویسنده
    دسته بندی : <?php the_category(', ') ?> |
    ادامه مطلب : <a href="<?php the_permalink(); ?>" class="pmorep_bt">
    </div><div class="content-tag">برچسب
    </div></div> <?php endwhile; ?>
    <?php endif; ?>

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

    متشکرم

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