شرح عمل ملاحظات مثل معهد ترايدنت 2017

[alfares]

http://upload.traidnt.net/upfiles/3WU65347.jpg



[ اسم شرح ] : شرح عمل ملاحظات مثل معهد ترايدنت
[ وصف شرح ] :شرح عمل ملاحظات مثل معهد ترايدنت
[ يتوافق مع اي اصدار ] : يتوافق مع كل المنتديات
[ مقدم شرح ] : DR-WoWo


http://upload.traidnt.net/upfiles/LDC98190.jpg


بعد اخذ موافقه من الادارة

اليوم رح اشرح لكم كيف نعمل ملاحظات مثل معهد ترايدنت

شرح رح يكون فديو + صور

ممكن رح يختلف الخط عندك الخط مستخدم
[Droid Arabic Kufi]

نبدأ على بركة الله


https://www.youtube.com/watch?v=NnzVkarbhcg

شرح مصور

اول شي نذهب الى لوحة تحكم

http://www.traidnt.net/vb/images/imgcache/2015/03/4245e627a8201-21804835-1.png

http://www.traidnt.net/vb/images/imgcache/2015/03/bf41420cb9722-21804835-1.png

http://www.traidnt.net/vb/images/imgcache/2015/03/c0d597c7fb2c3-21804835-1.png

نبحث عن قالب [ navbar ]

http://www.traidnt.net/vb/images/imgcache/2015/03/182458cc096d4-21804835-1.png

http://www.traidnt.net/vb/images/imgcache/2015/03/510b4151a98e5-21804835-1.png

داخل القالب نبحث عن [ notices ]

http://www.traidnt.net/vb/images/imgcache/2015/03/72b5b7709f886-21804835-1.png

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

<if condition="$show['notices']">
<form action="profile.php?do=dismissnotice" method="post" id="NoticPage">
<input type="hidden" name="do" value="dismissnotice" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
<input type="hidden" name="url" value="$return_link" />
<table class="NoticPage" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="NoticHead">$vbphrase[notices]</td>
</tr>
<tr>
<td class="NoticHead">
$notices
</td>
</tr>
</table>
<br />
</form>
</if>http://www.traidnt.net/vb/images/imgcache/2015/03/784c7cbc301e7-21804835-1.png

نضغط على حفظ

http://www.traidnt.net/vb/images/imgcache/2015/03/3ace3759dbc78-21804835-1.png

http://www.traidnt.net/vb/images/imgcache/2015/03/2003a63947189-21804835-1.png

نبحث عن قالب [ navbar_noticebit ]

http://www.traidnt.net/vb/images/imgcache/2015/03/62ccd3c7193210-21804835-1.png

http://www.traidnt.net/vb/images/imgcache/2015/03/2a13908b8aa61-21804835-1.png

نستبدل كود القالب بكود تالي
ملاحظة : خذ نسخه من قالب قبل الاستبدل

<div class="NoticCounct" id="NoticHead_$_noticeid">
<if condition="$show[dismiss_link]"><input type="image" onclick="return dismiss_notice($_noticeid);" name="dismiss_noticeid_$_noticeid" src="$stylevar[imgdir_misc]/cross.png" alt="$vbphrase[dismiss]" style="float:$stylevar[right];" /></if>$notice_html
</div>http://up.dev-point.com/uploads1/9b3f4ced1d3b2.png

نضغط على حفظ

الان نضيف اكواد CSS

#NoticPage {
background:none repeat scroll 0 0 #fef9d2;
border:1px solid #e9d09a;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
font-family:"Droid Arabic Kufi","Open Sans",sans-serif;
margin:10px 0;
padding:5px;
color:#ad542d;
}

#NoticPage a:hover {
text-decoration:none;
}

#NoticPage .NoticHead {
font-size:1em;
}

#NoticPage .NoticCounct {
background:none repeat scroll 0 0 #fff;
border:1px solid #f3dfb4;
font-size:1em;
margin:5px;
padding:5px;
}http://www.traidnt.net/vb/images/imgcache/2015/03/4a454e3e5b153-21804835-1.png

الان انتهى من تعديل على قوالب رح نعمل ملاحظه تجربيه نشوف فيه نتيجة شرح

نذهب الى لوحة تحكم و نختار [ ملاحظات ]

http://www.traidnt.net/vb/images/imgcache/2015/03/e42067ce2d214-21804835-1.png

http://www.traidnt.net/vb/images/imgcache/2015/03/5d08876fd89d5-21804835-1.png

http://www.traidnt.net/vb/images/imgcache/2015/03/ea2be04ee8b26-21804835-1.png

كل شي موضح امامك فقط نضيف كود تالي في مربع [ ملاحظة HTML ]

<a href="#"><font style="margin:4px;padding:0;color:#598E35">
عنوان الموضوع
</font></a>
<br>
<a href="#"><font style="margin:4px;padding:0;color:#598E35">
عنوان الموضوع
</font></a>http://www.traidnt.net/vb/images/imgcache/2015/03/43d4698f1c237-21804835-1.png

بعد اضافة الكود وتحديد الاعدادت التي نتاسبك نضغط على حفظ

الان نره شكل ملاحظات بدون شرح و بعد تطبيق شرح

بدون

http://www.traidnt.net/vb/images/imgcache/2015/03/b36f740ea9fc8-21804835-1.png

بعد تطبيق شرح

http://www.traidnt.net/vb/images/imgcache/2015/03/c7063becf4bc9-21804835-1.png


http://upload.traidnt.net/upfiles/LDC98190.jpg


» وبكذا انتهى موضوعي لليوم ...~

» كل ما اريد هو دعوة صادقه برحمه للوالده ...~

» تقبلو تحياتي انا اخوكم في الله ...~

» أحمد...~


http://upload.traidnt.net/upfiles/oAi98221.jpg

[سوكراَ]

شرح ولا احلى يالفارس
يديك العافيه "