Hitskin.com
الرئيسية
كيف تنشئ الإطار
عندما تفتح قسم باني النماذج تستطيع رؤية الخواص التالية:
1. قواعد بناء الإطار
2. عينة من الإطار
3. إطار التصاميم القياسية
4. أنت تستخدم أسلوب تصميم افتراضي #، أو تستخدم أسلوب شخصي
هنا الروابط لتحديد صفحات لوحة التحكم.#1 و #2 هما نافذتان منبثقتان،#3 تفتح قائمة منسدلة مع روابط للأطر القياسية (إذا ضغطت على واحدة منها سيتم تحميلها إلى منظقة التحرير). وأخيراً، #4 ستفتح نافذة منبثقة برابط لملف CSS
لنعود للبند 2 (عينة من الإطار). هناك ثلاثة أزرار في أعلى النافذة المفتوحة - كود الإطار، عرض، تحرير. الزر النشط يكون بلون شاحب، أي إن كود الاطار يكون افتراضياُ. عندما تضغط على العرض سترى الصفحة كما ستكون. نحن نستطيع عرض منظر الصفحة الرئيسية (وصفحات الوحدات الرئيسية)، المنتدى والنوافذ المنبثقة. النوافذ المنبثقة هي بيانات المستخدم، نتائج التصويت، قائمة الرسائل الخاصة إلخ.عندما تضغط على تحرير فإن كود الإطار سيتم نسخه إلى منطقة تحرير باني النماذج. في الأسفل خانات بالوسائل التي تستطيع بها تغيير التصميم إما لكل الموقعأو وحدات محددة: فقط احذف خانات هذه الوحدات التي لا تريد تغييرها. تحت الخانات تستطيع رؤية الأزرار التالية:
1. مدير الملفات
2. العرض
3. إنشاء نماذج (بعد ضغطك على هذا الزر نموذج الوحدة المختارة سيتغير)
4. خواص إضافية
أ) أضف مجموعة التصميم (إضافة إلى التصميم المنشئ لمجموعة التصاميم الافتراضية. هذا التصميم سيتم استخدامه عند استعادة النماذج)
ب) أرشفة الإطار (إنشاء أرشيف لاذي سيحوي على ملف كود الإطار، ملفات الصور، تثبيت يدوي للملف لتثبيت الإطار على أي موقع uCoz آخر)
ج) حفظ الإطار (حفظ كود الإطار في ملف لمتابعة تشكيله في المستقبل (نسخة احتياطية)
قد يحتوي كودك أحياناً على بعض الأخطاء عندها سيقوم النظام بتحذيرك قبل إنشاء الأرشيف. الأرشيف سوف يتم حفظه سوية مع ملف الأخطاء الخاصة، حيث كل الأماكن التي فيها أخطاء أكواد سيتم إضافتها.
إذا قمت بتحرير نماذج uCoz عندها ستكون على معرفة بمبادئ هيكليتهم ومع اكواد uCoz الخاصة. تستطيع استخدام في الإطار فقط تلك الأكواد التي تعمل في كل النماذج. يجب عليك إلصاق كل الأكواد، الخاصة بوحدات معينة، يدوياً، باستثناء الأكواد القياسية، أكواد الإطار الخاص تستعمل.
قائمة الأكواد الخاصة لباني النماذج:
1. [TITLE] – page name (for the <title> tag)
2. [CSS_URL] – URL of the CSS file
3. [RSS_URL] – URL of the RSS feed (for the modules that have it)
4. [MODULE_PAGE_URL] – URL of the main module/section page (for the modules that have it)
5. [MODULE_NAME] – module name
6. [CATS_TITLE] – name of the block with the module categories list
7. [CATEGORIES] – list of the module categories (for the modules that have them)
8. [CALENDAR_TITLE] – name of the block with the calendar of additions
9. [CALENDAR] – calendar of additions (for the modules that have it)
10. [SEARCH_TITLE] – name of the search block
11. [SEARCH_FORM] – search block for searching module entries (for the modules that have this feature)
12. [BODY] – main part of the page (list of entries etc.)
عند تثبيت الإطار على الموقع فإن باني النماذج سيقوم أوتوماتيكياً سيقوم بتغيير تلك الأكواد بأكواد مساوية، خاصة بكل وحدة. بشكل عام [BODY] لاتعادل $BODY$. مثال، ستحصل على الكود التالي مكان [BODY] على الصفحة الرئيسية:
Code
<table border="0" cellpadding="5" cellspacing="0" width="100%" class="tabbody">
<tr>
<td class="tdbody"><a href="$HOME_PAGE_LINK$">Main page</a> </td></tr>
<tr>
<td class="tdbody1">
%IF($ADD_NEWS_LINK$)%<div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_NEWS_LINK$">Add new entry</a> ]</div>%ENDIF%
$LAST_NEWS$
</td>
</tr>
</table>
ومن أجل ملف الكاتالوج (مصدر الكود نفسه):
Code
table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$">Main</a> » Files</td>
<td align="right" style="white-space: nowrap;">%IF($ADD_ENTRY_LINK$)%[ <a href="$ADD_ENTRY_LINK$">Add new entry</a> ]%ENDIF%</td>
</tr>
</table>
<hr />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="60%">Total entries in catalog: <b>$NUM_ENTRIES$</b>%IF($NUM_SHOWN$)%<br />Shown entries: <b>$NUM_SHOWN$</b>%ENDIF%</td>
<td align="right">%IF($PAGE_SELECTOR$)%Pages: $PAGE_SELECTOR$%ENDIF%</td>
</tr>
</table>
<hr />
$BODY$
%IF($PAGE_SELECTOR1$)%<div style="text-align:center;">$PAGE_SELECTOR1$</div>%ENDIF%
</td>
</tr>
</table>
ومن أجل المنتدى <!-- Header -->...<!-- /Header -->, <!-- Footer -->...<!-- /Footer --> و الكود التالي في المنتصف:
Code
<table border="0" cellpadding="0" height="30" cellspacing="0" width="100%" align="center">
<tr>
<td align="right">[
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Recent messages</a> •
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Members</a> •
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow">Forum rules</a> •
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Search</a> •
<a class="fNavLink" href="$BOARD_RSS_LINK$" rel="nofollow">RSS</a> ]</td>
</tr>
</table>
$BODY$<br />
المعاملات الشرطية لباني النماذج أيضاً تملك مميزات خاصة. إنهم نوعين: العادية %IF% %ELSE% %ENDIF% و {IF} ... {ENDIF} . من أجل النوع الأول فهو يصف لوحة التحكم. النوع الثاني سهل للفهم: هذه الأكواد تستخدم لتلك الأجزاء من الكود، التي ستتم مشاهدتها لكل وحدة بحد ذاتها. النظام يعرف لوجده ماذا ومتى يظهرها.
هذا ما يجب عليك معرفته عند العمل مع باني النماذج.
عندما تفتح قسم باني النماذج تستطيع رؤية الخواص التالية:
1. قواعد بناء الإطار
2. عينة من الإطار
3. إطار التصاميم القياسية
4. أنت تستخدم أسلوب تصميم افتراضي #، أو تستخدم أسلوب شخصي
هنا الروابط لتحديد صفحات لوحة التحكم.#1 و #2 هما نافذتان منبثقتان،#3 تفتح قائمة منسدلة مع روابط للأطر القياسية (إذا ضغطت على واحدة منها سيتم تحميلها إلى منظقة التحرير). وأخيراً، #4 ستفتح نافذة منبثقة برابط لملف CSS
لنعود للبند 2 (عينة من الإطار). هناك ثلاثة أزرار في أعلى النافذة المفتوحة - كود الإطار، عرض، تحرير. الزر النشط يكون بلون شاحب، أي إن كود الاطار يكون افتراضياُ. عندما تضغط على العرض سترى الصفحة كما ستكون. نحن نستطيع عرض منظر الصفحة الرئيسية (وصفحات الوحدات الرئيسية)، المنتدى والنوافذ المنبثقة. النوافذ المنبثقة هي بيانات المستخدم، نتائج التصويت، قائمة الرسائل الخاصة إلخ.عندما تضغط على تحرير فإن كود الإطار سيتم نسخه إلى منطقة تحرير باني النماذج. في الأسفل خانات بالوسائل التي تستطيع بها تغيير التصميم إما لكل الموقعأو وحدات محددة: فقط احذف خانات هذه الوحدات التي لا تريد تغييرها. تحت الخانات تستطيع رؤية الأزرار التالية:
1. مدير الملفات
2. العرض
3. إنشاء نماذج (بعد ضغطك على هذا الزر نموذج الوحدة المختارة سيتغير)
4. خواص إضافية
أ) أضف مجموعة التصميم (إضافة إلى التصميم المنشئ لمجموعة التصاميم الافتراضية. هذا التصميم سيتم استخدامه عند استعادة النماذج)
ب) أرشفة الإطار (إنشاء أرشيف لاذي سيحوي على ملف كود الإطار، ملفات الصور، تثبيت يدوي للملف لتثبيت الإطار على أي موقع uCoz آخر)
ج) حفظ الإطار (حفظ كود الإطار في ملف لمتابعة تشكيله في المستقبل (نسخة احتياطية)
قد يحتوي كودك أحياناً على بعض الأخطاء عندها سيقوم النظام بتحذيرك قبل إنشاء الأرشيف. الأرشيف سوف يتم حفظه سوية مع ملف الأخطاء الخاصة، حيث كل الأماكن التي فيها أخطاء أكواد سيتم إضافتها.
إذا قمت بتحرير نماذج uCoz عندها ستكون على معرفة بمبادئ هيكليتهم ومع اكواد uCoz الخاصة. تستطيع استخدام في الإطار فقط تلك الأكواد التي تعمل في كل النماذج. يجب عليك إلصاق كل الأكواد، الخاصة بوحدات معينة، يدوياً، باستثناء الأكواد القياسية، أكواد الإطار الخاص تستعمل.
قائمة الأكواد الخاصة لباني النماذج:
1. [TITLE] – page name (for the <title> tag)
2. [CSS_URL] – URL of the CSS file
3. [RSS_URL] – URL of the RSS feed (for the modules that have it)
4. [MODULE_PAGE_URL] – URL of the main module/section page (for the modules that have it)
5. [MODULE_NAME] – module name
6. [CATS_TITLE] – name of the block with the module categories list
7. [CATEGORIES] – list of the module categories (for the modules that have them)
8. [CALENDAR_TITLE] – name of the block with the calendar of additions
9. [CALENDAR] – calendar of additions (for the modules that have it)
10. [SEARCH_TITLE] – name of the search block
11. [SEARCH_FORM] – search block for searching module entries (for the modules that have this feature)
12. [BODY] – main part of the page (list of entries etc.)
عند تثبيت الإطار على الموقع فإن باني النماذج سيقوم أوتوماتيكياً سيقوم بتغيير تلك الأكواد بأكواد مساوية، خاصة بكل وحدة. بشكل عام [BODY] لاتعادل $BODY$. مثال، ستحصل على الكود التالي مكان [BODY] على الصفحة الرئيسية:
Code
<table border="0" cellpadding="5" cellspacing="0" width="100%" class="tabbody">
<tr>
<td class="tdbody"><a href="$HOME_PAGE_LINK$">Main page</a> </td></tr>
<tr>
<td class="tdbody1">
%IF($ADD_NEWS_LINK$)%<div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_NEWS_LINK$">Add new entry</a> ]</div>%ENDIF%
$LAST_NEWS$
</td>
</tr>
</table>
ومن أجل ملف الكاتالوج (مصدر الكود نفسه):
Code
table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$">Main</a> » Files</td>
<td align="right" style="white-space: nowrap;">%IF($ADD_ENTRY_LINK$)%[ <a href="$ADD_ENTRY_LINK$">Add new entry</a> ]%ENDIF%</td>
</tr>
</table>
<hr />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="60%">Total entries in catalog: <b>$NUM_ENTRIES$</b>%IF($NUM_SHOWN$)%<br />Shown entries: <b>$NUM_SHOWN$</b>%ENDIF%</td>
<td align="right">%IF($PAGE_SELECTOR$)%Pages: $PAGE_SELECTOR$%ENDIF%</td>
</tr>
</table>
<hr />
$BODY$
%IF($PAGE_SELECTOR1$)%<div style="text-align:center;">$PAGE_SELECTOR1$</div>%ENDIF%
</td>
</tr>
</table>
ومن أجل المنتدى <!-- Header -->...<!-- /Header -->, <!-- Footer -->...<!-- /Footer --> و الكود التالي في المنتصف:
Code
<table border="0" cellpadding="0" height="30" cellspacing="0" width="100%" align="center">
<tr>
<td align="right">[
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Recent messages</a> •
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Members</a> •
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow">Forum rules</a> •
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Search</a> •
<a class="fNavLink" href="$BOARD_RSS_LINK$" rel="nofollow">RSS</a> ]</td>
</tr>
</table>
$BODY$<br />
المعاملات الشرطية لباني النماذج أيضاً تملك مميزات خاصة. إنهم نوعين: العادية %IF% %ELSE% %ENDIF% و {IF} ... {ENDIF} . من أجل النوع الأول فهو يصف لوحة التحكم. النوع الثاني سهل للفهم: هذه الأكواد تستخدم لتلك الأجزاء من الكود، التي ستتم مشاهدتها لكل وحدة بحد ذاتها. النظام يعرف لوجده ماذا ومتى يظهرها.
هذا ما يجب عليك معرفته عند العمل مع باني النماذج.
