ماذا يجب ان يحتوي الستايل

بعد ان قمت بتصميم الستايل بالشرح الكامل في

كيف ابدأ

بداية اي كلمات بالعربي ، يجب ان تكتب داخل الفانكشن

<?__('هنا')?>

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

الأن يجب اي ستايل ان يحتوي على التالي ،

في ملف

Header.html.php

اولا

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

في حال لم تغير الخط الإفتراضي لسكربت الزواج يجب ان ترفق ايضا في الملف

<style>

body{

direction:<?=$this->LangConfigs['Dir']?>;

text-align: '<?=empty($this->LangConfigs['Float'])?'right':$this->LangConfigs['Float']?>';

}

@font-face {

font-family: 'Droid Arabic Kufi';

font-style: normal;

font-weight: 400;

src: url('<?=CURRENT_URL?>Public/Css/Fonts/DroidKufi-Regular.eot');

src: url('<?=CURRENT_URL?>Public/Css/Fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),

url('<?=CURRENT_URL?>Public/Css/Fonts/DroidKufi-Regular.woff') format('woff'),

url('<?=CURRENT_URL?>Public/Css/Fonts/DroidKufi-Regular.ttf') format('truetype');

}

@font-face {

font-family: 'Droid Arabic Kufi';

font-weight: bold;

src: url('<?=CURRENT_URL?>Public/Css/Fonts/DroidKufi-Bold.eot');

src: url('<?=CURRENT_URL?>Public/Css/Fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),

url('<?=CURRENT_URL?>Public/Css/Fonts/DroidKufi-Bold.woff') format('woff'),

url('<?=CURRENT_URL?>Public/Css/Fonts/DroidKufi-Bold.ttf') format('truetype');

}

</style>

ثم

<title><?=$this->SHTitle?></title>

<META NAME="description" CONTENT="<?=$this->SHDesc?>">

<META NAME="keywords" CONTENT="<?=$this->WebsiteSeoWords?>">

var URL='<?=CURRENT_URL?>';

var Float='<?=$this->DefFloat?>';

var IsMobile=0;

var HavePhoto=<?=$this->HavePhoto?>;

var IsUser=<?=!empty($this->IsUserSP)?1:0?>;

var NotficationUserCurrentNum="<?=(!empty($this->NotficationUserCurrentNum))?$this->NotficationUserCurrentNum:0?>";

</script>

<?=$this->ChatHeader?>

</head>

<body>

<?=$this->ChatBody?>

الأن يجب عرض قائمة العضو التي ستظهر له عند الدخول لحسابه ، تحتاج بعض التعديل على

Css لتحديد مكانها المناسب للستايل الجديد

هذه القائمة منسدلة ، بعد ان يدخل حسابه تظهر له فيها ازرار رئسيبة وبعض المعلومات ، ولما يكون زائر يظهر بدلالها ازرار

انتبه اسم الكلاس المخصص لزر القائمة يجب ان يبقى نفسه لأنه الجافاسكربت تطلبه من خلالها وهو

class=HeadTabUserDiv

<?if(!empty($this->IsUserSP)){?>

<div class="HOBtns badge1" <?if(!empty($this->NotficationUserCurrentNum)){?>data-badge="<?=$this->NotficationUserCurrentNum?>"<?}?>><?=__('إدارة حسابي')?></div>

</div>

<a href="<?=URL?>Pages/Online"><div class="HOBtns"><?=__('المتواجدين الأن')?></div></a>

<?}else{?>

<a href="<?=URL?>Users/NUser"><div class="HOBtns"><?=__('سجل الأن')?></div></a>

<a href="<?=URL?>Users/Login"><div class="HOBtns"><?=__('دخول حسابك')?></div></a>

<a href="<?=URL?>Pages/Online"><div class="HOBtns"><?=__('المتواجدين الأن')?></div></a>

<?}?>

<?if(!empty($this->IsUserSP)){?>

<a href="<?=URL?>Users/Profile/<?=$this->MyID?>">

<br />

<?=__('صفحتي')?>

</div>

</a>

<a href="<?=URL?>Client/Users/Index">

<br />

<?=__('إدارة حسابك')?>

</div>

</a>

<a href="<?=URL?>Client/Account/Inbox">

<br />

<?=__('الرسائل')?>

</div>

</a>

<a href="<?=URL?>Client/Users/UPGrade">

<br />

<?=__('ترقية العضوية')?>

</div>

</a>

<a href="<?=URL?>Users/Logout">

<br />

<?=__('خروج')?>

</div>

</a>

<table>

<tr>

<td class="HTUDUPTXT TXTColor"><?=$this->FullName?></td>

<td class="HTUDUPTXT TXTColor"><?=$this->UserTypeTitle?></td>

</tr>

</table>

</div>

</div>

<?}?>

</div>

كما تلاحظ كل ماسبق ، ه اساسي لعمل السكربت ، يجب ان يكون موجود في كل الستايلات ، بدونه ستحصل اخطاء ، فهو يدعم تعدد اللغات ، اي للغات التي من اليسار إلى اليمين ، ويدعم عرض للجوال وغيره كما تحوي الميتا تاغ لمحركات البحث وغيره من اضافات

تبقى ان تضيف عليه ملفات الستايل الخاص بك

.css

أما ملف فوتر فيجب ان يحتوي على

Footer.html.php

<?=$this->MultiDomainsIMGS?>

في نهاية ملف الفوتر ، وهي هامة جدا ، حتى لايحدث مشاكل في دخول الأعضاء لحسابهم

هذا ماسبق يجب ان يحتويه الستايل حصرا ، حتى يعمل الستايل بشكل صحيح ، وكما ذكرنا في ملف كيف ابدأ

لاتنسى ان يحتوي الستايل اوامر العرض المخصصة للقوائم الجانبية والمنتصف ، وهي

طبعا كل منها في مكانه المناسب

<?if($this->RightBlocks!=''){?><div class="RightLay"><?=$this->RightBlocks?></div><?}?>

<?=$this->CenterUPBlocks?>

<?=$this->CenterDownBlocks?>

<?if($this->LeftBlocks!=''){?><div class="LeftLay"><?=$this->LeftBlocks?></div><?}?>

التي هي مسؤولة عن القوائم

وبذلك اصبح لديك ستايل كامل المهمة ، يعمل بشكل صحيح ، تبقى ان تقوم بتنسيق ملفات الستايل الخاصة به لتكون مناسبة ، وستجد الملفات الجاهزة فيها الشرح اللازم لذلك

داخل مجلد

\Style

Blocks.css

مسؤول عن القوائم الجاهزة المرفقة مع السكربت ،

Main.css

كل الموقع ، القسم العام ، التوزيع ، اهم الصفحات وغيره

Variables.css

يمكن عدم استخدامها ، في حال ستايلاك لايدعم التعديل من لوحة التحكم مباشرة - اي الإستغناء عنها

Created with the Personal Edition of HelpNDoc: Easily create CHM Help documents