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

  افضل مساهمة1
سلام عليكم 




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


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


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

<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
  افضل مساهمة3
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"/>

بارك الله فيك

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



سبحان الله وبحمده - سبحان الله العظيم
  افضل مساهمة4
اهلا طيب ضيف دة بقالب الهيدر
الكود:


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


m13
  افضل مساهمة5
نفس المشكلة


سبحان الله وبحمده - سبحان الله العظيم
  افضل مساهمة6
اتاسف ﻻن الخط الايقونات له عدة اصدارات جرب دة

الكود:

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


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


سبحان الله وبحمده - سبحان الله العظيم
  افضل مساهمة8
لقد قمت بتجربة بنفسي
وتاكدت من الوسم
الكود:


  <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
  افضل مساهمة9
لم يتم الحل

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

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

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

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


سبحان الله وبحمده - سبحان الله العظيم
  افضل مساهمة10
تم عمل المطلوب واشتغل الزر انت لم تعدل على قالب overall_header


m13
  افضل مساهمة11
JAR7 كتب:تم عمل المطلوب واشتغل الزر انت لم تعدل على قالب overall_header

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


سبحان الله وبحمده - سبحان الله العظيم
  افضل مساهمة12
يغلق


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