السلام عليكم ورحمه الله وبركاته
اليوم اقدم لكم افضل طريقه يمكنك من خلالها انشاء الجداول
وتخصيصها والتعديل عليها واسخدامها في مدونات بلوجر
اولا اقدم لك افضل الطرق في هذا الفيديو تابع ...
اولا التعديل على الجدول من الموقع الاول
بعد انشاء الجدول ستحصل على كود مثل هذا
<style type="text/css">
.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
.tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:left;}
.tftable tr {background-color:#d4e3e5;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;}
.tftable tr:hover {background-color:#ffffff;}
</style>
<table class="tftable" border="1">
<tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th></tr>
<tr><td>Row:1 Cell:1</td><td>Row:1 Cell:2</td><td>Row:1 Cell:3</td><td>Row:1 Cell:4</td><td>Row:1 Cell:5</td></tr>
<tr><td>Row:2 Cell:1</td><td>Row:2 Cell:2</td><td>Row:2 Cell:3</td><td>Row:2 Cell:4</td><td>Row:2 Cell:5</td></tr>
<tr><td>Row:3 Cell:1</td><td>Row:3 Cell:2</td><td>Row:3 Cell:3</td><td>Row:3 Cell:4</td><td>Row:3 Cell:5</td></tr>
<tr><td>Row:4 Cell:1</td><td>Row:4 Cell:2</td><td>Row:4 Cell:3</td><td>Row:4 Cell:4</td><td>Row:4 Cell:5</td></tr>
<tr><td>Row:5 Cell:1</td><td>Row:5 Cell:2</td><td>Row:5 Cell:3</td><td>Row:5 Cell:4</td><td>Row:5 Cell:5</td></tr>
<tr><td>Row:6 Cell:1</td><td>Row:6 Cell:2</td><td>Row:6 Cell:3</td><td>Row:6 Cell:4</td><td>Row:6 Cell:5</td></tr>
</table>
<p><small>Created with the <a href="http://www.textfixer.com/html/html-table-generator.php" target="_blank">HTML Table Generator</a></small></p>
وهذا هو شكل الجدول فهيا بنا لنتعرف كيف نقوم بتعديل العناوين
اولا الكود العلوي هناك اكواد محدده
الاكواد التي تكون بهذا الشكل
Header 1
الى Header 5
تعبر عن
والاكواد التي تكون بهذا الشكل
Row:1 Cell:1
الى Row:6 Cell:5
تعبر عن
يمكنك تغير الكلمات بما يناسبك
ثم وضع الكود اين ما تريد في الموضوع بعد التغير الى html بدل تأليف
اما بخصوص الموقع الثاني
ستحصل على كودين
Html , Css
كود ال Css
يتم وضعه اعلى الكود التالي بعد البحث عنه داخل القالب
]]></b:skin>
اما كود Html
فستحصل على الكود بهذا الشكل
<div class="CSSTableGenerator" >
<table >
<tr>
<td>
Title 1
</td>
<td >
Title 2
</td>
<td>
Title 3
</td>
</tr>
<tr>
<td >
Row 1
</td>
<td>
Row 1
</td>
<td>
Row 1
</td>
</tr>
<tr>
<td >
Row 2
</td>
<td>
Row 2
</td>
<td>
Row 2
</td>
</tr>
<tr>
<td >
Row 2
</td>
<td>
Row 2
</td>
<td>
Row 2
</td>
</tr>
<tr>
<td >
Row 3
</td>
<td>
Row 3
</td>
<td>
Row 3
</td>
</tr>
</table>
</div>
الكود به عده اكواد محدده
اولا ستجد 3 اكواد بهذا الشكل
Title1
Title2
Title3
فهم يعبران عن عناوين الاعمده
وستجد اكواد علي شكل
Row 1
Row 1
Row 1
مكرره ثلاث مرات
وهي تعبر عن السطر الاول
و
Row 2
Row 2
Row 2
تعبر عن السطر الثاني
وعلى نفس النهج
شكرا لك من تابعنا
انتهى موضوع اليوم
سناب شات : @mohamed_ayana
معلومات التدوينه !
اترك تعليق وناقشنا برأيك ...
