منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

اظهار الموضوع من الرابط

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

اظهار الموضوع من الرابط

مُساهمة من طرف yobhy في الخميس 4 أغسطس 2016 - 5:22

كود معاينة الموضوع عند مرور المؤشّرة علي الرابط او عنوان الموضوع

yobhy



ذكر
عدد المساهمات : 28
معدل النشاط : 2587

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

رد: اظهار الموضوع من الرابط

مُساهمة من طرف stones في الخميس 4 أغسطس 2016 - 10:23

مرحبا
من لوحة التحكم=ادارة عامه
تحت
تشكيل ثم تشغيل كل الخيارات
من ضمنهاWYSIWIG

stones
 
 

ذكر
عدد المساهمات : 11050
معدل النشاط : 13575

http://stones.arab.st/

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

رد: اظهار الموضوع من الرابط

مُساهمة من طرف Power Lord animus في السبت 6 أغسطس 2016 - 17:15

السلام عليكم

تفضل تابع هذا الموضوع اخى العزيز

(JAVASCRIPT)كود معاينة المواضيع قبل الدخول الى الموضوع***Mohamed Nsr

بالتوفيق لك

Power Lord animus
 
 

ذكر
عدد المساهمات : 400
معدل النشاط : 1881

http://www.orkidia-press.com/

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

رد: اظهار الموضوع من الرابط

مُساهمة من طرف JAR7 في السبت 6 أغسطس 2016 - 17:20

تفضل يابطل
@عبقرينو كتب:تذكير بمساهمة فاتح الموضوع :

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

  كود جديد تومبلايت دعونا نتعرف علية الان  
  الكود يظهر وصف الايقونات والازرار واخر مساهمة وحذف وتعديل وقفل المواضيع وبعض الاماكن والخ.. مثل الفيس بوك  
  إضافة تلميح تأثير في المنتدى تقريبا أي (الصور والأزرار والأيقونات، والعناوين، الخ ...).  
  صور للمعاينه    من اكثر من مكان على المنتدى 










  بعد ما شوفنا صور عمل الكود ندخل على وضعه فى المنتدى  

  لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>overall_header>>اضغط على تعديل

قوم بالبحث عن الكود التالي: 
 



الرمز:
</head>



ونضع الكود التالي فوقة 




الرمز:
       
        <link rel="stylesheet" href="http://static.tumblr.com/yiol0h8/AXWn3atj3/tipsy.css" type="text/css" />
        <script type="text/javascript" src="http://static.tumblr.com/yiol0h8/GOsn3atjv/jquery.tipsy.js"></script>
        
        <script type='text/javascript'>
          $(function() {
            $('.tool-tip').tipsy({fade: true, gravity: 's'});
          });
        </script>







بعد ذلك نتوجه الى
لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان : (حسب ما تريد)
أضف الكود الى :جميع الصفحات
كود Javascript :

الرمز:
       
        jQuery(document).ready(function(){
            jQuery('a, img, strong a, strong img').addClass('tool-tip');
            });


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين

JAR7
احلى مساعد
احلى مساعد

انثى
عدد المساهمات : 2816
معدل النشاط : 4311

http://taqnyiat.ahlamontada.com/

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

رد: اظهار الموضوع من الرابط

مُساهمة من طرف yobhy في السبت 6 أغسطس 2016 - 21:24

انا جربت كله ما فيش فايدة بتظهر فقط في اخر مساهمة لكن في المواضيع العادية والمثبتة لاتظهر

ممكن تكون مش موجودة في منتدى الدعم

yobhy



ذكر
عدد المساهمات : 28
معدل النشاط : 2587

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

رد: اظهار الموضوع من الرابط

مُساهمة من طرف Power Lord animus في السبت 6 أغسطس 2016 - 23:27

@yobhy كتب:انا جربت كله ما فيش فايدة بتظهر فقط في اخر مساهمة لكن في المواضيع العادية والمثبتة لاتظهر

ممكن تكون مش موجودة في منتدى الدعم

بالفعل اخى العزيز يتواجد بعض المشاكل فى الكود للنخسة الثانية

يمكنك استعمال هذا الكود او استعمال كود النسخة phpBB وسيعمل بدون مشاكل

الرمز:
  if (/\/?f\d+.*/.test(window.location.pathname)) {
        $(function () {
            $('a.topictitle').after('<a href="#" style="margin-left: 5px;" class="preview_topic"><img src="http://i.imgur.com/gdvRoFW.png"/></a>');
            $('.preview_topic').click(function () {
                var url = this.previousSibling.href;
                $('body').prepend('<div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;" class="modal" id="document_modal"></div><div id="topic_popup" class="popupWrapper" style="z-index: 10001;"></div>');
                $('#topic_popup').load(url + ' .postbody:first', function () {
                    $('#document_modal').click(function () {
                        $('#document_modal, #topic_popup').remove();
                    });
                });
                return false;
            });
        });
    }
    document.write("<style>.popupWrapper {background-color: rgba(70, 70, 70, 0.6);border-radius: 4px 4px 4px 4px;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);left: 300px;margin: 0 auto !important;max-height: 400px;max-width: 700px;overflow: auto;padding: 4px;position: fixed !important;top: 200px;}</style>");

Power Lord animus
 
 

ذكر
عدد المساهمات : 400
معدل النشاط : 1881

http://www.orkidia-press.com/

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

رد: اظهار الموضوع من الرابط

مُساهمة من طرف Michael_vx في الأحد 7 أغسطس 2016 - 7:43



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

اولا الجافا على جميع الصفحات
الرمز:
$(function() {
        // The preview image added after a topic title
        $('a.topictitle').after(' <img id="topicPreview" src="http://hitskin.com/themes/20/23/90/i_icon_latest_reply.png" title="عرض فورى للموضوع" alt="Preview" style="cursor:pointer;" />');
   
        // Once the preview image is clicked
        // we appened the HTML below to the document
        $('img#topicPreview').click(function() {
            $('body').append(
       
                '<div id="preview-filter" style="position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div>'+
           
                '<div id="topicPreview-container" style="top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#D1D1D1;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;">'+
                    '<style>'+
                        '#closeButton {color:#fff;font-size:10px;font-weight:bold;background:rgba(0,0,0,0.6);box-shadow:0px 0px 2px rgba(0,0,0,1) inset;text-shadow:0px 0px 1px #000;display:inline-block;border-radius:30px;padding:3px 6px;cursor:pointer;position:absolute;top:-8px;right:-8px;}'+
                        '#closeButton:hover {background:#D56262;}'+
                    '</style>'+
                    '<div id="closeButton">اغلاق الصفحة</div>'+
                    '<div id="topicPreviewing" style="max-height:600px;overflow-y:auto;">'+
                        '<center>'+
                            '<span class="topicPreview-loading" style="font-weight:bold;font-size:18px;">'+
                                'انتظر من فضلك'+
                            '</span>'+
                        '</center>'+
                    '</div>'+
                '</div>'
           
            );
       
            // Load the first post of a topic
            $('#topicPreviewing').load(jQuery(this).siblings('a.topictitle').attr('href')+' .post:eq(0)');
       
            // Remove preview on click of the filter
            $('div#preview-filter, #closeButton').click(function() {
              $('#preview-filter, #topicPreview-container').remove();
          });
        });
    });
ثانيا كود CSS لضبط حجم النافذة
الرمز:
    #topicPreview-container {
      left:2% !important;
      right:2% !important;
      top:7% !important;
    }

Michael_vx
 
 

ذكر
عدد المساهمات : 1547
معدل النشاط : 5160

http://miccsoft.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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