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


انت غير مسجل
هذه الرسالة تفيد بأنك غير مشترك في المنتدى. لتسجيل الرجاء اضغط هنــا
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
شارك اصدقائك شارك اصدقائك طلب تعديل صورة
شارك اصدقائك شارك اصدقائك سالي الحلقة 46 مترجم و الاخيرة
شارك اصدقائك شارك اصدقائك سالي الحلقة 45 مترجم
شارك اصدقائك شارك اصدقائك سالي الحلقة 44 مترجم
شارك اصدقائك شارك اصدقائك سالي الحلقة 43 مترجم
شارك اصدقائك شارك اصدقائك سالي الحلقة 42 مترجم
شارك اصدقائك شارك اصدقائك سالي الحلقة 41 مترجم
شارك اصدقائك شارك اصدقائك سالي الحلقة 40 مترجم
شارك اصدقائك شارك اصدقائك سالي الحلقة 39 مترجم
شارك اصدقائك شارك اصدقائك سالي الحلقة 38 مترجم
اليوم في 7:02 am
أمس في 11:52 pm
أمس في 11:23 pm
أمس في 10:54 pm
أمس في 10:08 pm
أمس في 9:00 pm
أمس في 8:18 pm
أمس في 6:39 pm
أمس في 4:20 pm
أمس في 3:46 pm











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

 

 كود نشر صور المواضيع علي مواقع التواصل الاجتماعي

اذهب الى الأسفل 
+2
دمعه السعودية
SaMeH-DeS
6 مشترك
انتقل الى الصفحة : 1, 2  الصفحة التالية
كاتب الموضوعرسالة
SaMeH-DeS
SaMeH-DeS
" إدارة المنتدى "
HOME OF DESIGN

ــــــــــــــــــــــــــــــ
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي I11
SaMeH-DeS


رقــــم العضويــــــــة :
تاريــخ التسجيـــــــل : 02/04/2023
مجموع المشاركــات : 4404
مــــعدل النشـــــــاط : 10445
آوسمتي
العطاء
العطاء
فخر المنتدى
فخر المنتدى
بمناسبة شهرَ رمضان الكريم 1445هَـ
بمناسبة شهرَ رمضان الكريم 1445هَـ
نجم الاسبوع
نجم الاسبوع




كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Empty
#1مُساهمةموضوع: كود نشر صور المواضيع علي مواقع التواصل الاجتماعي   كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Emptyالخميس يناير 04, 2024 11:57 am


كود نشر صور المواضيع علي مواقع التواصل الاجتماعي
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي

كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Ezgif_10

عند مرور مؤشر الفأره علي اي صورة داخل المواضيع يظهر ايقونات مشاركه الصورة علي التواصل الاجتماعي كما يظهر في الصورة السابقة.

طريقة التركيب:
لوحة الادارة - عناصر اضافية -- إدارة أكواد Javascript

إنشاء كود جديد
العنوان * : كود نشر صور المواضيع
أضف الكود الى : جميع الصفحات

الكود:
document.addEventListener("DOMContentLoaded", function() {
    var postImg = document.querySelectorAll('.postbody > div:not(.user):not(.postprofile) img, .mod_news img, .message-text img, .post-content iframe, .post-content img'),
        newStyle = document.createElement("STYLE"),
        max_width = 100, // maximum image width (100px)
        max_height = 100; // maximum image height (100px)

    for (i = 0; i < postImg.length; i++) {
      if ((postImg[i].naturalWidth > max_width || postImg[i].naturalHeight > max_height)) {
        var newDiv = document.createElement("DIV"),
            ImgContainer = document.createDocumentFragment();

        newDiv.className = 'shareThisPic';
        newDiv.innerHTML = '<a href="https://www.facebook.com/sharer.php?u=' + postImg[i].src + '&t=' + postImg[i].alt + '" class="fb_share_btn" target="_blank"><img src="https://i.servimg.com/u/f51/19/34/86/41/facebo10.png" alt="share on facebook" /></a><a href="https://www.pinterest.com/pin/create/button/?url=' + postImg[i].src + '&media=' + postImg[i].src + '&description=' + postImg[i].alt + '" class="pinterest_share_btn" target="_blank"><img src="https://i.servimg.com/u/f51/19/34/86/41/printe10.png" alt="share on pinterest" /></a>';

        postImg[i].parentNode.insertBefore(newDiv, postImg[i]);

        ImgContainer.appendChild(postImg[i]);
        newDiv.appendChild(ImgContainer);

    }
    }
    newStyle.innerHTML = '<style>.shareThisPic { position: relative; }.shareThisPic { position: relative; } .shareThisPic .pinterest_share_btn { margin-right: 55px; } .shareThisPic a { position: absolute; bottom: 0px; opacity: 0; visibility: hidden; transition: all .5s ease-in-out; } .shareThisPic:hover a { opacity: 1; visibility: visible; }.fa_img_resizer a { position: relative; visibility: visible; opacity: 1; }</style>';
    document.head.appendChild(newStyle);
    // by omarpop23
});

الكود من برمجة omarpop23

الموضوعالأصلي : كود نشر صور المواضيع علي مواقع التواصل الاجتماعي // المصدر : منتديات ديزاين بيست //الكاتب: SaMeH-DeS


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Untit110
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.des-best.com
دمعه السعودية
دمعه السعودية
"فريق الادارة"
HOME OF DESIGN

ــــــــــــــــــــــــــــــ
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي I11
دمعه السعودية


رقــــم العضويــــــــة :
تاريــخ التسجيـــــــل : 13/11/2023
مجموع المشاركــات : 4786
مــــعدل النشـــــــاط : 6915
آوسمتي
فخر المنتدى
فخر المنتدى
العطاء
العطاء
نجم الاسبوع
نجم الاسبوع




كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Empty
#2مُساهمةموضوع: رد: كود نشر صور المواضيع علي مواقع التواصل الاجتماعي   كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Emptyالخميس يناير 04, 2024 12:15 pm


كود نشر صور المواضيع علي مواقع التواصل الاجتماعي
شكرا على الكود

الموضوعالأصلي : كود نشر صور المواضيع علي مواقع التواصل الاجتماعي // المصدر : منتديات ديزاين بيست //الكاتب: دمعه السعودية

SaMeH-DeS يعجبه هذا الموضوع


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي 16-121


كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Gkppfz10




أن الله أمركم بأمر بدأ فيه بنفسه، وثنى بملائكته المسبحة بقدسه، وثلث بكم أيها المؤمنون من جنه وأنسه، فقال قولا كريما:
{إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصَلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذِينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تَسْلِيماً}
[الأحزاب: 56].
اللهم صلِّ وسلم على عبدك ورسولك محمدٍ3

SaMeH-DeS يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
SaMeH-DeS
SaMeH-DeS
" إدارة المنتدى "
HOME OF DESIGN

ــــــــــــــــــــــــــــــ
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي I11
SaMeH-DeS


رقــــم العضويــــــــة :
تاريــخ التسجيـــــــل : 02/04/2023
مجموع المشاركــات : 4404
مــــعدل النشـــــــاط : 10445
آوسمتي
العطاء
العطاء
فخر المنتدى
فخر المنتدى
بمناسبة شهرَ رمضان الكريم 1445هَـ
بمناسبة شهرَ رمضان الكريم 1445هَـ
نجم الاسبوع
نجم الاسبوع




كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Empty
#3مُساهمةموضوع: رد: كود نشر صور المواضيع علي مواقع التواصل الاجتماعي   كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Emptyالخميس يناير 04, 2024 12:57 pm


كود نشر صور المواضيع علي مواقع التواصل الاجتماعي
دمعه السعودية كتب:
شكرا على الكود
:(

الموضوعالأصلي : كود نشر صور المواضيع علي مواقع التواصل الاجتماعي // المصدر : منتديات ديزاين بيست //الكاتب: SaMeH-DeS


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Untit110
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.des-best.com
GhaDa
GhaDa
- [ V.I.P ] -
,, شخصية مهمة ,,

________
- [ V.I.P ] - ,, شخصية مهمة ,,________
GhaDa


رقــــم العضويــــــــة :
تاريــخ التسجيـــــــل : 30/12/2023
مجموع المشاركــات : 314
مــــعدل النشـــــــاط : 1084
آوسمتي
العطاء
العطاء
نجم الاسبوع
نجم الاسبوع




كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Empty
#4مُساهمةموضوع: رد: كود نشر صور المواضيع علي مواقع التواصل الاجتماعي   كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Emptyالخميس يناير 04, 2024 1:04 pm


كود نشر صور المواضيع علي مواقع التواصل الاجتماعي
مشكوووور على المجهود الرائع

الموضوعالأصلي : كود نشر صور المواضيع علي مواقع التواصل الاجتماعي // المصدر : منتديات ديزاين بيست //الكاتب: GhaDa

الرجوع الى أعلى الصفحة اذهب الى الأسفل
EL Prince
EL Prince
.. مراقب عام المنتدى ..

ــــــــــــــــــــــــــــــ
.. مراقب عام المنتدى ..ــــــــــــــــــــــــــــــ
EL Prince


رقــــم العضويــــــــة :
تاريــخ التسجيـــــــل : 30/12/2023
مجموع المشاركــات : 1151
مــــعدل النشـــــــاط : 2349
آوسمتي
العطاء
العطاء
نجم الاسبوع
نجم الاسبوع




كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Empty
#5مُساهمةموضوع: رد: كود نشر صور المواضيع علي مواقع التواصل الاجتماعي   كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Emptyالخميس يناير 04, 2024 1:17 pm


كود نشر صور المواضيع علي مواقع التواصل الاجتماعي
الله ينور عليك إدارة :face:

الموضوعالأصلي : كود نشر صور المواضيع علي مواقع التواصل الاجتماعي // المصدر : منتديات ديزاين بيست //الكاتب: EL Prince


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Helmy_10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سوريا
سوريا
.. مراقب عام المنتدى ..

ــــــــــــــــــــــــــــــ
.. مراقب عام المنتدى ..ــــــــــــــــــــــــــــــ
سوريا


رقــــم العضويــــــــة :
تاريــخ التسجيـــــــل : 02/02/2024
مجموع المشاركــات : 4707
مــــعدل النشـــــــاط : 5361
آوسمتي
العطاء
العطاء
نجم الاسبوع
نجم الاسبوع
فخر المنتدى
فخر المنتدى




كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Empty
#6مُساهمةموضوع: رد: كود نشر صور المواضيع علي مواقع التواصل الاجتماعي   كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Emptyالثلاثاء مارس 19, 2024 1:54 am


كود نشر صور المواضيع علي مواقع التواصل الاجتماعي
جزاك الله خيراً

الموضوعالأصلي : كود نشر صور المواضيع علي مواقع التواصل الاجتماعي // المصدر : منتديات ديزاين بيست //الكاتب: سوريا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي
الرجوع الى أعلى الصفحة 
صفحة 2 من اصل 2انتقل الى الصفحة : 1, 2  الصفحة التالية

(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ ))

 مواضيع مماثلة
-
» كود نشر الصور علي مواقع التواصل الاجتماعي
» دمج محتوى مواقع التواصل الاجتماعي في الموضوع
» {{{وضع الصور الرمزية للمشاهير على غلاف مواقع التواصل الاجتماعي}}}
» ما هي إدارة مشاريع وسائل التواصل الاجتماعي؟
» أكثر من 5 مليارات يستخدمون وسائل التواصل الاجتماعي

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ديزاين بيست :: الدعم و التطوير :: أكواد الجافا إسكريبت JAVA-
انتقل الى:  

 

أشيائي ممنوعة النشر كل مايحتويه الموقع هي حقوق خاصة لـ ديزاين بيست وعملائي © ,

 

الساعة الأن :
©phpBB | إتصل بنا | التبليغ عن محتوى مخالف