مرحبا
نقدم لكم عارضة افقية اقسام لمدونات بلوجر تركب على جميع المواقع
والمدونات عبارة عن كثير من الاقسام تقريبا عشرة اقسام
وهذا نموذج من الاقسام
الكود يركب وين مابدك
وهذا الكود
- الكود:
-
<table class="stones06" dir="rtl" style="width: 1000px; height: 50px;" align="center" border="0" cellspacing="0">
<tbody>
<tr>
<td class="stones07" style="text-align: center;">
<a href="رابط القسم" target="_blank">القسم </a><span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a> <span class="stones">»</span>
<a href='https://sites-dalil.blogspot.com//search/label/قماش?&max-results=11'>قماش</a>
</td>
</tr>
</tbody>
<style>
.stones07{
background-color :#EE82EE;
border:solid 2px #27739d;
padding:10px;
}
.stones07:hover{
background-color :#CCFF66;
}
.stones{
border:solid 2px #27739d;
}
.stones06{
border-style:solid;
border-width:1px;
border-color:red green blue yellow;
padding: 8px;
border-radius: 5px;
font-size: 17px;
}
</style>
</table>
طبعا بعد اجراء التغيرات
الرابط هذا هو داخل الكود غير الاسماء وغير رابط المدونة
- الكود:
-
https://sites-dalil.blogspot.com/
والرقم هذا هو العرض
- الكود:
-
1000px;
وهذا الارتفاع
- الكود:
-
height: 50px;