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

[walid]

http://www.dzbatna.com/images/icons/idea.gif طھط·ظˆظٹط± ط¨ط³ظٹط· ظپظٹ ظ‚ط§ظ„ط¨ ط§ظ„ظ…ط±ظپظ‚ط§طھ " ظ‡ط¯ظٹظ‡ ظ‚ط¨ظ„ ط§ظ„ط§ظ…طھط*ط§ظ†ط§طھ " (http://www.dzbatna.com/t2014851/)



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

http://i51.tinypic.com/2vcw9rd.gif

هذا التطوير البسيط إهداء لكم قبل الامتحانات "دعواتكم لي بالتوفيق" http://www.dzbatna.com/images/smilies/strongly.gif

بالبدايه نشوف المثال طبعاً ما فيه مثال مباشر (لان ما عندي منتدىhttp://www.dzbatna.com/images/smilies/no.gif)

قبل مرور الماوس ,,
http://i.imgur.com/yJpyT.png

بعد مرور الماوس,,
http://i.imgur.com/rVkcW.png

http://i51.tinypic.com/2vcw9rd.gif

توجه الان إلى المنتدى forum > الاداره > الإستايل styleات والقوالب > البحث في القوالب > أختر الاستايل style المراد التعديل عليه > آكتب في حقل البحث "postbit_attachment" > ثم أضغط على البحث > ثم آضغط على تعديل للقالب template المذكود code أسمه سابقا

http://i51.tinypic.com/2vcw9rd.gif

الان أستبدل الكود code التالي بكود code قالب template الي بحثنا عنه وهو " postbit_attachment "

رمز PHP:

<code style="white-space:nowrap"> <code>
<tr><td dir="rtl">
<table border="0" cellpadding="0" width="100%" bordercolor="#000000" id="table2" dir="rtl">
<tr>
<td><img border="0" class="inlineimg" src="$stylevar&#91;imgdir_attach&#93;/$attachment&#91;attachmentextension&#93;.gif" alt="&lt;phrase 1=&quot;$attachment&#91;attachmentextension&#93;&quot;&gt;$vbphrase&#91;fil e_type_x&#93;&lt;/phrase&gt;" width="16" height="16">
<input class="mf1" type="text" name="T2" size="28" style="font-size: 8pt; font-family: ms sans serif;" value="$attachment&#91;filename&#93;">
<input class="mf2" type="text" name="T2" size="28" style="font-size: 8pt; font-family: ms sans serif; height: 17px;" value="حجم الملف : $attachment&#91;filesize&#93;">
<input class="mf3" type="text" name="T2" size="28" style="font-size: 8pt; font-family: ms sans serif;" value="<phrase 1="$attachment&#91;counter&#93;">$vbphrase&#91;x_views&#93;</phrase>">
<a class="mf4" href="attachment.php?$session&#91;sessionurl&#93;attachmentid=$a ttachment&#91;attachmentid&#93;" title="أضغط هنا لتحميل الملف"><strong>تحميل الملف</strong></a>
</tr>
</table>
</code> </code>

http://i51.tinypic.com/2vcw9rd.gif

الان ضع الكود code التالي في تعاريف CSS الإضافية/Additional CSS Definitions

رمز PHP:

<code style="white-space:nowrap"> <code>
.mf1 {
background-color: #e8e8e8;
border-bottom:1px #e1e1e1 solid;
border-top:1px #e1e1e1 solid;
border-right:3px #00b7e9 solid;
border-left:1px #00b7e9 solid;
color:#000;
height:17px;
padding:1px 1px 1px 1px;
cursor:default;
}
.mf2 {
background-color: #e8e8e8;
border-bottom:1px #e1e1e1 solid;
border-top:1px #e1e1e1 solid;
border-right:3px #00b7e9 solid;
border-left:1px #00b7e9 solid;
color:#000;
height:17px;
padding:1px 1px 1px 1px;
cursor:default;
}
.mf3 {
background-color: #e8e8e8;
border-bottom:1px #e1e1e1 solid;
border-top:1px #e1e1e1 solid;
border-right:3px #00b7e9 solid;
border-left:1px #00b7e9 solid;
color:#000;
height:17px;
padding:1px 1px 1px 1px;
cursor:default;
}
.mf4 {
background-color: #e8e8e8;
border-bottom:1px #e1e1e1 solid;
border-top:1px #e1e1e1 solid;
border-right:3px #00b7e9 solid;
border-left:1px #00b7e9 solid;
height:17px;
padding:1px 5px 1px 5px;
cursor:default;
}
a.mf4 {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
}
.mf1:hover {
border-bottom:1px #e1e1e1 solid;
border-top:1px #e1e1e1 solid;
border-right:1px #00b7e9 solid;
border-left:3px #00b7e9 solid;
color:#00b7e9;
}
.mf2:hover {
border-bottom:1px #e1e1e1 solid;
border-top:1px #e1e1e1 solid;
border-right:1px #00b7e9 solid;
border-left:3px #00b7e9 solid;
color:#00b7e9;
}
.mf3:hover {
border-bottom:1px #e1e1e1 solid;
border-top:1px #e1e1e1 solid;
border-right:1px #00b7e9 solid;



border-left:3px #00b7e9 solid;
color:#00b7e9;
}
.mf4:hover {
border-bottom:1px #e1e1e1 solid;
border-top:1px #e1e1e1 solid;
border-right:1px #00b7e9 solid;
border-left:3px #00b7e9 solid;
color:#00b7e9;
}
</code> </code>

http://i51.tinypic.com/2vcw9rd.gif

الان تمتع بالشكل الجديد للمرفقات http://www.dzbatna.com/images/smilies/shiny01.gif

http://i51.tinypic.com/2vcw9rd.gif

تقبلوا خالص تحياتي ../
,, أنتهى,,






التعديل الأخير كان بواسطة عبدالرحمن بن سعود; 03 - 01 - 2014 الساعة 22:24

ألعاب الأندرويد مجانا و حصريا (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)©