هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخولRالوان


الى الاعلى

الى الاسفل

شاطر

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

Admin
مدير المنتدى
Adminمدير المنتدى
عدد المساهمات : 484
تاريخ التسجيل : 22/02/2012
http://ar.hitskin.com/my-skins-0.htm
مُساهمةموضوع: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq  cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq I_icon_minitime03.03.14 9:31

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

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

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

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

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>



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



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


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

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


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

cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq Bb10
https://i.servimg.com/u/f58/15/96/93/59/bb10.png

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


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


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

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

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

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

hamsa-haq


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


عدل سابقا من قبل Admin في 25.02.15 8:44 عدل 2 مرات
كمال بن هدية
المدير العام
كمال بن هديةالمدير العام
عدد المساهمات : 65
تاريخ التسجيل : 27/01/2014
العمر : 51
مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq  cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq I_icon_minitime08.03.14 18:10


ما شاء الله 
كود مميز و مفيد
مع شرح رائع
حفظكم الله و رعاكم
اسأل الله العظيم رب العرش العظيم أن يشفيكم
اسأل الله العظيم رب العرش العظيم أن يشفيكم
اسأل الله العظيم رب العرش العظيم أن يشفيكم
 الموضوع الأصلي  : cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq // المصدر : معهد همسة حق // الكاتب: كمال بن هدية
Admin
مدير المنتدى
Adminمدير المنتدى
عدد المساهمات : 484
تاريخ التسجيل : 22/02/2012
http://ar.hitskin.com/my-skins-0.htm
مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq  cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq I_icon_minitime27.03.14 10:19

الاخ كمال
تـوآجدك الرائــع ونــظره منك لموآضيعي هو الأبداع بــنفسه ..

يــســعدني ويــشرفني مروورك الحاار وردك وكلمااتك
الأرووع
تقبل تحيات اختك  بالله همسة



 امين  واجمعين  يا رب
 الموضوع الأصلي  : cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq // المصدر : معهد همسة حق // الكاتب: Admin
النجم المساعد
عضو جديد
النجم المساعدعضو جديد
الدولة : مصر
عدد المساهمات : 5
تاريخ التسجيل : 12/07/2014
مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq  cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq I_icon_minitime12.07.14 20:48

مشكوره
 الموضوع الأصلي  : cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq // المصدر : معهد همسة حق // الكاتب: النجم المساعد
zizou2012
عضو جديد
zizou2012عضو جديد
الدولة : الجزائر
عدد المساهمات : 13
تاريخ التسجيل : 07/06/2014
مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq  cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq I_icon_minitime31.08.14 20:52

مشكوره
 الموضوع الأصلي  : cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq // المصدر : معهد همسة حق // الكاتب: zizou2012
zizou2012
عضو جديد
zizou2012عضو جديد
الدولة : الجزائر
عدد المساهمات : 13
تاريخ التسجيل : 07/06/2014
مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq  cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq I_icon_minitime12.12.14 12:46

بارك الله فيك
 الموضوع الأصلي  : cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq // المصدر : معهد همسة حق // الكاتب: zizou2012
Admin
مدير المنتدى
Adminمدير المنتدى
عدد المساهمات : 484
تاريخ التسجيل : 22/02/2012
http://ar.hitskin.com/my-skins-0.htm
مُساهمةموضوع: رد: cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq  cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq I_icon_minitime25.02.15 8:49

الموضوع مغلق للتعديل
 الموضوع الأصلي  : cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq // المصدر : معهد همسة حق // الكاتب: Admin

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1

مواضيع مماثلة

-
» حصري كود تعريض وتصغير صورة اسم الاقسام ا و صورخلفية للعنوان الاقسام
» cssكود وضع اطار كامل حول الاقتباسات للنسخة phpBB3 و IPB و punBB
» كود وضع لقب للمديرالمنتدى واختيار الون المناسب له مقدم من*hamsa-haq*
» CSSكود لوضع اطاراسفل كل فئة حسب القياس والون الذي تريده للنسخة 3(hamsa-haq)
» كود Javascript تظليل محتوى الأكواد الجديد والحصري (hamsa-haq)

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: اكواد وقوالب التومبيلات وتقنيات اخرى :: الأكواد الإنسيابية CSS-
$(HAMSAHAQ({ 'معلومات الموضوع' :
العنوان
cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq
اخي اختي لا تنسى صلاتك فهي اهم من كل المنتديات
يتبع الموضوع الى قسم  :: اكواد وقوالب التومبيلات وتقنيات اخرى :: الأكواد الإنسيابية CSS
هل تريد?