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

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


انشاء منتدى مجاني شبيه بهذا المنتدى

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

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

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

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

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

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


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

ذكر
عدد المساهمات : 405
معدل النشاط : 1175
السُمعة : 0

http://cctt.collegesforums.com

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

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

مُساهمة من طرف YasirAyad في الجمعة 22 يناير 2016 - 0:17

مرحباً بك عزيزي
تابع الشرح التالي
[Template]كود جديدة لاضافة البادئة في عنوان الموضوع
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12864
السُمعة : 295

http://yasirayad.com/

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

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

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

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

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



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

avatar
brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 1175
السُمعة : 0

http://cctt.collegesforums.com

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

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

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

وعليكم السلام تفضل بالجافا سكربت
(JAVASCRIPT)كود بادئة الموضوع بدون تومبيلايت ***Mohamed Nsr
Cool
avatar
{عذآب}
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 3811
معدل النشاط : 7352
السُمعة : 293

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

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

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

مُساهمة من طرف YasirAyad في الجمعة 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 مرات
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12864
السُمعة : 295

http://yasirayad.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

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1175
السُمعة : 0

http://cctt.collegesforums.com

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

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

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

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

ذكر
عدد المساهمات : 11125
معدل النشاط : 12864
السُمعة : 295

http://yasirayad.com/

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

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

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

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


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


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

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

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

ذكر
عدد المساهمات : 405
معدل النشاط : 1175
السُمعة : 0

http://cctt.collegesforums.com

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

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

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

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

avatar
brave-haert90
 
 

ذكر
عدد المساهمات : 405
معدل النشاط : 1175
السُمعة : 0

http://cctt.collegesforums.com

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

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

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

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

ذكر
عدد المساهمات : 11056
معدل النشاط : 13789
السُمعة : 414

http://stones.arab.st/

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

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


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