المشاركة الأصلية كتبت بواسطة: khaled ali
ما شاء الله عليك 
مبدع وفنان 
تحياتي وتقديري لك
كيف اقدر اتواصل معك بشكل سريع 
 

إذا بخصوص سكريبت tview الأفضل تضع موضوع هنا ممكن يفيد الأخرين. لا استعمل كثير مواقع التواصل هذا رابط صفحة لي على الفيسبوك

 خلص انسى الطريقة في الرد السابق وجدت طريقة إضافة الإستعلام من نفس الهاك الذي ارفقته.

الكود أصبح

 
<meta property="og:title" content="$threadinfo[title]" />
<meta property="og:description" content="$vboptions[description]" />
<meta property="og:type" content="article" />
<meta property="og:locale" content="ar_AR"/>
<meta property="og:site_name" content="$vboptions[bbtitle]"/>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@twittteraccount" />
<meta name="twitter:title" content="$threadinfo[title]" />
<meta name="twitter:description" content="$vboptions[description]" />
<meta name="twitter:domain" content="$domain"/>
<if condition="$og_image">
<meta name="twitter:image" content="$og_image" />
<meta property="og:image" content="$og_image" />
<link rel="image_src" type="image/jpeg" href="$og_image" />
<else />
<meta name="twitter:image" content="https://png.pngtree.com/png-clipart/20190604/original/pngtree-creative-company-logo-png-image_1420804.jpg" />
<meta property="og:image" content="https://png.pngtree.com/png-clipart/20190604/original/pngtree-creative-company-logo-png-image_1420804.jpg" />
<link rel="image_src" type="image/jpeg" href="https://png.pngtree.com/png-clipart/20190604/original/pngtree-creative-company-logo-png-image_1420804.jpg" />
</if>
<meta property="og:image:width" content="320" />
<meta property="og:image:height" content="330" />

تعدل على الكود كما تريد مثلا 
https://png.pngtree.com/png-clipart/20190604/original/pngtree-creative-company-logo-png-image_1420804.jpg
هي الصورة الإفتراضية في حال عدم وجود صورة في الموضوع.

وتستورد الهاك في الملف المرفق.

 هذه فكرة وانت تعدل عليها كما تريد بخبرتك بالفي بي

تحرر القالب headinclude وتضيف كود Opeg graph protocol إذا ليس لديك

 <meta property="og:title" content="$threadinfo[title]" />
<meta property="og:description" content="$vboptions[description]" />
<meta property="og:type" content="article" />
<meta property="og:locale" content="ar_AR"/>
<meta property="og:site_name" content="$vboptions[bbtitle]"/>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@twittteraccount" />
<meta name="twitter:title" content="$threadinfo[title]" />
<meta name="twitter:description" content="$vboptions[description]" />
<meta name="twitter:domain" content="$domain"/>
<meta name="twitter:image" content="$og_image" />
<meta property="og:image" content="$og_image" />
<link rel="image_src" type="image/jpeg" href="$og_image" />
<meta property="og:image:width" content="320" />
<meta property="og:image:height" content="330" /> 


بعد
 <if condition="$show['threadinfo']"> 


وتحمل الملف showimage.php وتضعه في مجلد المنتدى بعد ان تقوم بتحريرة ووضع بيانات الإتصال بقاعدة البيانات في الأسطر الأولى منه.

سيكون رابط الصورة كالتالي

 "showimage.php?id=".$threadinfo['threadid']; 


والأفضل وضع رابط الملف السابق كاملا حسب الدومين ومجلد المنتدى إذا وجد كالتالي:
 "https://domain.com/vb/showimage.php?id=".$threadinfo['threadid']; 

 لست خبير بهاكات ال في بي ولكن هذا الكود تدخل عليه نص الموضوع بالمتغير text يطلع لك رابط الصورة بالمتغير $img


<?php
$text = '[img]http://domain.com/image.jpg[/img]';

$no = 1;
$text = @ preg_replace("#\[img\](([^ \n\r]+?))\[\/img\]#si", "<img src=\"\\1\" />", $text);
$invalid_chars = array('&quot;', '#39;', '"', "'", '\\');
$i = 0;
$images = array();
preg_match_all("/src=([\"'])?((?(1).*?|\S+))(?(1)\1)/", $text, $images);
$length = sizeof($images[2]);
if ($length == 0) {
$src = '';
}
else {
foreach ($images[2] as $src) {
$i++;
if ($no == $i && $length > 1) {
break;
}
}
}
$img = $src;
$img = str_replace($invalid_chars, '', $img);
echo $img;
?>

 وعليكم السلام، الحمد لله بخير.
 الكود المستخدم لجلب الصورة موجود في ملف fetch.php في موضوعك السابق. حيث $text هو نص الموضوع. no رقم الصورة من الموضوع.

 تحرر الملف index.php الخاص بالإستايل وتستبدل السطر 

 <?php $this->load->view('blogbox/posts_list'); ?> 


ب

 <?php if (isset($home)) { ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<br />
<div id="load_data"></div>
<div id="load_data_message"></div>
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<script>
$(document).ready(function(){
 var limit = 7;
 var start = 0;
 var action = 'inactive';
 function load_country_data(limit, start)
 {
  $.ajax({
   url:"fetch.php",
   method:"POST",
   data:{limit:limit, start:start},
   cache:false,
   success:function(data)
   {
    $('#load_data').append(data);
    if(data == '')
    {
     $('#load_data_message').html("<p style='clear:both;text-align:center' class='error'>لا يوجد بيانات</p>");
     action = 'active';
    }
    else
    {
     $('#load_data_message').html("<p style='clear:both;text-align:center'><img src='loading.gif'></p>");
     action = "inactive";
    }
   }
  });
 }

 if(action == 'inactive')
 {
  action = 'active';
  load_country_data(limit, start);
 }
 $(window).scroll(function(){
  if($(window).scrollTop() + $(window).height() > $("#load_data").height() && action == 'inactive')
  {
   action = 'active';
   start = start + limit;
   setTimeout(function(){
    load_country_data(limit, start);
   }, 3000);
  }
 }); 
});
</script>
<?php 
}else{ 
$this->load->view('blogbox/posts_list');
}
?> 


حمل الملف المرفق واستخرج الملفات منه وعدل على الملف fetch.php حسب رابط المجلة ورابط المنتدى وبيانات قاعدة البيانات.
ارفع الملفات لمجلد المجلة.
fetch.php
loading.gif
لمجلد المجلة

 وعليكم السلام، الحمد لله بخير.

يوجد على الرابط التالي شرح عملها
https://www.webslesson.info/2017/03/load-content-while-scrolling-with-jquery-ajax-php.html

لا ينصح بعمل طريقة العرض مثلما طلبت، وجود تعدد الصفحات صديق لمحركات البحث أما scroll فسيء للأرشفة وسيء ل أدسينس.

يمكن تنفيذ بالشرح الموجود على الرابط ساحاول لك في ذلك.

 يكون الإستايل غير كامل الأكواد جافاسكريبت احذف كود الصور من القالب. الأسطر التالية:

 
<i id="heading_up_statistics_list" class="CollapseIcon">
<img src="{$image_path}/expanded.png" alt="" />
</i>
<i id="heading_down_statistics_list" class="CollapseIcon">
<img src="{$image_path}/collapsed.png" alt="" />
</i>

 الإستايل المستخدم ينقصه صور. انسخ الصور التالية من الإفتراضي وضعها في الإستايل الجديد

 
styles/default/images/expanded.png
styles/default/images/collapsed.png


هذه هي الصور

 تفضل مرفق، استبدل محتوى القالب statistics_list بالمرفق.

 هذا التصميم سيء  وغير متوافق مع الجوال ورح يطلع عن الشاشة الجوال. على أي حال إذا مصمم يمكنك عمله بتعديل قالب أخر 5 احصائيات وهو statistics_list

 وعليكم السلام ورحمة الله وبركاته،
نعتذر منك أخ جريح الليل ولكن هنا فقط دعم سكريبت tview حاول في المنتدى الرسمي.

سيتم نقل الموضوع لمنتدى الدعم الفني السابق.
إذا تقصد عرضهم فوق بعض بدل يمين ويسار حرر ملف الستايل شيت للإستايل 


style/default/css/style.css



واستبدل


.right-mainbox{
background-color: transparent;
float:right;
border:1px solid #B5C5CB;
margin:1px;
padding:1px;
width:26%;
}
.left-mainbox{
background-color: transparent;
float:left;
border:1px solid #B5C5CB;
margin:1px;
padding:1px;
width:72%;
}


ب
 


.right-mainbox{
background-color: transparent;
border:1px solid #B5C5CB;
margin:1px;
padding:1px;
}
.left-mainbox{
background-color: transparent;
border:1px solid #B5C5CB;
margin:1px;
padding:1px;
}