منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم
لقد نسيت كلمة السر
منتديات تقنيات
1 / 4
تقنيات حصرية
2 / 4
اطلب استايلك مجانا
3 / 4
استايلات تومبلايت جديدة
4 / 4
دروس اشهار الموقع



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



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

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

مُساهمة  في 26/10/16, 09:10 pm

سلام عليكم 




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




وشكرا 

العالمي8

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

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

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

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

مُساهمة  في 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
ادارة المنتدى


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

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

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

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

مُساهمة  في 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

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

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

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

مُساهمة  في 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
ادارة المنتدى


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

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

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

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

مُساهمة  في 27/10/16, 05:11 pm

نفس المشكلة


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

العالمي8

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

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

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

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

مُساهمة  في 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
ادارة المنتدى


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

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

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

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

مُساهمة  في 27/10/16, 06:39 pm

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


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

العالمي8

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

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

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

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

مُساهمة  في 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
ادارة المنتدى


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

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

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

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

مُساهمة  في 27/10/16, 08:04 pm

لم يتم الحل

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

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

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

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


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

العالمي8

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

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

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

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

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

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



JAR7
ادارة المنتدى


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

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

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

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

مُساهمة  في 27/10/16, 08:43 pm

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

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


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

العالمي8

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

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

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

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

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

يغلق



JAR7
ادارة المنتدى


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

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

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

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

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

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

انشئ حساب

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


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

تسجيل الدخول

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


تسجيل الدخول

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