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

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
brave-haert90
 
 
brave-haert90


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالخميس 21 يناير 2016 - 19:30

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

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

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

يعني كل قسم في منتداي يكون فيه بادئات معينة خاصة بها
يعني مثل الصورة السابقة في قسم التشغيل يخرج لي بادئات خاصة بالويندوز فقط و هكذا 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://cctt.collegesforums.com
YasirAyad
 
 
YasirAyad


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالجمعة 22 يناير 2016 - 0:17

مرحباً بك عزيزي
تابع الشرح التالي
[Template]كود جديدة لاضافة البادئة في عنوان الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://yasirayad.com/
brave-haert90
 
 
brave-haert90


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالجمعة 22 يناير 2016 - 0:52

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

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

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

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

كيف أقوم بعمل بادئات عند كتابة الموضوع 701404908
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://cctt.collegesforums.com
{عذب}
 
 
{عذب}


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالجمعة 22 يناير 2016 - 10:30

وعليكم السلام تفضل بالجافا سكربت
(JAVASCRIPT)كود بادئة الموضوع بدون تومبيلايت ***Mohamed Nsr
Cool
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://3thab.rigala.net/
YasirAyad
 
 
YasirAyad


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالجمعة 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 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://yasirayad.com/
brave-haert90
 
 
brave-haert90


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالسبت 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

اخي الغالي بارك الله فيك و في والديك و يجعل مثواك الجنة يا رب و لكن لم أفهم عليك الرجاء منك لو سمحت وحدة وحدة يعني الخطوة الأولى ماذا أفعل ثم ماذا أفعل في الخطوة الثانية و هكذا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://cctt.collegesforums.com
YasirAyad
 
 
YasirAyad


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالسبت 23 يناير 2016 - 2:48

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


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالسبت 23 يناير 2016 - 13:08

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


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

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

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

و ياريت لو تقول لي من أين اتي بمثل هذه الأيقونات الموجودة في الصورة و شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://cctt.collegesforums.com
brave-haert90
 
 
brave-haert90


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالسبت 23 يناير 2016 - 13:11

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

كيف أقوم بعمل بادئات عند كتابة الموضوع 620276117
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://cctt.collegesforums.com
stones
 
 
stones


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

كيف أقوم بعمل بادئات عند كتابة الموضوع Empty
مُساهمةموضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع   كيف أقوم بعمل بادئات عند كتابة الموضوع Emptyالسبت 23 يناير 2016 - 13:40

بعد اذن الاخوه اعلاه
--------------
https://help.ahlamontada.com/t147441-topic
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://stones.arab.st/
 
كيف أقوم بعمل بادئات عند كتابة الموضوع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كيف أقوم بعمل تسجيل محترف مثل الـ vb
» كيف أقوم بعمل شريط متحرك للإهداءات
» كيف أقوم بعمل إعلان في الصفحة الرئيسية ..؟
» كيف أقوم بعمل تابعنا على إحدى الشبكات الإجتماعية
» كيف أقوم بعمل إحصائيات المنتدى بشكل إحترافي ؟

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"-
انتقل الى: