منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
ahd allah
 
Mohamed Nsr
 
zaydoon
 
الزعيم
 
DeLeTe
 
JAR7
 
احزان القلب
 
Anas 1657
 
yobhy
 
FRED RAY
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

كيف أقوم بعمل بادئات عند كتابة الموضوع

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

كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف brave-haert90 في الخميس 21 يناير 2016 - 19:30

السلام عليكم و رحمة الله و بركاته
هلا و سهلا و مرحبا بالجميع
مساء الخير

كيف أقوم بعمل مثل هذا في منتداي :


يعني كل قسم في منتداي يكون فيه بادئات معينة خاصة بها
يعني مثل الصورة السابقة في قسم التشغيل يخرج لي بادئات خاصة بالويندوز فقط و هكذا 

brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 821

http://cctt.collegesforums.com

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

رد: كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف brave-haert90 في الجمعة 22 يناير 2016 - 0:52

@new.moon كتب:مرحباً بك عزيزي
تابع الشرح التالي
[Template]كود جديدة لاضافة البادئة في عنوان الموضوع

أولا : شكرا لك و بارك الله فيك و الله يرحم والديك و يجعل مثواك الجنة يا غالي
ثانيا : أنظر كيف خرج لي :



أنا أريد مثل هذا بالضبط :


brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 821

http://cctt.collegesforums.com

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

رد: كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف {عذآب} في الجمعة 22 يناير 2016 - 10:30

وعليكم السلام تفضل بالجافا سكربت
(JAVASCRIPT)كود بادئة الموضوع بدون تومبيلايت ***Mohamed Nsr
Cool

{عذآب}
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 2906
معدل النشاط : 5994

https://www.youtube.com/watch?v=9y_yQlhXluk

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

رد: كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف new.moon في الجمعة 22 يناير 2016 - 11:53

بعد التعديل على الكود في الموضوع الذي أضافة ابو ادريس

استعمل الكود التالي جافاسكربت - جميع الصفحات
الرمز:
var PREFIJOS_TEMAS = [];

   PREFIJOS_TEMAS.push("[Tutorial]");
   PREFIJOS_TEMAS.push("[Guide]");
   PREFIJOS_TEMAS.push("[Help]");
   PREFIJOS_TEMAS.push("[Off-Topic]");
   PREFIJOS_TEMAS.push("[Games]");
   PREFIJOS_TEMAS.push("[Solved]");
   PREFIJOS_TEMAS.push("[Progress]");
   PREFIJOS_TEMAS.push("[Video]");
   PREFIJOS_TEMAS.push("[Audio]");
   PREFIJOS_TEMAS.push("[Download]");

$(function () {
   if(/^\/post\?f=\d+&mode=newtopic/.test($(location).attr('pathname') + $(location).attr('search'))){  
      var html_options_prefijo = "<select name='prefijos'><option value=''>--Select--</option>";
      for(var prefijo in PREFIJOS_TEMAS){
         html_options_prefijo += "<option value='" + PREFIJOS_TEMAS[prefijo] + "'>" + PREFIJOS_TEMAS[prefijo] + "</option>";
      }
      html_options_prefijo += "</select>";      
      $('input[name="subject"]').before(html_options_prefijo);        
      $("form[method='post']").submit(function() {
         $('input[name="subject"]').val(($('select[name="prefijos"]').val() ? $('select[name="prefijos"]').val() + " " : "") + $('input[name="subject"]').val());
      });
   }
});

ثم

أنشئ جافاسكربت أخرى بالتالي

الرمز:
$(function () {
   $("a[href^='/t'],a[href^='http://"+ location.host +"/t']").html(function () {
      var u = $(this).text();
      if(/^\[([^\[\]]+)\]/.test(u)) return u.replace(/^\[[^\[\]]+\]/, function (a) {
         a = a.slice(1, -1);
         return '<span class="prefix ' + a + '">' + a + "</span>"
      })
   });
});

ثم أضف اكود الـ css التالية

الرمز:
.prefix {
    background: #008287;
    border-radius: 2px;
    color: #FFF;
        display: table;
    height: 18px;
    line-height: 18px;
    padding: 0 12px;
}
.prefix.Solved {
    background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;
      display: table;
}
.prefix.Tutorial{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;
    display: table;
}
.prefix.Guide{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;
    display: table;
}
.prefix.Help{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;
    display: table;
}


/* بأمكانك اضافة المزيد */

لأضافة كود أخر لكلمه أخرى استخدم التالي
هنا شرح أضافة زر اخر لكلمة أخرى:

الرمز:

.prefix.هنا اسم الكلمة {
 }
مثلا
الرمز:

.prefix.admin
{
هنا التأثيرات
}
ثم نقوم بوضع اكواد css في داخلها بالطريقة التالية
الرمز:

.prefix.admin {
background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
display: table;  
 background-repeat: round
}

ولا تنسى ان تضيف الأسم الجديد في الكود جافاسكربت الأول في ردي هذه
تضيف التالي
الرمز:
PREFIJOS_TEMAS.push("[admin]");

من المهم ان تقوم بتغير الصور بما تناسبك في كل الازرار من خلال ورقة css tongue


عدل سابقا من قبل new.moon في السبت 23 يناير 2016 - 2:41 عدل 1 مرات

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10637
معدل النشاط : 12009

http://ahlamontada.com

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

رد: كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف brave-haert90 في السبت 23 يناير 2016 - 2:06

@new.moon كتب:بعد التعديل على الكود في الموضوع الذي أضافة ابو ادريس

استعمل الكود التالي جافاسكربت - جميع الصفحات
الرمز:
var PREFIJOS_TEMAS = [];

   PREFIJOS_TEMAS.push("[Tutorial]");
   PREFIJOS_TEMAS.push("[Guide]");
   PREFIJOS_TEMAS.push("[Help]");
   PREFIJOS_TEMAS.push("[Off-Topic]");
   PREFIJOS_TEMAS.push("[Games]");
   PREFIJOS_TEMAS.push("[Solved]");
   PREFIJOS_TEMAS.push("[Progress]");
   PREFIJOS_TEMAS.push("[Video]");
   PREFIJOS_TEMAS.push("[Audio]");
   PREFIJOS_TEMAS.push("[Download]");

$(function () {
   if(/^\/post\?f=\d+&mode=newtopic/.test($(location).attr('pathname') + $(location).attr('search'))){  
      var html_options_prefijo = "<select name='prefijos'><option value=''>--Select--</option>";
      for(var prefijo in PREFIJOS_TEMAS){
         html_options_prefijo += "<option value='" + PREFIJOS_TEMAS[prefijo] + "'>" + PREFIJOS_TEMAS[prefijo] + "</option>";
      }
      html_options_prefijo += "</select>";      
      $('input[name="subject"]').before(html_options_prefijo);        
      $("form[method='post']").submit(function() {
         $('input[name="subject"]').val(($('select[name="prefijos"]').val() ? $('select[name="prefijos"]').val() + " " : "") + $('input[name="subject"]').val());
      });
   }
});

ثم

أنشئ جافاسكربت أخرى بالتالي

الرمز:
$(function () {
   $("a[href^='/t'],a[href^='http://"+ location.host +"/t']").html(function () {
      var u = $(this).text();
      if(/^\[([^\[\]]+)\]/.test(u)) return u.replace(/^\[[^\[\]]+\]/, function (a) {
         a = a.slice(1, -1);
         return '<span class="prefix ' + a + '">' + a + "</span>"
      })
   });
});

ثم أضف اكود الـ css التالية
الرمز:
.prefix {
    background: #008287;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 12px;
}
.prefix.Solved {
    background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;
}
.prefix.Tutorial{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;}
.prefix.Guide{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;}
.prefix.Help{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;}
/* بأمكانك اضافة المزيد */


لأضافة كود أخر لكلمه أخرى استخدم التالي
هنا شرح أضافة زر اخر لكلمة أخرى:

الرمز:

.prefix.هنا اسم الكلمة {
 }
مثلا
الرمز:

.prefix.admin
{
هنا التأثيرات
}
ثم نقوم بوضع اكواد css في داخلها بالطريقة التالية
الرمز:

.prefix.admin {
background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round
}

ولا تنسى ان تضيف الأسم الجديد في الكود جافاسكربت الأول في ردي هذه
تضيف التالي
الرمز:
PREFIJOS_TEMAS.push("[admin]");

من المهم ان تقوم بتغير الصور بما تناسبك في كل الازرار من خلال ورقة css tongue

اخي الغالي بارك الله فيك و في والديك و يجعل مثواك الجنة يا رب و لكن لم أفهم عليك الرجاء منك لو سمحت وحدة وحدة يعني الخطوة الأولى ماذا أفعل ثم ماذا أفعل في الخطوة الثانية و هكذا

brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 821

http://cctt.collegesforums.com

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

رد: كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف new.moon في السبت 23 يناير 2016 - 2:48

صديقي ما رأيك بأتباع الشرح التالي ليكون سهل عليك وعلى الأعضاء أيضاً وأكثر ترتيب ؟
http://help.ahlamontada.com/t147441-topic#646567

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10637
معدل النشاط : 12009

http://ahlamontada.com

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

رد: كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف brave-haert90 في السبت 23 يناير 2016 - 13:08

@new.moon كتب: صديقي ما رأيك بأتباع الشرح التالي ليكون سهل عليك وعلى الأعضاء أيضاً وأكثر ترتيب ؟
http://help.ahlamontada.com/t147441-topic#646567


أنا إتبعت مثل ما موجود في الرابط و قمت بعمله في منتداي و لكن أنا اريد مثل هذه الأيقونات :


هل تقصد أنت أويها بنفس الخطوات الموجودة في  هذا الرابط :

http://help.ahlamontada.com/t147441-topic#646567

و ياريت لو تقول لي من أين اتي بمثل هذه الأيقونات الموجودة في الصورة و شكرا

brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 821

http://cctt.collegesforums.com

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

رد: كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف brave-haert90 في السبت 23 يناير 2016 - 13:11

و إستفسار آخر كيف أقوم بعمل مثل هذه الأيقونة المؤشر عليها بالدائرة الحمراء و المشار إليها بالسهم الأخضر :


brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 821

http://cctt.collegesforums.com

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

رد: كيف أقوم بعمل بادئات عند كتابة الموضوع

مُساهمة من طرف stones في السبت 23 يناير 2016 - 13:40

بعد اذن الاخوه اعلاه
--------------
http://help.ahlamontada.com/t147441-topic

stones
 
 

ذكر
عدد المساهمات : 11040
معدل النشاط : 13410

http://stones.arab.st/

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

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


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