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

4 مشترك

اذهب الى الأسفل

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

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

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

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

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

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

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

http://cctt.collegesforums.com

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

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

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

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

ذكر
عدد المساهمات : 10113
معدل النشاط : 15262
السُمعة : 297

http://yasirayad.com/

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

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

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

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

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

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

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

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

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

http://cctt.collegesforums.com

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

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

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

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

ذكر
عدد المساهمات : 3029
معدل النشاط : 9745
السُمعة : 294

https://3thab.rigala.net/

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

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

مُساهمة من طرف 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;
}


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

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

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


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

ذكر
عدد المساهمات : 10113
معدل النشاط : 15262
السُمعة : 297

http://yasirayad.com/

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

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

مُساهمة من طرف 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;}
/* بأمكانك اضافة المزيد */


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

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

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

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

http://cctt.collegesforums.com

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

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

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

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

ذكر
عدد المساهمات : 10113
معدل النشاط : 15262
السُمعة : 297

http://yasirayad.com/

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

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

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

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


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

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

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

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

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

http://cctt.collegesforums.com

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

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

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

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

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

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

http://cctt.collegesforums.com

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

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

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

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

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

http://stones.arab.st/

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

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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