ختم المواضيع

2 مشترك

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

ختم المواضيع  Empty ختم المواضيع

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

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

ختم المواضيع  8x266071

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

انثى
عدد المساهمات : 303
معدل النشاط : 3347
السُمعة : 24

http://roubi-des.site123.me

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

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

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

بادئة للمواضيع بالوان مختلفة بشكل احترافي حصريا
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم بادئة للمواضيع حصريا هنا صورة للبادئة وعملها
ختم المواضيع  423
https://i.servimg.com/u/f37/16/46/77/76/423.png
ختم المواضيع  319
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;
}


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

انثى
عدد المساهمات : 3029
معدل النشاط : 8413
السُمعة : 295

http://taqnyiat.ahlamontada.com/

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

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

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

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

انثى
عدد المساهمات : 303
معدل النشاط : 3347
السُمعة : 24

http://roubi-des.site123.me

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

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

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

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8413
السُمعة : 295

http://taqnyiat.ahlamontada.com/

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

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

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

اها اوكي

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

انثى
عدد المساهمات : 303
معدل النشاط : 3347
السُمعة : 24

http://roubi-des.site123.me

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

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

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

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

انثى
عدد المساهمات : 303
معدل النشاط : 3347
السُمعة : 24

http://roubi-des.site123.me

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

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

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

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

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

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8413
السُمعة : 295

http://taqnyiat.ahlamontada.com/

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

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

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

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

انثى
عدد المساهمات : 303
معدل النشاط : 3347
السُمعة : 24

http://roubi-des.site123.me

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

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

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8413
السُمعة : 295

http://taqnyiat.ahlamontada.com/

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

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

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

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

انثى
عدد المساهمات : 303
معدل النشاط : 3347
السُمعة : 24

http://roubi-des.site123.me

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

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

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

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8413
السُمعة : 295

http://taqnyiat.ahlamontada.com/

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

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

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

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

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

انثى
عدد المساهمات : 303
معدل النشاط : 3347
السُمعة : 24

http://roubi-des.site123.me

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

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

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

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