منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


ممكن طريقة وضع الايقونات في وصف القسم

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف العالمي8 في 26/10/16, 09:10 pm

سلام عليكم 




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




وشكرا 

العالمي8

الجنس : ذكر
عدد المساهمات : 7
التقييم : 10
تاريخ التسجيل : 16/09/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف JAR7 في 27/10/16, 02:20 am

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

<em class="fa fa-book desc-icon title"></em>
حيث تغيير دة fa fa-book desc-icon
بوسم ايقونه جديد من هنا
http://fontawesome.io/icons/
ودة كود css بتاعه
الرمز:

.desc-icon {
    border-radius: 100%;
    box-sizing: border-box;
    color: #fff;
    float: right;
    font-size: 20px !important;
    height: 35px;
    margin-left: 5px;
    margin-right: 3px;
    margin-top: 2px;
    padding: 8px 0;
    text-align: center;
    width: 35px;
}

طبعا دة للي معاه ومركب نفس الاستايل
اما اذا مركب استايل ثاني وتريد تضيف هالخصية
لازم تفتح قالب الهيدر واعلى
</head>
تضيف هالوسم
الرمز:

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"/>



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف العالمي8 في 27/10/16, 01:51 pm

@JAR7 كتب:اهلا وسهلا بك
يتم وضع الكود الاتي بداخل صندوق وصف القسم
الرمز:

<em class="fa fa-book desc-icon title"></em>
حيث تغيير دة fa fa-book desc-icon
بوسم ايقونه جديد من هنا
http://fontawesome.io/icons/
ودة كود css بتاعه
الرمز:

.desc-icon {
    border-radius: 100%;
    box-sizing: border-box;
    color: #fff;
    float: right;
    font-size: 20px !important;
    height: 35px;
    margin-left: 5px;
    margin-right: 3px;
    margin-top: 2px;
    padding: 8px 0;
    text-align: center;
    width: 35px;
}

طبعا دة للي معاه ومركب نفس الاستايل
اما اذا مركب استايل ثاني وتريد تضيف هالخصية
لازم تفتح قالب الهيدر واعلى
</head>
تضيف هالوسم
الرمز:

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"/>

بارك الله فيك

الاايقونة ماتظهر 
 صورة للمشكلة



سبحان الله وبحمده - سبحان الله العظيم

العالمي8

الجنس : ذكر
عدد المساهمات : 7
التقييم : 10
تاريخ التسجيل : 16/09/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف JAR7 في 27/10/16, 01:57 pm

اهلا طيب ضيف دة بقالب الهيدر
الرمز:


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف العالمي8 في 27/10/16, 05:11 pm

نفس المشكلة


سبحان الله وبحمده - سبحان الله العظيم

العالمي8

الجنس : ذكر
عدد المساهمات : 7
التقييم : 10
تاريخ التسجيل : 16/09/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف JAR7 في 27/10/16, 05:48 pm

اتاسف ﻻن الخط الايقونات له عدة اصدارات جرب دة

الرمز:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/3.4.0/css/font-awesome.min.css"/>



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف العالمي8 في 27/10/16, 06:39 pm

لا زالت المشكلة نفسها


سبحان الله وبحمده - سبحان الله العظيم

العالمي8

الجنس : ذكر
عدد المساهمات : 7
التقييم : 10
تاريخ التسجيل : 16/09/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف JAR7 في 27/10/16, 06:54 pm

لقد قمت بتجربة بنفسي
وتاكدت من الوسم
الرمز:


  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"/>

اخي ضيفه بقالب overall_header
اعلى دة الكلمة بالقالب

</head>

وسجل ثم انشر
وشوف هنا الايقونة شغاله
joryy.forumarabia.com/?tt=1



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف العالمي8 في 27/10/16, 08:04 pm

لم يتم الحل

ابرسل على الخاص 

بيانات المنتدى التجريبي

ممكن تنحل المشكلة

الله يعطيك العافية ماقصرتي


سبحان الله وبحمده - سبحان الله العظيم

العالمي8

الجنس : ذكر
عدد المساهمات : 7
التقييم : 10
تاريخ التسجيل : 16/09/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف JAR7 في 27/10/16, 08:14 pm

تم عمل المطلوب واشتغل الزر انت لم تعدل على قالب overall_header



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف العالمي8 في 27/10/16, 08:43 pm

@JAR7 كتب:تم عمل المطلوب واشتغل الزر انت لم تعدل على قالب overall_header

الله يعطيك العافية وجزاك الله خير


سبحان الله وبحمده - سبحان الله العظيم

العالمي8

الجنس : ذكر
عدد المساهمات : 7
التقييم : 10
تاريخ التسجيل : 16/09/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: ممكن طريقة وضع الايقونات في وصف القسم

مُساهمة من طرف JAR7 في 28/10/16, 12:32 am

يغلق



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

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

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى