L!nux

:: Super Moderator ::
طاقم الإدارة
إنضم
2 يونيو 2018
المشاركات
49
مستوى التفاعل
17
النقاط
8
تعديل هاك افضل اجابة , تغير ايقونات هاك الاجابات
السلام عليكم ورحمة الله وبركاته
اقدم لحضراتكم اضافة بسيطة لتعديل هاك افضل اجابة , هاك الاجابات , هاك مجابة , هاك غير مجابة .

[ توافق الهاك ] يعمل بشكل جيد على جميع نسخ الجيل الثالث .
[ اسم الاضافة ] : هاك افضل اجابة تطوير .
[ نوع الاضافة ] : اضافة مجانية
مثال


fe123faf2e9a1.png



التعديل

  1. سجل دخولك الى لوحة تحكم الادارة [ admincp ]
  2. توجه الى اللغات والعبارات
  3. اختار البحث في العبارات
d2568f26b89d1.png



في الخيار الاول ابحث عن الجملة التالية :
images/unanswer.png
b521df03654d1.png



بعد البحث الان راح يظهر لك خيار واحد فقط مثل هذا الخيار

8c822ea0edf21.png

ادخل على تعديل :
ومن ثم في المستطيل الاول احذف ما بداخله واستبدله في هذا الكود:


كود:
<span class="ipsBadge" style="background:red;">بدون إجابة</span>
وبعدها اعمل حفظ .
الان نعيد تكرار الخطوات بالدخول على العبارات واللغات وهذه المرة البحث عن :
images/answered.png


0ca3a23e15a01.png


ايضا بعد البحث راح يظهر لك خيار واحد اعمل عليه تعديل


906ff31044001.png



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


كود:
<span class="ipsBadge" style="background:#7ba60d;">تمت الإجابة</ span>
الى الان شغلنا انتها من خلال تعديل الايقونات لاكن بقي شيء واحد وهو المكمل للدرس لطريقة عرض شكل الايقونات بشكل مميز او فلات تقريبا
نكمل خطواتنا مع بعض :

نتوجه الى رئيسية لوحة تحكم المنتدى
ومن الاستايلات نختار التحكم في الاستايلات



3ba17423c8b21.png




تمام راح يعطينا الاستايلات الي حاليا موجودة على المنتدى ,
نختار الاستايل الي مركبه بشكل افتراضي او فعال للاعضاء!..



cd4e36099b271.png



نحدد خيارات جميع الاستايلات ثم نعمل الذهب
راح تقتح لك اعدادات الاستايلات بشكل مفصل احنا مايهمنا كل هذه الامور
الي يهم هو فقط النزول الى اخر الصفحة والتوجه الى خيار :
تعاريف CSS الإضافية/Additional CSS Definitions


a54d05bff5581.png



في المستطيل الثاني نضيف في اخره هذا الكود :​


كود:
.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; }

والى هنا وصلنا ختام الموضوع ,

الموضوع حصري وخاص فقط في معهد هيلبرنت وشبكة الصاعقة
وجميع الحقوق محفوظة لمعهد هيلبرنت وشبكة الصاعقة
ولا اسمح بنقل الموضوع بدون ذكر اسم المعهد ورابط الموضوع.
 
أعلى