بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
لاحظت ان العديد عندما يقوم بتصميم style ستايل style خاص لسكربت
whmcs
يفقد السكربت بعض الخصائص بسبب الغاء بعض الاكواد من القوالب الخاصه بالتصميم style
مثلا اخر اخبار صفحه الشركه على تويتر مثلا
الان سوف نقوم بشرح طريقة ارجاع الاكواد الافتراضيه دون فقدان او تشويه شكل لستايل style
وشرح طريقة حصري وخاص لديزاد باتنة
----------------------------------------------------
مثال مباشر
سيمو - لخدمات الويب المتكامله - الصفحة الرئيسية
----------------------------------------------------
اولا يجب علينا بضبط الاعداد التايل من لوحه السكربت من اجل جلب الاخبار بشكل اوتماتيكي
من حساب الشركه الخاص في تويتر على النحو الاتي
----------------------------------------------------
اما الان وهم الاهم
نقوم بفتح قالب template
homepage.tpl
للقالب template المراد التعديل عليه
ونضيف اخره الكود code الخاص بجلب الاخبار والذي يقوم المصممين للاسف بحذفه
عند تصميم style قالب template خاص
رمز PHP:
<code style="white-space:nowrap"> <code>
<div class="row">
{if $twitterusername}
<div class="styled_title">
<h2>{$LANG.twitterlatesttweets}</h2>
</div>
<div id="twitterfeed">
<p><img src="images/loading.gif"></p>
</div>
{literal}<script language="javascript">
jQuery(document).ready(function(){
jQuery.post("announcements.php", { action: "twitterfeed", numtweets: 3 },
function(data){
jQuery("#twitterfeed").html(data);
});
});
</script>{/literal}
{elseif $announcements}
<div class="styled_title">
<h2>{$LANG.latestannouncements}</h2>
</div>
{foreach from=$announcements item=announcement}
<p>{$announcement.date} - <a href="{if $seofriendlyurls}announcements/{$announcement.id}/{$announcement.urlfriendlytitle}.html{else}announc ements.php?id={$announcement.id}{/if}"><b>{$announcement.title}</b></a><br />{$announcement.text|strip_tags|truncate:100:"..." }</p>
{/foreach}
{/if}
</div>
</code> </code>
الان نتجه الى ملف css
الذي ياتي مع التصميم style
ونضع في ملف
style.css
الكود code التالي
رمز PHP:
<code style="white-space:nowrap"> <code> .row {
color:#3CB371;
font-size:8pt;
font-family:Tahoma, Geneva, sans-serif;
text-shadow:0px 1px 0px #c5c5c5;
text-align: right;
}
</code> </code>
ليصبح لدينا اخير النتيجه الاتيه
الشرح طريقة خاص ومصور لديزاد باتنة
مع تحيات اخوكم
حسام
رد مع اقتباس
