بسم الله الرحمن الرحيم
 والسلام وعليكم ورحمة الله وبركاته
اخواني اخواتي اعضاء وزوار معهد همسة حق اهلا ومرحبا بكم
اخواني اليوم اقدم كود جديد ومميز عسى ان ينال اعجابكم

الكود هو عبارة عن شكل جديد لاقسام الفرعية في المنتدى

صورة توضيحية للكود



https://i.servimg.com/u/f58/15/96/93/59/c10.jpg

والان ننسخ هذا الكود ونضعه في ورقة ال css

الكود:

/**بداية كود الاقسام الفرعية **hamsa-haq**/
.class1 {
opacity:0.8;
width:120px;
margin-bottom:2px;
-webkit-transition:all 1s linear;
background-color:#5F5DEA;/*لون الاساسي الظاهر*/
font-family:tahoma;/*hamsa-haq*/
font-size: 9.5px;
padding:2px 0px 2px 10px;
line-height:120%;
border-left:15px solid #454C1F;/*لون جنب اليسار*/
border-radius:30px 30px 30px 30px;
list-style-type:none;
text-align:left;
}
.class1:hover{
opacity:1;/*hamsa-haq*/
border-left:30px solid #454C1F7;/*لون جنب اليسار*/
background-color:#E45B25;/*لون خلفية عند مرور الماوس على اسم القسم */
border-radius:30px 30px 30px 30px;
color: #4B088A
}
.desc9 {
width:140px;/*hamsa-haq*/
height:50px;
margin-top:-25px;
padding: 20px
display: block;
margin-left: 15px
}
.desc10 {
width: 140px;
height:50px;/*hamsa-haq*/
margin-top: -25px;
padding: 10px;
display: block;
}
/*نهاية كود الاقسام الفرعية**hamsa-haq**/

والان الخطوة الثانية
والان ننسخ هذا الكود من هنا

الكود:

<table>


<tr>

<td>

<div class="desc10">

<div class="class1">
<a href="رابط القسم"><span style="color: #C2E31C; font-weight: bold;"> اسم القسم </span></a><br />
</div>

<div class="class1">
<a href="رابط القسم"><span style="color: #C2E31C; font-weight: bold;"> اسم القسم </span></a><br />
</div>

</div>

</td>

<td>

<div class="desc9">

<div class="class1">
<a href="رابط القسم"><span style="color: #C2E31C; font-weight: bold;"> اسم القسم </span></a><br />
</div>

<div class="class1">
<a href="رابط القسم"><span style="color: #C2E31C; font-weight: bold;"> اسم القسم </span></a><br />
</div>

</div>

</td>

</tr>

</tbody>
</table>

ندخل الى هذا الرابط  وهو عبارة عن محرر الأكواد  ونستفيد منه لاجل فحص الأكواد
http://alhoub.arab.st/h1-page

ونضعه في الكود اعلاه ونعدل على روابط الكودوبعد ان وضعنا الكود في المحرر
 نذهب الى اي قسم فيه عدة اقسام فرعية
 
مثلا قسم أكواد الهتمل



 وهذا رابطه في منتداي

الكود:

http://hamsahq.123.st/f4-montada

 انسخه واضعه في الكود الذي وضعته في المحرر


 وراح يكون بهذا الشكل

الكود:

<div class="class1">
<a href="http://hamsahq.123.st/f4-montada"><span style="color: #C2E31C; font-weight: bold;">HTML<a href="http://http://hamsahq.123.st/">أكواد</a></span></a><br />
</div>

وكل ما اريد ان اضيف اقسام جديدة زيادة عن ما وضعته انا في الكود راح تضيف عليه هذا الكود

الكود:

<div class="class1">
<a href="رابط القسم"><span style="color: #C2E31C; font-weight: bold;"> اسم القسم </span></a><br />
</div>

وبعد ان انتهينا من وضع الروابط واسم القسم ننسخ الكود ونضعه في  وصف  القسم



 ندخل لوحة الادارة


ادارة عامة
منتدى

المنتديات والفئات


وصف الفئة او القسم ونضع فيه الكود الذي جهزناه سابقا في المحرر
 ونضغط على سجل


https://i.servimg.com/u/f58/15/96/93/59/bb10.png




وهكذا حصلنا على شكل جميل ومميز لتسميات كل قسم


  يسمح بنقل الموضوع مع ذكر المصدر وعدم حذف حقوقي من على الكود

والان لي طلب صغير عندكم

 ارجو منكم الدعاء لي بالشفاء والرحمة للوالدي

 اختكم بالله همسة حق

hamsa-haq