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

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



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

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

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

سلام عليكم 




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


مثل هذا المنتدى


وشكرا 
avatar
العالمي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"/>


m13
avatar
JoryAbdallah
ادارة المنتدى


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

معاينة صفحة البيانات الشخصي للعضو https://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"/>

بارك الله فيك

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



سبحان الله وبحمده - سبحان الله العظيم
avatar
العالمي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"/>


m13
avatar
JoryAbdallah
ادارة المنتدى


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

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

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

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

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

نفس المشكلة


سبحان الله وبحمده - سبحان الله العظيم
avatar
العالمي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"/>


m13
avatar
JoryAbdallah
ادارة المنتدى


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

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

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

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

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

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


سبحان الله وبحمده - سبحان الله العظيم
avatar
العالمي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


m13
avatar
JoryAbdallah
ادارة المنتدى


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

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

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

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

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

لم يتم الحل

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

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

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

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


سبحان الله وبحمده - سبحان الله العظيم
avatar
العالمي8
عضو جديد


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

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

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

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

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

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


m13
avatar
JoryAbdallah
ادارة المنتدى


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

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

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

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

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

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

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


سبحان الله وبحمده - سبحان الله العظيم
avatar
العالمي8
عضو جديد


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

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

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

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

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

يغلق


m13
avatar
JoryAbdallah
ادارة المنتدى


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

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

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

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

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

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

انشئ حساب

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


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

تسجيل الدخول

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


تسجيل الدخول

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