alibarandoz

برداشتن یک کد از قالب

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

سلام. میخواستم به قالب سایتی که من الان روی سایتم گذاشتم یک جدول لیگ اره که ماله ایتالیاست میخوام اینو یا بردارمش یا تبدیلش کنم به جدول لیگ انگلیس اگه میشه کمکم کنید خیلی ممنون آدرس سایت :www.man-united.ir

در سمت چپ قرار داره.نوشته جدول لیگ و نتایج گلزنان.ترو خدا کمک کنید

:unsure:

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


لینک به پست

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

http://forum.wp-parsi.com/tutorials/article/363-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%aa%d8%a8-%d8%af%d8%b1-%d8%b3%d8%aa%d9%88%d9%86-%da%a9%d9%86%d8%a7%d8%b1%db%8c/

ساختار جدولی که شما احتیاج دارید هم به این شکله

<table style="width: 100%" cellpadding="5" cellspacing="0" dir="rtl" class="lig-table">

<thead>

<tr>

<th>عنوان 1</th>

<th>عنوان 2</th>

<th>عنوان 3</th>

<th>عنوان 4</th>

<th>عنوان 5</th>

</tr>

</thead>

<tbody>

<tr>

<td>ستون اول ردیف اول</td>

<td> ستون دوم ردیف اول </td>

<td>ستون سوم اول </td>

<td> ستون چهارم ردیف اول</td>

<td> ستون پنجم ردیف اول</td>

</tr>

<tr>

<td> ستون اول ردیف دوم</td>

<td> ستون دوم ردیف دوم</td>

<td> ستون سوم ردیف دوم</td>

<td> ستون چهارم ردیف دوم</td>

<td> ستون پنجم ردیف دوم</td>

</tr>

<tr>

<td> ستون اول ردیف سوم</td>

<td> ستون دوم ردیف سوم</td>

<td> ستون سوم ردیف سوم</td>

<td> ستون چهارم ردیف سوم</td>

<td> ستون پنجم ردیف سوم</td>

</tr>

<tr>

<td> ستون اول ردیف چهارم</td>

<td> ستون دوم ردیف چهارم</td>

<td> ستون سوم ردیف چهارم</td>

<td> ستون چهارم ردیف چهارم</td>

<td> ستون پنجم ردیف چهارم</td>

</tr>

<tr>

<td> ستون اول ردیف پنجم</td>

<td> ستون دوم ردیف پنجم</td>

<td> ستون سوم ردیف پنجم</td>

<td> ستون چهارم ردیف پنجم</td>

<td> ستون پنجم ردیف پنجم</td>

</tr>

<tr>

<td> ستون اول ردیف ششم</td>

<td> ستون دوم ردیف ششم</td>

<td> ستون سوم ردیف ششم</td>

<td> ستون چهارم ردیف ششم</td>

<td> ستون پنجم ردیف ششم</td>

</tr>

</tbody>

</table>

و در style.css


.lig-table th {
background:#444;
color:#fff;
}
.lig-table tbody tr:nth-child(odd) td {
background:#ddd
}
.lig-table tbody tr:nth-child(even) td {
background:#fff
}

باقیش هم با خودتونه

نمونه جدول

http://jsfiddle.net/vmkft/

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


لینک به پست

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

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

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

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


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

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

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


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