مركز الإعتمادات العربى
مرحبا بك في مركز الإعتمادات العربي

تشرفنا زيارتك لنا وندعوك الى التسجيل وانضمام لنا والتمتع بخدماتنا المتميزة

مركز الإعتمادات العربى

إعتمادات أحلى منتدى , خدمات الإعتمادات و المعاملات المالية
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  
إنتظروا عروض جديدة حصرية و هدايا جديدة للخدمات المتطورة من أحلى منتدى
شاطر | 
 

 cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
hamsa-haq
عضو سوبر
عضو سوبر
avatar

انثى
عدد المساهمات : 1752
التقييم : 31
العمر : 54
احترام قوانين المنتدى :

مُساهمةموضوع: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الإثنين 3 مارس - 10:43

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

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

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



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>

<tbody>
<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://www.hamsahaq.com/f4-montada

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


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

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



وكل ما اريد ان اضيف اقسام جديدة زيادة عن ما وضعته انا في الكود راح تضيف عليه هذا الكود
الكود:
<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>

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



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


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

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


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


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



https://i.servimg.com/u/f58/15/96/93/59/n11.png
وهكذا حصلنا على شكل جميل ومميز لتسميات كل قسم


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

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

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

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

hamsa-haq


المصدر معهد همسة حق للدعم الاكواد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.hamsahaq.com
hamsa-haq
عضو سوبر
عضو سوبر
avatar

انثى
عدد المساهمات : 1752
التقييم : 31
العمر : 54
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الإثنين 3 مارس - 11:05

وهذا موقع للرموز الالوان


موقع رموز الالوان +محرر الاكواد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.hamsahaq.com
dourjan
عضو جديد
عضو جديد
avatar

ذكر
عدد المساهمات : 192
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الإثنين 17 مارس - 8:12

ما شاء الله على اكوادك اختي الكلايمة 

 دائما اكوادك مميزة 
 جزاك الله كل خير 
 تم التقيم

الرجوع الى أعلى الصفحة اذهب الى الأسفل
وسام للكومبيوتر
عضو سوبر
عضو سوبر
avatar

ذكر
عدد المساهمات : 7109
التقييم : 8
العمر : 30
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الخميس 20 مارس - 19:22

كود اكثر من رائع


مشكور جدا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.br3k.com/vb/
منة غنيم
عضو جديد
عضو جديد
avatar

انثى
عدد المساهمات : 38
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   السبت 22 مارس - 9:29

جزاكى الله خيرا كود روعة سلمت أناملك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
AmEr DeSiGN
عضو سوبر
عضو سوبر
avatar

ذكر
عدد المساهمات : 18260
التقييم : 0
العمر : 18
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الإثنين 7 أبريل - 6:22

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ibda3araby.com/
يطو عبدالرحمن
عضو سوبر
عضو سوبر
avatar

ذكر
عدد المساهمات : 1561
التقييم : 25
العمر : 22
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الثلاثاء 15 أبريل - 15:13

دايما متألق



شكرا لك وجزاك الله الف الف خير  :;وردة حمراء ه:

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.mcharef.com
زائر
زائر
avatar


مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الأحد 25 مايو - 21:57

بـﺂ̲ږڳ ﺂ̲ﻟ̲ﻟ̲ﮬ̲̌ﮧ ﻓ̲يےڳ

ﺳ̲ﻟ̲ﻣ̲ﺗ̲ يےﺩ̲ﺂ̲ڳ

ﺩ̲ﻣ̲ﺗ̲ بـخيےږ

الرجوع الى أعلى الصفحة اذهب الى الأسفل
C.RONALDO
عضو سوبر
عضو سوبر
avatar

ذكر
عدد المساهمات : 6044
التقييم : 5
العمر : 22
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الجمعة 6 يونيو - 14:18

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.orliine.com/
كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة
AmEr-Dz
عضو سوبر
عضو سوبر
avatar


ذكر
عدد المساهمات : 6639
التقييم : 4
العمر : 23
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الجمعة 4 يوليو - 6:01

شكرا [على] الموضوع تستاهل تقييم و تشجيع [على]
المجهودات الرائعة

الرجوع الى أعلى الصفحة اذهب الى الأسفل
almaldin
عضو سوبر
عضو سوبر
avatar


ذكر
عدد المساهمات : 3040
التقييم : 1
العمر : 37
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الأحد 10 يوليو - 11:52

]جزآڪ آللهـّ آلف خيّر علىّـآ آلموٍِضوٍِع آلمفيد وٍِ آلرآئع
بآرٍِڪ آللهـّ فيڪ وٍِآنآلڪ ڪل مآآفي بآلڪ وٍِآبعدڪ عن
ڪل شرٍِ وٍِحسد وحقد وآدخلڪ من فسيح جنآتهـّ يآآرب 


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://almsoft.sudanforums.net/
El Desha El Hlawany1
عضو جديد
عضو جديد
avatar


ذكر
عدد المساهمات : 103
التقييم : 0
العمر : 21
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   السبت 11 مارس - 23:18


شكر جزيلا للطرح القيم

ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
nadija
رئيس الاشراف
رئيس الاشراف
avatar

عدد المساهمات : 2385
التقييم : 6
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الجمعة 12 يناير - 14:22

شكرا لك على ما قدمته لنا

تقبل مروري

الرجوع الى أعلى الصفحة اذهب الى الأسفل
abuahmad
عضو نشيط
عضو نشيط
avatar

عدد المساهمات : 356
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq   الجمعة 19 يناير - 19:34

موضوع رائع



وطرح مميز


تسلم الايادي


تحياتي


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات :: ملتقى الدعم و التطوير :: قسم الاكواد و التقنيات-