المشاركات اخر المواضيع الاكثر مشاهدة

En çok mesaj

السلام عليكم ورحمة الله وبركاته اقدم لحضراتكم اضافة بسيطة لتعديل هاك افضل اجابة , هاك الاجابات , هاك مجابة , هاك غير مجابة . [ توافق الهاك ] يعمل بشكل جيد...

احصائياتى
الردود
0
المشاهدات
390

L!nux

:: Super Moderator ::
طاقم الإدارة

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

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





التعديل

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



في الخيار الاول ابحث عن الجملة التالية :
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; }

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

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