مجتمع ألوآن ~
مجتمع ألوآن ~
أههلا وسههلا بكي في مجتمع ألوان نورتي المجتمع

مجتمع ألوآن ~

أهلآأ و سههلآأ بكـي في مجتمع ألوآن ~
 
الرئيسيةالأحداثالتسجيلدخول


شاطر | 
 

 خاصية overlay فى صندوق الرد

اذهب الى الأسفل 
كاتب الموضوعرسالة
Şώễễŧ
عضوهةُ ~♥ ]
عضوهةُ ~♥ ]


المساهمات : 10
تاريخ التسجيل : 11/06/2018

مُساهمةموضوع: خاصية overlay فى صندوق الرد   الإثنين يونيو 11, 2018 4:44 pm

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


مساء ..صباح .. الخير عدنا لكم من جديد بتقنية رائعة تجعل من صندوق الرد بشكل خيالى ....  
تعمل خاصية overlay فى صندوق الرد عند الضغط على الصندوق يظهر بشكل منبثق
 

المشاهدة ...  


تصغير الصورة معاينة الأبعاد الأصلية.

https://i.servimg.com/u/f62/19/08/62/30/oooooo10.png
[size=18]ملحوظة: الكود يعمل على جميع النسخ
نتوجه الى:لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكوادJavascript>>انشاء كود جديد 
العنوان:و كما تحب اضف الكود الى:جميع الصفحات
الكود
[/size]
الكود:
الكود:
var overlay = function () {
  // Escrito por Chalo فكرة ومنتاج {وهبة الساحر}قم بتعديله لى يعنى متسويين على ما  اظن..!
  //2018
  var g, e, a = document.createElement('div'),
    b = ' background: rgba(0, 0, 0, 0.5); -webkit-background-size: cover;position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; pointer-events:none;display:none',
    c = document.body,
    d = document.forms.post.message,
    f = $(d).sceditor('instance');
  c.appendChild(a);
  a.style.cssText = b;
  a.id = 'overlay';
  f.focus(function (e) {
    e = document.getElementById('quick_reply');
    g = document.getElementById('overlay');
    a.style.display = 'block';
    e.style.zIndex = '1000';
    e.style.position = 'relative';
    f.blur(function () {
      g.style.display = 'none';
    });
    document.addEventListener('keyup', function (e) {
      if (e.keyCode === 27) {
        f.blur();
      };
    }, false);
  });
};
$(function () {
  $(function () {
    document.location.pathname.match(/\/t(\d+)/g) && $.sceditor && overlay();
  });
});
الرجوع الى أعلى الصفحة اذهب الى الأسفل
⌟◭ Mákęṉα ⌜
مِدُيّرهِ آلَمِجَ ـتُمِعَ ـ ♥
مِدُيّرهِ آلَمِجَ ـتُمِعَ ـ ♥
avatar

المساهمات : 64
تاريخ التسجيل : 06/06/2018
العمر : 25
الموقع : تآآئهه

مُساهمةموضوع: رد: خاصية overlay فى صندوق الرد   الأربعاء يونيو 13, 2018 12:58 am



السلآم عليكم ورحمةِ الله تعآلي وبركآتهِ
كيفكِ ؟ إن شاء الله تكوني بخير
الكود حِلو وبيخلي شَكل الردود أجمل
شكرًا عَ الكود المُميز و الجميل
إستمـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِـِري

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://community-colors.ahlamontada.com
شفق
عضوهةُ ~♥ ]
عضوهةُ ~♥ ]


المساهمات : 14
تاريخ التسجيل : 11/06/2018

مُساهمةموضوع: رد: خاصية overlay فى صندوق الرد   الأربعاء يونيو 13, 2018 1:45 am

السلام عليكم و رحمة الله و بركاته
كيف يا عسل ؟؟ عساكِ بخير تام
كود مرة حلو باين ، إن شاء الله
الكل بيستفيد منه لمنتدياتهم
في أمان الله ... موفقة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
chochwa
عضوهةُ ~♥ ]
عضوهةُ ~♥ ]
avatar

المساهمات : 20
تاريخ التسجيل : 19/06/2018
العمر : 13
الموقع : /

مُساهمةموضوع: رد: خاصية overlay فى صندوق الرد   الجمعة أغسطس 17, 2018 8:10 am

بسم الله الرحمن الرحيم
goof morning girls
كيفك؟؟ عساك بأحسن حال .. ...دوام الصحة و العافية ان شاء الله
الموضوع مرة روعة و هادي الخاصية مرة مميزة .. .. و رح يستفيد منها الكل
جزاك الله خيرا ان شاء الله
في انتظار مواضيعك المميزة
في امان الله
موفقه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
خاصية overlay فى صندوق الرد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع ألوآن ~ :: 。・゜・( خُدٓمَآْتٌ مُنّتَدَآْنَاّ )・゜・。 :: ورشهه لمنتدآككِ !!-
انتقل الى: