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

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

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

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

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

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


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

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

http://cctt.collegesforums.com

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

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

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

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

ذكر
عدد المساهمات : 11127
معدل النشاط : 13023
السُمعة : 296

http://yasirayad.com/

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

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

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

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

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



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

avatar
brave-haert90
 
 

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

http://cctt.collegesforums.com

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

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

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

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

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

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
 
 

ذكر
عدد المساهمات : 11127
معدل النشاط : 13023
السُمعة : 296

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
معدل النشاط : 1331
السُمعة : 0

http://cctt.collegesforums.com

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

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

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

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

ذكر
عدد المساهمات : 11127
معدل النشاط : 13023
السُمعة : 296

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
معدل النشاط : 1331
السُمعة : 0

http://cctt.collegesforums.com

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

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

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

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

avatar
brave-haert90
 
 

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

http://cctt.collegesforums.com

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

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

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

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

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

http://stones.arab.st/

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

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


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