المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : اضافة اخر اخبار تويتر في whmcs بدون اي اضافات للقوالب الخاصه شرح طريقة خاص لديزاد باتنة



Chakira
11-02-2013, بتوقيت غرينيتش 02:16 AM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
لاحظت ان العديد عندما يقوم بتصميم style ستايل style خاص لسكربت
whmcs
يفقد السكربت بعض الخصائص بسبب الغاء بعض الاكواد من القوالب الخاصه بالتصميم style
مثلا اخر اخبار صفحه الشركه على تويتر مثلا
الان سوف نقوم بشرح طريقة ارجاع الاكواد الافتراضيه دون فقدان او تشويه شكل لستايل style
وشرح طريقة حصري وخاص لديزاد باتنة

----------------------------------------------------


مثال مباشر
سيمو - لخدمات الويب المتكامله - الصفحة الرئيسية (http://sd-dv.com/)


----------------------------------------------------

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




http://www.dzbatna.com/attachments/648166d1339945846-2.png




----------------------------------------------------

اما الان وهم الاهم
نقوم بفتح قالب 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>


ليصبح لدينا اخير النتيجه الاتيه

http://www.dzbatna.com/attachments/648165d1339945846-1.png



الشرح طريقة خاص ومصور لديزاد باتنة
مع تحيات اخوكم
حسام





الصور المصغرة المرفقة http://www.traidnt.net/vb/attachments/648165d1339945856t-1.png (http://www.traidnt.net/vb/attachments/648165d1339945856-1.png) http://www.traidnt.net/vb/attachments/648166d1339945856t-2.png (http://www.traidnt.net/vb/attachments/648166d1339945856-2.png)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى