دليل الإشهار العربي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

أضغط هنا وأنضم الي الفريق الان

العدد مفتوح

 

 كود زر الهاشتاج

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mahmoud Gilany
 
 
Mahmoud Gilany

البلد : مصر
الجنس : ذكر
المساهمات : 96
نقاط النشاط : 93

كود زر الهاشتاج Empty
مُساهمةموضوع: كود زر الهاشتاج   كود زر الهاشتاج Emptyالأربعاء 10 مارس 2021 - 23:17

::kwelpic::
أحضرت لكم اليوم كود فريد من نوعة
وظيفة الكود يعمل على أضافة الهاش تاج
داخل الصندوق الماسي أو صندوق الرد السريع
Suspect
شرح تركيب الكود
Evil or Very Mad
الذهاب إلى لوحة الإدارة - عناصر إضافية HTML و JAVASCRIPT - أكواد Javascript 
تفعيل نظام إدارة أكواد Javascript - أختار : نعم 

الكود:
$(function(){
  if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;
  var storage = window.localStorage, s = document.createElement('SELECT'), tags = '';
 
 
 if (storage && storage.faTags && storage.faTagsExp >
 +new Date - 29*59*1000 && storage.faTagsUser ==
_userdata.username) s.innerHTML = storage.faTags;
  else {
    $.get('/profile?mode=editprofile&page_profil=tags', function(d) {
      var h = $('form[name="tag_list"] a', d);
    
      if (h.length) {
        for (var i = 0, j = h.length, txt; i<j; i++) {
          txt = h[i].innerHTML.replace(/^\s+|\s+$/g,'');
          if (/^#/.test(txt)) {
            !tags && (tags += '<option value="">إختر هاشتاج</option>');
 
           tags += '<option value="'+ txt.slice(1) +'">' +
(txt.length > 24 ? txt.slice(0, 25) + '...' : txt) +
'</option>';
          }
        }
        s.innerHTML = tags;
      }
    
      if (storage) {
        storage.faTags = tags ? tags : 0;
        storage.faTagsUser = _userdata.username;
        storage.faTagsExp = +new Date;
      }
    });
  }
  
  
  $.sceditor.command.set('hashtag', {
    dropDown : function(editor, caller, callback) {
      var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');
      b.type = 'button';
      b.value = 'إدراج';
      b.className = 'button';
    
      c.type = 'text';
      c.id = 'fa-hashtag';
    
 
     a.innerHTML = '<div><label for="fa-hashtag">هاشتاج
:</label></div>' + ( s.innerHTML ?
'<div><label>Followed tags :</label></div>' : ''
 ) + '<div></div>';
      a.firstChild.appendChild(c);
      a.lastChild.appendChild(b);
    
      if (s.innerHTML != 0) {
        s.value = '';
        a.getElementsByTagName('DIV')[1].appendChild(s);
        s.onchange = function() {
          c.value = s.value;
        };
      }
    
      b.onclick = function() {
        c.value && callback(c.value);
        editor.closeDropDown(true);
      };
 
      editor.createDropDown(caller, 'inserthashtag', a);
    },
 
    exec : function(c) { tag(c, this) },
    txtExec : function(c) { tag(c, this) },
  
    tooltip : 'أدخل هاشتاج'
  });
 
  toolbar = toolbar.replace(/quote,/,'hashtag,quote,');
 
  function tag(c, e) {
    $.sceditor.command.get('hashtag').dropDown(e, c, function(tag) {
      e.insertText('#' + tag.replace(/^#/,'').replace(/[\xD7\xF7\x00-\x2F\x3A-\x40\x5B-\x60\x7B-\xBF]/g, '_') + ' ');
    });
  }
});
العنوان : كود الهاشتاج - أضف الكود الى : جميع الصفحات
ثانياً : الذهب إلى لوحة الإدارة - مظهر المنتدى - الصور و الألوان - الوان - ورقة ال CSS و ثم ضع الكود و إضغط سجل

الكود:
/* button image */
.sceditor-button-hashtag div { background-image:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }
 
/* drop down input */
#fa-hashtag {
  background:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}


معاينة تركيب الكود بعد الشرح 
كود زر الهاشتاج Editor10
رابط مباشر للصورة :
https://i.servimg.com/u/f68/20/15/41/08/editor10.png

تم أنتهاء الشرح
كود زر الهاشتاج 235873

ملحوظة هامة كتب:
الكود منقول من منتدى أجنبى و تم تعريبة للإفادة
كود زر الهاشتاج 425372


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

البلد : الجزائر
الجنس : انثى
المساهمات : 4598
نقاط النشاط : 4385

كود زر الهاشتاج Empty
مُساهمةموضوع: رد: كود زر الهاشتاج   كود زر الهاشتاج Emptyالخميس 11 مارس 2021 - 20:41

كود زر الهاشتاج 425372
كود مفيد جدا
بارك الله فيك
tongue


توقيع : Akatsuki


www.theb3st.com
THE BEST
إلى حيث ينتمي الإبداع .. ننتمي نحن ~ rendeer


عدل سابقا من قبل Mahmoud Gilany في السبت 13 مارس 2021 - 13:29 عدل 2 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mahmoud Gilany
 
 
Mahmoud Gilany

البلد : مصر
الجنس : ذكر
المساهمات : 96
نقاط النشاط : 93

كود زر الهاشتاج Empty
مُساهمةموضوع: رد: كود زر الهاشتاج   كود زر الهاشتاج Emptyالإثنين 15 مارس 2021 - 21:57

Akatsuki كتب:
كود زر الهاشتاج 425372
كود مفيد جدا
بارك الله فيك
tongue
شكرا لمروركم الطيب  gg444g


الرجوع الى أعلى الصفحة اذهب الى الأسفل
مصطفى ستيتان
مرشح لفريق الإشراف

مصطفى ستيتان

البلد : فلسطين
الجنس : ذكر
المساهمات : 10525
نقاط النشاط : 6954

كود زر الهاشتاج Empty
مُساهمةموضوع: رد: كود زر الهاشتاج   كود زر الهاشتاج Emptyالجمعة 30 سبتمبر 2022 - 0:36

ألف شكر ويعطيك العافية


توقيع : مصطفى ستيتان


كود زر الهاشتاج Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>
سبحان الله والحمدلله ولا إله إلا الله 
- ملتقى المصمم الفلسطيني = www.paldes.net
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mc nabulsy
مشرف تطوير المواقع والمنتديات

Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 4140
نقاط النشاط : 5916

كود زر الهاشتاج Empty
مُساهمةموضوع: رد: كود زر الهاشتاج   كود زر الهاشتاج Emptyالخميس 13 أكتوبر 2022 - 18:22

شكرا لك 
يعطيك العافية


توقيع : Mc nabulsy


كود زر الهاشتاج Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>





لا اله الا الله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود زر الهاشتاج
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طلب كود زر وسم الأعضاء و زر الهاشتاق

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