التعديل
- سجل دخولك الى لوحة تحكم الادارة [ admincp ]
- توجه الى اللغات والعبارات
- اختار البحث في العبارات
في الخيار الاول ابحث عن الجملة التالية :
images/unanswer.png
بعد البحث الان راح يظهر لك خيار واحد فقط مثل هذا الخيار
ادخل على تعديل :
ومن ثم في المستطيل الاول احذف ما بداخله واستبدله في هذا الكود:
كود:
<span class="ipsBadge" style="background:red;">بدون إجابة</span>
وبعدها اعمل حفظ .
الان نعيد تكرار الخطوات بالدخول على العبارات واللغات وهذه المرة البحث عن :
images/answered.png
ايضا بعد البحث راح يظهر لك خيار واحد اعمل عليه تعديل
ومن بعدها نفرغ مابداخل المستطيل الاول ونستبدله في هذا الكود :
كود:
<span class="ipsBadge" style="background:#7ba60d;">تمت الإجابة</
span>
الى الان شغلنا انتها من خلال تعديل الايقونات لاكن بقي شيء واحد وهو المكمل للدرس لطريقة عرض شكل الايقونات بشكل مميز او فلات تقريبا
نكمل خطواتنا مع بعض :
نتوجه الى رئيسية لوحة تحكم المنتدى
ومن الاستايلات نختار التحكم في الاستايلات
تمام راح يعطينا الاستايلات الي حاليا موجودة على المنتدى ,
نختار الاستايل الي مركبه بشكل افتراضي او فعال للاعضاء!..
نحدد خيارات جميع الاستايلات ثم نعمل الذهب
راح تقتح لك اعدادات الاستايلات بشكل مفصل احنا مايهمنا كل هذه الامور
الي يهم هو فقط النزول الى اخر الصفحة والتوجه الى خيار :
تعاريف CSS الإضافية/Additional CSS Definitions
في المستطيل الثاني نضيف في اخره هذا الكود :
كود:
.ipsBadge {
display: inline-block;
min-height: 20px;
line-height: 18px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
margin: 1px 0px 0 2px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
}
والى هنا وصلنا ختام الموضوع ,
الموضوع حصري وخاص فقط في معهد هيلبرنت
وجميع الحقوق محفوظة لمعهد هيلبرنت
ولا اسمح بنقل الموضوع بدون ذكر اسم المعهد ورابط الموضوع.