الصفحات 1 2


عنوان الموضوع : طريقة عمل ثــيم 4images
معلومات الكاتب
08-16-2005 01:58 مساء
ZaZ
مدير المنتدى

رقم العضوية : 1
التسجيل : 07-07-2005 07:00 مساء
الحالة :
المشاركات : 666
الجنس :
الزيارات : 28
قوة السمعة : 76


|

انشاء ثيم او ستايل لمكتبة الصور 4images

يتكون الثيم عادة من ثلاث مجلدات وهي
images يحمل صورة الستايل نفسة
icons جميع الستايلات تحمل نفس الأيقونات
media تتكون من عدد 17 ملف html وهي نفسها لا تتغير في أي ثيم

- - - - - - - - - - - - - - - - - - - - - - - - - - - -
ملفـات html التي يتم وضع الثيم عليهـا عدد 10 ملفات وهي


top.html
search.html
member.html
details.html
register.html
categories.html
error.html
home.html
lightbox.html
postcard_create.html

- - - - - - - - - - - - - - - - - - - - - - - - - - - -
بعد انشاء الستايل بواسطة فوتوشب

نقوم بالانتقال إلى برنامج فرنت بيج و نفتح الثيم الجديد و نبدأ بتأسيس الملفات العشرة المذكور وهذا مثال لكود ملف home.html


<DIV align=center> 
<table dir=rtl width="640" border="0" cellspacing="0" cellpadding="0" class="tablehead">
<tr>
<td width="6">
 </td>
<td width="405">
<p align="center"> </td>
<td width="225" align="right">
<form method="post" action="{url_search}">
<table dir=rtl border="0" cellspacing="0" cellpadding="1">
<tr>
<td>
<font face="Arial">
<input type="text" name="search_keywords" size="15" class="searchinput" />
</font>
</td>
<td>
<font face="Arial">
<input type="submit" value="{lang_search}" class="button" name="submit" />
</font>
</td>
</tr>
<tr valign="top">
<td colspan="2"><font face="Arial"><a href="{url_search}" class="smalltext">{lang_advanced_search}</a></font></td>
</tr>
</table>
</form>
</td>
<td align="right" width="6">
 </td>
</tr>
</table>
<font face="Arial">
</td>
</tr>
<tr>
<td class="bordercolor">
</font>
<table dir=rtl width="640" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="tablebgcolor">
<table dir=rtl width="638" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="navbar" height="23">
<table dir=rtl width="636" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><font face="Arial"><img src="{template_url}/images/spacer.gif" width="4" height="4" alt="" />{clickstream}</font></td>
<td align="right">
<p align="center">
<b>
<font face="Arial">
<a href="http://www.zhra.net">
<span style="text-decoration: none">
الصفحة الرئيسيـة</span></a> <a href="{url_top_images}"><span style="text-decoration: none">{lang_top_images}</span></a> <span lang="ar-sa">  
</span> <a href="{url_new_images}"><span style="text-decoration: none">{lang_new_images}</span></a> 
</font>
</b>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table dir=rtl width="638" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" class="row2" valign="top">
<table dir=rtl width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="head2" height="20"><font face="Arial"><img src="{template_url}/images/spacer.gif" alt="" width="4" height="4" />{lang_registered_user}</font></td>
</tr>
<tr>
<td class="tablebgcolor"><font face="Arial"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></font></td>
</tr>
<tr>
<td align="center" class="row1"><font face="Arial">{user_box}</font></td>
</tr>
<tr>
<td class="tablebgcolor"><font face="Arial"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></font></td>
</tr>
</table>
<font face="Arial">{if random_image}
</font>
<table dir=rtl width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="head2" height="20"> <font face="Arial"> <img src="{template_url}/images/spacer.gif" alt="" width="4" height="4" />{lang_random_image}</font></td>
</tr>
<tr>
<td class="tablebgcolor"><font face="Arial"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></font></td>
</tr>
<tr>
<td align="center" class="row1">
<font face="Arial">
<br />
{random_image}
<br />
<br />
</font>
</td>
</tr>
<tr>
<td class="tablebgcolor"><font face="Arial"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></font></td>
</tr>
</table>
<font face="Arial">{endif random_image}
</font>
</td>
<td width="1" class="bordercolor" valign="top">
<font face="Arial"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></font></td>
<td width="18" valign="top"> </td>
<td width="450" valign="top">
<font face="Arial">
<br />
<span class="title">{site_name}</span>
<br />
</font>
<hr size="1" />
<font face="Arial">{if categories}
</font>
<table dir=rtl width="450" border="0" cellspacing="0" cellpadding="1">
<tr>
<td class="head1">
<table dir=rtl width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td class="head1" valign="top"><font face="Arial">{lang_categories}</font></td>
</tr>
<tr>
<td class="row2" valign="top"><font face="Arial">{categories}</font></td>
</tr>
</table>
</td>
</tr>
</table>
<font face="Arial">
<br />
{endif categories}{lang_site_stats}<br />
<br />
{if msg}<b>{msg}</b><br /><br />{endif msg}
</font>
<table dir=rtl width="450" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="head1">
<table dir=rtl width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td class="head1" valign="top"><font face="Arial">{lang_new_images}</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="head1"><font face="Arial">{new_images}</font></td>
</tr>
</table>
<font face="Arial">
<br />
{whos_online}
<br />
</font>
<table dir=rtl width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><font face="Arial">{category_dropdown_form}</font></td>
<td align="right"><font face="Arial">{setperpage_dropdown_form}</font></td>
</tr>
</table>
<p> </p>
</td>
<td width="19" valign="top"> </td>
</tr>
</table>
</td>
</tr>
</table>
<font face="Arial">
</td>
</tr>
<tr>
<td>
</font>
<table dir=rtl width="640" border="0" cellspacing="0" cellpadding="0" class="tablebottom">
<tr>
<td width="6">
 </td>
<td width="405"> </td>
<td width="225"> </td>
<td width="6">
 </td>
</tr>
</table>




تعمل ارتباط لملف الفوتر و الهدر هكذا
في رأس الملف الكلمة التالية {header}
و في الفوتر {footer}

بعد التعديلات على الملف تقوم بحفظ الملف بنفس الاسم home.html

في المرفقات - تجد الملفات التي يتوجب التعديل عليها

















ابلاغ عن مشاركة مخالفة


معلومات الكاتب
طريقة عمل ثــيم 4images
08-17-2005 03:50 صباحا#1
جروح سعود
عضو

رقم العضوية : 11
التسجيل : 08-05-2005 07:35 صباحا
الحالة :
المشاركات : 10
الجنس :
الزيارات : 0
قوة السمعة : 20


اشكرك يا بطل

الله يحفظك و يوفقك

انشاء الله بجرب الطريقه وارفع الملفات موقعي واي مشكله بكتبها هنا وادري ان فيه بطل بيجاوب عليها

انتظر رجعتي

الله يستر عليك

تحياتي
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
08-17-2005 06:01 صباحا#2
ZaZ
مدير المنتدى

رقم العضوية : 1
التسجيل : 07-07-2005 07:00 مساء
الحالة :
المشاركات : 666
الجنس :
الزيارات : 28
قوة السمعة : 76


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

معلومات الكاتب
طريقة عمل ثــيم 4images
09-02-2005 06:09 صباحا#3
ham2002
عضو

رقم العضوية : 26
التسجيل : 09-02-2005 06:07 صباحا
الحالة :
المشاركات : 7
الجنس :
الزيارات : 0
قوة السمعة : 20


مشكووووووووووووووور
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
10-27-2005 05:07 مساء#4
عواصف نجد
عضو

رقم العضوية : 41
التسجيل : 10-27-2005 05:03 مساء
الحالة :
المشاركات : 2
الجنس :
الزيارات : 0
قوة السمعة : 20


:thumbs_up

بارك الله فيك

وربي ريحتنا الله يريح بالك

تعبت وانا ابحث عن استايل لالبوم الصور

لكن بشرحك هذا وربي ريحتني من البحث

جاري التطبيق ولي عوده ان شاء الله

يعطيك ربي الف عافيه

اخوك

عواصف نجد
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
01-02-2006 10:00 مساء#5
raho0ol
عضو

رقم العضوية : 92
التسجيل : 01-02-2006 09:44 مساء
الحالة :
المشاركات : 9
الجنس :
الزيارات : 0
قوة السمعة : 20


مشكووووووووووووور
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
01-22-2006 02:01 صباحا#6
ahmad55
عضو

رقم العضوية : 119
التسجيل : 01-21-2006 06:23 صباحا
الحالة :
المشاركات : 5
الجنس :
الزيارات : 0
قوة السمعة : 20


اشكرك يا بطل
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
04-08-2006 03:41 صباحا#7
النورس الطائر
عضو

رقم العضوية : 299
التسجيل : 04-08-2006 02:59 صباحا
الحالة :
المشاركات : 2
الجنس :
الزيارات : 0
قوة السمعة : 20


الف شكر لك جاري التجربة:)
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
04-12-2006 05:03 مساء#8
جنوبي عنيد
عضو

رقم العضوية : 311
التسجيل : 04-12-2006 04:58 مساء
الحالة :
المشاركات : 1
الجنس :
الزيارات : 0
قوة السمعة : 20


مشكور

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

معلومات الكاتب
طريقة عمل ثــيم 4images
05-25-2006 11:20 صباحا#9
مونتريال
عضو

رقم العضوية : 472
التسجيل : 05-25-2006 11:02 صباحا
الحالة :
المشاركات : 4
الجنس :
الزيارات : 0
قوة السمعة : 20


الف شكر لك اخوي
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
06-09-2006 05:32 صباحا#10
zaro
عضو

رقم العضوية : 538
التسجيل : 06-09-2006 05:28 صباحا
الحالة :
المشاركات : 1
الجنس :
الزيارات : 0
قوة السمعة : 20


لو تزيد الشرح بتفصيل اكثر الله يرضى عليك
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
07-14-2006 08:20 صباحا#11
krakla
عضو

رقم العضوية : 735
التسجيل : 07-14-2006 12:11 صباحا
الحالة :
المشاركات : 11
الجنس :
الزيارات : 0
قوة السمعة : 20


شكراً على الجهد الجميل
krakla
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
07-20-2006 11:22 مساء#12
aaaa
عضو

رقم العضوية : 813
التسجيل : 07-20-2006 11:16 مساء
الحالة :
المشاركات : 2
الجنس :
الزيارات : 0
قوة السمعة : 20


Thaaaaaaaaanxxxxxxxxxxxxx
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
07-21-2006 07:04 صباحا#13
فهد الشهري
عضو

رقم العضوية : 816
التسجيل : 07-21-2006 06:51 صباحا
الحالة :
المشاركات : 3
الجنس :
الزيارات : 0
قوة السمعة : 20


مشكووووووووووووور
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
08-06-2006 06:47 مساء#14
وين بتروح
عضو

رقم العضوية : 1009
التسجيل : 08-06-2006 06:43 مساء
الحالة :
المشاركات : 1
الجنس :
الزيارات : 0
قوة السمعة : 20


مشكووووووووووووووووووووووور اخوي
ابلاغ عن مشاركة مخالفة

معلومات الكاتب
طريقة عمل ثــيم 4images
10-31-2006 09:51 مساء#15
Nioon
عضو

رقم العضوية : 1495
التسجيل : 10-31-2006 09:08 مساء
الحالة :
المشاركات : 1
الجنس :
الزيارات : 0
قوة السمعة : 20


شكرررررررررررررررررررر
ابلاغ عن مشاركة مخالفة

الصفحات 1 2





 



الساعة الآن 09:06 مساء