| كيف أقوم بعمل بادئات عند كتابة الموضوع | |
|
|
كاتب الموضوع | رسالة |
---|
brave-haert90
عدد المساهمات : 68 معدل النشاط : 3789 السُمعة : 0
| موضوع: كيف أقوم بعمل بادئات عند كتابة الموضوع الخميس 21 يناير 2016 - 19:30 | |
| السلام عليكم و رحمة الله و بركاته هلا و سهلا و مرحبا بالجميع مساء الخير كيف أقوم بعمل مثل هذا في منتداي : يعني كل قسم في منتداي يكون فيه بادئات معينة خاصة بها يعني مثل الصورة السابقة في قسم التشغيل يخرج لي بادئات خاصة بالويندوز فقط و هكذا | |
|
| |
YasirAyad
عدد المساهمات : 10114 معدل النشاط : 15495 السُمعة : 297
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع الجمعة 22 يناير 2016 - 0:17 | |
| | |
|
| |
brave-haert90
عدد المساهمات : 68 معدل النشاط : 3789 السُمعة : 0
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع الجمعة 22 يناير 2016 - 0:52 | |
| | |
|
| |
{عذب}
عدد المساهمات : 3028 معدل النشاط : 9977 السُمعة : 294
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع الجمعة 22 يناير 2016 - 10:30 | |
| | |
|
| |
YasirAyad
عدد المساهمات : 10114 معدل النشاط : 15495 السُمعة : 297
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع الجمعة 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
عدل سابقا من قبل new.moon في السبت 23 يناير 2016 - 2:41 عدل 1 مرات | |
|
| |
brave-haert90
عدد المساهمات : 68 معدل النشاط : 3789 السُمعة : 0
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع السبت 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 اخي الغالي بارك الله فيك و في والديك و يجعل مثواك الجنة يا رب و لكن لم أفهم عليك الرجاء منك لو سمحت وحدة وحدة يعني الخطوة الأولى ماذا أفعل ثم ماذا أفعل في الخطوة الثانية و هكذا | |
|
| |
YasirAyad
عدد المساهمات : 10114 معدل النشاط : 15495 السُمعة : 297
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع السبت 23 يناير 2016 - 2:48 | |
| | |
|
| |
brave-haert90
عدد المساهمات : 68 معدل النشاط : 3789 السُمعة : 0
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع السبت 23 يناير 2016 - 13:08 | |
| | |
|
| |
brave-haert90
عدد المساهمات : 68 معدل النشاط : 3789 السُمعة : 0
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع السبت 23 يناير 2016 - 13:11 | |
| و إستفسار آخر كيف أقوم بعمل مثل هذه الأيقونة المؤشر عليها بالدائرة الحمراء و المشار إليها بالسهم الأخضر : | |
|
| |
stones
عدد المساهمات : 7462 معدل النشاط : 16425 السُمعة : 414
| موضوع: رد: كيف أقوم بعمل بادئات عند كتابة الموضوع السبت 23 يناير 2016 - 13:40 | |
| | |
|
| |
| كيف أقوم بعمل بادئات عند كتابة الموضوع | |
|