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

مشاهدة النسخة كاملة : اجعل استايل styleك اكثر احترافيه مع المرفقات المتطورة



linnou
10-30-2013, بتوقيت غرينيتش 08:38 PM
http://www.dzbatna.com/images/icons/icon30.gif ط§ط¬ط¹ظ„ ط§ط³طھط§ظٹظ„ظƒ ط§ظƒط«ط± ط§ط*طھط±ط§ظپظٹظ‡ ظ…ط¹ ط§ظ„ظ…ط±ظپظ‚ط§طھ ط§ظ„ظ…طھط·ظˆط±ط© (http://www.dzbatna.com/t628583/)



السلام عليكم ورحمه الله وبركاته



اليوم درس مفصلنا عن كيفيه تغير وتعديل وتجميل طريقه عرض المرفقات



درس مفصل سهل ان شاء الله بس نركز شويهhttp://www.dzbatna.com/images/smilies/bleh.gif وهذه النتيجه النهائيه للدرس مفصل للتشويق طبعا http://www.dzbatna.com/images/smilies/bleh.gif



http://desnt.com/dros/d7.gif


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



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



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





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



اولا عليك تصميم شكل مثل هذا او انت وابداعك http://www.dzbatna.com/images/smilies/shiny01.gif


http://desnt.com/dros/d1.jpg



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



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



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

http://desnt.com/dros/d2.gif

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



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



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

http://desnt.com/dros/D3.gif


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



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

رمز PHP:

<code style="white-space:nowrap"> <code>
<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&#91;sessionurl&#93;attachmentid=$a ttachment&#91;attachmentid&#93;&amp;d=$attachment&#91;dateline&#93;"<if condition="$show&#91;'newwindow'&#93;">target="_blank"</if>>$attachment&#91;filename&#93;</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&#91;filesize&#93;</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&#91;attachmentextension&#93;

<img class="inlineimg" src="$stylevar&#91;imgdir_attach&#93;/$attachment&#91;attachmentextension&#93;.gif" $attachment&#91;attachmentextension&#93;"></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&#91;counter&#93;</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&#91;sessionurl&#93;p=$post&#91;postid&#93;">اضغط هنا</a></font></b>

</p>
</code> </code>



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

http://desnt.com/dros/d4.gif



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



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

http://desnt.com/dros/D5.gif

الان اذهب الي التعليمات البرمجيه او code في الفرونت بيج ونسخ كل ما بداخلها

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

والان اذهب الي منتداك ستشاهد الصورة التاليه



نلاحظ هنا وجود اطار صغير حول المرفقات تراه مخلي شكلها بايخ كما في الصورة التاليه http://www.dzbatna.com/images/smilies/no.gif

http://desnt.com/dros/d6.gif



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

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



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



رمز PHP:

<code style="white-space:nowrap"> <code>
<fieldset class="fieldset">

<legend>$vbphrase&#91;attached_files&#93;</legend>

<table cellpadding="0" cellspacing="$stylevar&#91;formspacer&#93;" border="0">

$post&#91;otherattachments&#93;

</table>

</fieldset>
</code> </code>



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



رمز PHP:

<code style="white-space:nowrap"> <code>
$vbphrase&#91;attached_files&#93;

$post&#91;otherattachments&#93;
</code> </code>






وبكده نكون حذفنا الاطار البايخ http://www.dzbatna.com/images/smilies/crazy.gif

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

ليصبح شكل القالب template في النهايه كما في الصورة التاليه http://www.dzbatna.com/images/smilies/shiny01.gif



http://desnt.com/dros/d7.gif



ملحوظه يرجي عند النقل ذكر المصدر تم الشرح طريقة بواسطه العضو &quot; &quot;DESNT.COM&quot; حسين الميدومي معهد ترايد نت

وفي النهايه اخواني هذا اجتهاد شخصي مني فان اصبت فمن الله وان اخطاءت او نسيت فمن الشيطان



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

دمتم بود

والسلام عليكم ورحمه الله وبركاته





التعديل الأخير كان بواسطة desnt.com; 22 - 11 - 2014 الساعة 15:44

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



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

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


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