جعل وصف الأقسام أكثر جمالا

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط¬ط¹ظ„ ظˆطµظپ ط§ظ„ط£ظ‚ط³ط§ظ… ط£ظƒط«ط± ط¬ظ…ط§ظ„ط§ (http://www.dzbatna.com/t1771534/)




بسم الله الرحمن الرحيم

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




شرح طريقة جعل الوصف بشكل أجمل وأفضل.


قبل قراءة الموضوع يمكنك مشاهدة نتيجة الدرس مفصل من هنا :

www.chechar.cc/vb (http://www.chechar.cc/vb)

تابع فقط المراحل والصور.......

أولا في لوحة التحكم نتوجه إلى : الإستايل styleات والقوالب وبعدها إلى البحث في القوالب: ( كما هو موضح في الصورة ) :

http://www2.0zz0.com/2014/03/03/08/736105868.jpg (http://www2.0zz0.com/2014/03/03/08/736105868.jpg)


ونقوم بالبحث عن : forumhome_forumbit_level2_post

( كما هو موضح في الصورة ) :


http://www2.0zz0.com/2014/03/03/08/396974074.jpg (http://www2.0zz0.com/2014/03/03/08/396974074.jpg)


نضغط على القالب template :

http://www2.0zz0.com/2014/03/03/08/383028977.jpg


وبعدها نقوم بالبحث عن الكود code التالي :


رمز PHP:

<code style="white-space:nowrap"> <code> <if condition="$show&#91;'forumdescription'&#93;"><div class="smallfont">$forum&#91;description&#93;</div></if>
</code> </code>

ونقوم بإستبداله بـ هذا الكود code :



رمز PHP:

<code style="white-space:nowrap"> <code> <if condition="$show&#91;'forumdescription'&#93;"><div class="chechar">$forum&#91;description&#93;</div></if>
</code> </code>



( التوضيح بالصورة ) :

http://www2.0zz0.com/2014/03/03/08/794683861.jpg (http://www2.0zz0.com/2014/03/03/08/794683861.jpg)


----------------------------------------------------------

الآن نعود للوحة التحكم ونذهب إلى : التحكم بالإستايل styleات

http://www2.0zz0.com/2014/03/03/08/188469140.jpg (http://www2.0zz0.com/2014/03/03/08/188469140.jpg)


وفي الإستايل style الخاص بالمنتدى forum نذهب إلى الرئيسي css ( كما هو موضح في الصورة ) :

http://www.chechar.cc/vb/images/statusicon/wol_error.gifهذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 726x260 .http://www2.0zz0.com/2014/03/03/09/720377060.jpg (http://www2.0zz0.com/2014/03/03/09/720377060.jpg)




ننزل إلى الأسفل وسوف نجد خانة :

تعاريف CSS الإضافية/Additional CSS Definitions

نقوم بإضافة هذا الكود code :



رمز Code:
.chechar{ background-color:white; border:thin dotted silver; border-right:4px solid silver; text-align:right; padding:5px; padding-left:5px;padding-right:5px; font-family:tahoma; font-size:8pt; font-weight:bold; color:#333333; } .chechar:hover{ background-color:#FFFFCC; }


كما هو موضح في الصورة التالية :

http://www.chechar.cc/vb/images/statusicon/wol_error.gifهذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 713x399 .http://www2.0zz0.com/2014/03/03/09/230265535.jpg

وأخيرا نضغط حفظ ....

ونتوجه إلى الصفحة الرئيسية لنرى الشكل الجديد لوصف الأقسام http://www.chechar.cc/vb/images/smilies/011.gif

بالتوفيق لكم والذي لم يفهم أي نقطة في الشرح طريقة أنا مستعد لشرح طريقةها وفي خدمتكم...

وكذلك الذي يريد شرح طريقة للكود code سوف أشرح طريقةه له بالتفصيل..فقط لا تتردد..

نلتقى إن شاء الله في درس مفصل آخر....

الموضوع الأصلي :

http://www.chechar.cc/vb/showthread.php?t=18695









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