• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  

2 پست در این موضوع قرار دارد

سلام به همه دوستان

خسته نباشید

من یک پنل جدول مانند با div طراحی کردم اما یه مشکل دارم

نمی تونم بدون استفاده از جدول سلول ها رو ادغام کنم (نمیخوام از جدول استفاده کنم)

<div class="table">
	<div class="tbody">
        <div class="tr tr-header">
            <div class="td td-header">عکس</div>
            <div class="td td-header">شناسه</div>
            <div class="td td-header">نام آگهی دهنده</div>
            <div class="td td-header">عنوان</div>
            <div class="td td-header">کاربر</div>
            <div class="td td-header">نوع آگهی</div>
            <div class="td td-header">مدت آگهی</div>
            <div class="td td-header">تاریخ درج</div>
            <div class="td td-header">تاریخ بروز رسانی</div>
            <div class="td td-header">عملیات</div>
            <div class="td td-header">وضعیت</div>
        </div>
        <div class="tr">
            <div class="td">عکس</div>
            <div class="td">۴۲۳۴۵۲</div>
            <div class="td">حسن کلهر</div>
            <div class="td">ساخت و طراحی موزیک ویدیو</div>
            <div class="td">kalhor_3dsmax@yahoo.com</div>
            <div class="td">آگهی ویژه هفت ستاره</div>
            <div class="td">شش ماهه</div>
            <div class="td">۱۴/۰۹/۹۵</div>
            <div class="td">-</div>
            <div class="td">نمایش آگهی فعال</div>
            <div class="td">آنلاین</div>
        </div>
        <div class="tr">
            <div class="td">عکس</div>
            <div class="td">۴۲۳۴۵۲</div>
            <div class="td">نیوانتا</div>
            <div class="td">طراحی وب سایت</div>
            <div class="td">bg.tarahi@gmail.com</div>
            <div class="td">آگهی ویژه هفت ستاره</div>
            <div class="td">یک ساله</div>
            <div class="td">۱۰/۰۹/۹۵</div>
            <div class="td">-</div>
            <div class="td">نمایش آگهی فعال</div>
            <div class="td">آفلاین</div>
        </div>
        <div class="tr">
            <div class="td">عکس</div>
            <div class="td">۴۲۳۴۵۲</div>
            <div class="td">حسن کلهر</div>
            <div class="td">ساخت و طراحی موزیک ویدیو</div>
            <div class="td">kalhor_3dsmax@yahoo.com</div>
            <div class="td">آگهی ویژه هفت ستاره</div>
            <div class="td">شش ماهه</div>
            <div class="td">۱۴/۰۹/۹۵</div>
            <div class="td">-</div>
            <div class="td">نمایش آگهی فعال</div>
            <div class="td">آنلاین</div>
        </div>
        <div class="tr">
            <div class="td">عکس</div>
            <div class="td">۴۲۳۴۵۲</div>
            <div class="td">نیوانتا</div>
            <div class="td">طراحی وب سایت</div>
            <div class="td">bg.tarahi@gmail.com</div>
            <div class="td">آگهی ویژه هفت ستاره</div>
            <div class="td">یک ساله</div>
            <div class="td">۱۰/۰۹/۹۵</div>
            <div class="td">-</div>
            <div class="td">نمایش آگهی فعال</div>
            <div class="td">آفلاین</div>
        </div>
        <div class="tr">
            <div class="td">میخواهم این سطر دو ستون داشته باشد شبیه به جدول ها</div>
            <div class="td">میخواهم این سطر دو ستون داشته باشد شبیه به جدول ها</div>
        </div>
    </div>
</div>
.table
{
	display:table;
	width:100%;
}
.tbody
{
	display:table-row-group;
}
.tr-header
{
	background:#9DBEF1 !important;
	font-weight:bold;
}
.td-header
{
	padding:10px 5px !important;
}
.tr
{
	display:table-row;
}
.td
{
	display:table-cell;
	padding:20px 5px;
}
.table .tr:nth-child(odd)
{
	background:#F3F3F3;
}

کد های بالا مربوط به طرح منه

چطور میتونم ستون های سطر آخر رو ادغام کنم به نحوی کنه دو ستون داشته باشه؟

 

لطفا کمک کنید

0

به اشتراک گذاری این پست


لینک به پست

اگه از div با کلاس table بیاریش بیرون ردیف میشه

<div class="merge">
    <div class="m" style="float: right;">میخواهم این سطر دو ستون داشته باشد شبیه به جدول ها</div>
    <div class="m" style="">میخواهم این سطر دو ستون داشته باشد شبیه به جدول ها</div>
</div>

با این استایل :

.merge {
    display: flex;
    text-align: right;
}
.m {
    padding: 20px 5px;
    width: 50%;
}

 

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری