ختم المواضيع

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

ختم المواضيع

مُساهمة من طرف روبي ديزاين في الإثنين 17 أبريل 2017 - 23:55

سلام الله عليكم
كيف ممكن اظيف خاصية ختم المواضيع مثل كذا



وجزاكم ربي كل خير
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 417
معدل النشاط : 980
السُمعة : 23

http://roubi-des.site123.me

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

رد: ختم المواضيع

مُساهمة من طرف JoryAbdallah في الثلاثاء 18 أبريل 2017 - 0:14

بادئة للمواضيع بالوان مختلفة بشكل احترافي حصريا
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم بادئة للمواضيع حصريا هنا صورة للبادئة وعملها

https://i.servimg.com/u/f37/16/46/77/76/423.png

https://i.servimg.com/u/f37/16/46/77/76/319.png
طريقة تركيب ..
كودين جافا سكربت و كود css
اوﻻ كود 1 للجافا سكربت
اذهب إلى لوحة الإدارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript
تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي

الكود:

$(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>"
      })
   });
});

ثم اعمل كود جافا اخر
انشاء كود الاسم اي شئ اختار جميع صفحات وضع الكود الاتي

الكود:

var PREFIJOS_TEMAS = [];
 
  PREFIJOS_TEMAS.push("[جديد]");
  PREFIJOS_TEMAS.push("[حصري]");
  PREFIJOS_TEMAS.push("[عاجل]");
  PREFIJOS_TEMAS.push("[css]");
  PREFIJOS_TEMAS.push("[هام]");
  PREFIJOS_TEMAS.push("[مميز]");
 
$(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());
      });
   }
});

ثم كود css
طريقة التركيب اذهب إلى لوحة الإدارة. مظهر المنتدى. صور والوان. الوان. ورقة css
وضع الكود الاتي وسجل

الكود:

.prefix {
    background: #008287 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block !important;
    height: 18px;
    line-height: 18px;
    padding: 0 12px !important;
}
.prefix.جديد {
    background: #e20d0d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.حصري {
    background: #170de2 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.عاجل {
    background: #8fe20d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.css {
    background: #e28a0d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.هام {
    background: #B60486 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.مميز {
    background: #047DB6 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}


انتهينا ومبروك عليكم الخاصية الجديدة لكل نسخ المنتديات
دمتم بخير
avatar
JoryAbdallah
 
 

انثى
عدد المساهمات : 4210
معدل النشاط : 6026
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

رد: ختم المواضيع

مُساهمة من طرف روبي ديزاين في الثلاثاء 18 أبريل 2017 - 0:18

سؤال فقط هل يستطيع اي عضو اختيارها وختم موضعه ام للمدير فقط الحق بتغيرها ؟؟
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 417
معدل النشاط : 980
السُمعة : 23

http://roubi-des.site123.me

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

رد: ختم المواضيع

مُساهمة من طرف JoryAbdallah في الثلاثاء 18 أبريل 2017 - 0:45

اي عضو يمكنه اختيار كما هو موجود بالصورة اختي
avatar
JoryAbdallah
 
 

انثى
عدد المساهمات : 4210
معدل النشاط : 6026
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

رد: ختم المواضيع

مُساهمة من طرف روبي ديزاين في الثلاثاء 18 أبريل 2017 - 0:48

اها اوكي

شكرا لك
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 417
معدل النشاط : 980
السُمعة : 23

http://roubi-des.site123.me

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

رد: ختم المواضيع

مُساهمة من طرف روبي ديزاين في الثلاثاء 18 أبريل 2017 - 1:53

اختي انا عملت ياللي بالشرح لكن ظهرت فقط على شكل كلمات وليس ايقونات
وهل ممكن ازود فيهم واغير مسمياتهم كما ارغب وكيف ذلك ؟؟
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 417
معدل النشاط : 980
السُمعة : 23

http://roubi-des.site123.me

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

رد: ختم المواضيع

مُساهمة من طرف JoryAbdallah في الثلاثاء 18 أبريل 2017 - 2:53

اهلا لو بدك تغير باسم ايقونة
تغير الاسم بكود جافا رقم 2
اما تغيير الاسم او اضافه نفس السطر دة
الكود:

PREFIJOS_TEMAS.push("[رووووعه]");
وتغيري باسم كود css بنفس الاسم بالجافا
الكود:

.prefix.رووووعه
avatar
JoryAbdallah
 
 

انثى
عدد المساهمات : 4210
معدل النشاط : 6026
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

رد: ختم المواضيع

مُساهمة من طرف روبي ديزاين في الثلاثاء 18 أبريل 2017 - 17:55

تم التغير لكنها لازلت تظهر على شكل كلمة كانها تابعه للعنوان وليس ايقونة
كيف يمكنني جعلها بشكل ايقونة ؟؟؟
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 417
معدل النشاط : 980
السُمعة : 23

http://roubi-des.site123.me

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

رد: ختم المواضيع

مُساهمة من طرف JoryAbdallah في الثلاثاء 18 أبريل 2017 - 17:58

هل وضعتي كود css
الكود:


.prefix {
    background: #008287 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block !important;
    height: 18px;
    line-height: 18px;
    padding: 0 12px !important;
}
.prefix.جديد {
    background: #e20d0d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.حصري {
    background: #170de2 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.عاجل {
    background: #8fe20d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.css {
    background: #e28a0d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.هام {
    background: #B60486 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.مميز {
    background: #047DB6 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
avatar
JoryAbdallah
 
 

انثى
عدد المساهمات : 4210
معدل النشاط : 6026
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

رد: ختم المواضيع

مُساهمة من طرف روبي ديزاين في الثلاثاء 18 أبريل 2017 - 19:12

اجل وضعته
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 417
معدل النشاط : 980
السُمعة : 23

http://roubi-des.site123.me

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

رد: ختم المواضيع

مُساهمة من طرف JoryAbdallah في الثلاثاء 18 أبريل 2017 - 21:03

لديكي مشكله بورقه css
باضافة كود خاطئ تم حذفة واصلاح لكي الامر
avatar
JoryAbdallah
 
 

انثى
عدد المساهمات : 4210
معدل النشاط : 6026
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

رد: ختم المواضيع

مُساهمة من طرف روبي ديزاين في الثلاثاء 18 أبريل 2017 - 21:10

شكرا لك يالغلا
شكلها كثر حلو هسه

تم الحل
بوركت
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 417
معدل النشاط : 980
السُمعة : 23

http://roubi-des.site123.me

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

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


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