اجعل استايلك اكثر احترافيه مع المرفقات المتطورة

[المطور العربي]

اليوم درسنا عن كيفيه تغير وتعديل وتجميل طريقه عرض المرفقات
[caution]الرجاء عند النقل يذكر المصدر[/caution]

درس سهل ان شاء الله بس نركز شويه:bleh: وهذه النتيجه النهائيه للدرس للتشويق طبعا :bleh:



االقوالب التي سيتم التعديل عليها هما قالبين فقط لاغير وهم

1- postbit_attachment >>> وهو قالب المرفقات وسنغيرة تماما

2- postbit_legacy >>> وهو القالب الشهير الكثير منا يعرفه وهو قالب المشاركات


بسم الله نبداء الدرس

اولا عليك تصميم شكل مثل هذا او انت وابداعك :shiny01:



ملاحظه بسيطه يا اخوان طريقه التقطيع وتوزيع الاطارات ستكون مختصرة نوعا ما لا هذا مرينا عليه كثير جدا

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

كما موضح في الصورة التقطيع يحتوي علي تمدد افقي + تمدد راسي

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

ثم نعمل الاعدادات المعروفه مثل اتجاه الجداول يمين يسار وتصفير الحدود .... الخ الخ

بعد ان تم التوزيع بواسطه الفرونت بيج بيطلع الناتج مثل ما في الصورة التاليه


والان جاء وقت الجد التعديل علي القوالب

عليك الان بنسخ القالب التالي كاملا وهو قالب postbit_attachment مطور شوي تاخذ الكود كاملا كوبي

<p>
<input type="text" name="alluluname" size="20" dir="rtl" value="اسم الملف" class="alt1" style="border-style:solid; border-width:1px; font-size:10px; vertical-align:middle; letter-spacing:0;; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; color:#000080"> 
: <font face="Tahoma"><b>
<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]"<if condition="$show['newwindow']">target="_blank"</if>>$attachment[filename]</a></b></font><br>
<input type="text" name="allulusize" size="20" dir="rtl" value="حجم الملف" class="alt1" style="border-style:solid; border-width:1px; font-size:10px; vertical-align:middle; letter-spacing:0;; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; color:#000080"> 
: <font face="Tahoma"><b> 
$attachment[filesize]</b></font><br>
<input type="text" name="alluluextension" size="20" dir="rtl" value="امتداد الملف" class="alt1" style="border-style:solid; border-width:1px; font-size:10px; vertical-align:middle; letter-spacing:0;; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; color:#000080"> 
: <font face="Tahoma"><b> $attachment[attachmentextension]
<img class="inlineimg" src="$stylevar[imgdir_attach]/$attachment[attachmentextension].gif" $attachment[attachmentextension]"></b></font><br>
<input type="text" name="allulucount" size="20" dir="rtl" value="عدد مرات التنزيل" class="alt1" style="border-style:solid; border-width:1px; font-size:10px; vertical-align:middle; letter-spacing:0;; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; color:#000080"> 
: <font face="Tahoma"><b> $attachment[counter]</b></font><br>
<input type="text" name="allulureport" size="20" dir="rtl" value="للإبلاغ بوجود فايروس" class="alt1" style="border-style:solid; border-width:1px; font-size:10px; vertical-align:middle; letter-spacing:0;; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; color:#FF0000"> 
: <b><font face="Tahoma">
<a href="report.php?$session[sessionurl]p=$post[postid]">اضغط هنا</a></font></b>
</p> 

[/php]

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


ثم تنتقل الي تعليمات برمجيه او code ثم تضع القالب اللي انت نسخته من شوي

بعد لصق القالب ستصبح النتيجه مثل الصورة التاليه

الان اذهب الي التعليمات البرمجيه او code في الفرونت بيج ونسخ كل ما بداخلها
ثم روح الي لوحه تحكم منتداك ثم بحث في القوالب ثم postbit_attachment ثم احذف كل الاكواد الموجوده داخل القالب وضع مكانها ما تم نسخه من الفرونت بيج واضغط حفظ
والان اذهب الي منتداك ستشاهد الصورة التاليه

نلاحظ هنا وجود اطار صغير حول المرفقات تراه مخلي شكلها بايخ كما في الصورة التاليه :no:


الان جاء دور التعديل علي قالب postbit_legacy
حتي نحذف هذا الاطار البايخ ونحصل علي شكل رائع للمرفقات

اذهب الي قالب postbit_legacy ثم ابحث بداخله عن الكود التالي

    <fieldset class="fieldset">
     <legend>$vbphrase[attached_files]</legend>
     <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
     $post[otherattachments]
     </table>
    </fieldset> 

الان حصلنا علي الكود اللي بحثنا عنه احذف هذا الكود وضع بدلا منه الكود التالي

$vbphrase[attached_files]
$post[otherattachments] 

وبكده نكون حذفنا الاطار البايخ :crazy:
والان اذهب الي منتداك وشوف قالب المرفقات الجديد وبتصميم رائع وتطوير اروع
ليصبح شكل القالب في النهايه كما في الصورة التاليه :shiny01:



ملحوظه يرجي عند النقل ذكر المصدر تم الشرح بواسطه العضو " "DESNT.COM" حسين الميدومي معهد ترايد نت
وفي النهايه اخواني هذا اجتهاد شخصي مني فان اصبت فمن الله وان اخطاءت او نسيت فمن الشيطان

يلا اشوف تطبيقاتكم

[المودة]

روعة ... ابدعت ... شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[هيثووم]

شكرا كتير الكو على الموضوع المميز

[ليالينا ابداع]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[مصطفى الكردي]

السلام عليكم ورحمة الله وبركاته
رااائع اخونا الغالي .. شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .