الويب العربي - كيف أعمل مثل هذه الطريقه

صباح الخير استاذى الكريم

وكتوضيح سريع للفكرة

هذا هو كود الخبر المثبت فى نموذج الـ ccontent

كود:

<!-- START BLOCK : stknews -->

<div id="xsnazzy">

<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>

<div class="xboxcontent">

<div class="rnewstitle">{caption}</div>

<span style='float:left'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;

<br><br>

<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات">  {comnum}   |   <img border="0" src="infimages/newssend.gif" alt="إرسال">  {greet}   |   <img border="0" src="infimages/newsviews.gif" alt="الزيارات">  {views}</span><span style='float:left'>{readmore}</span></div>

</div>

</div>

<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>

</div>

<br>

<!-- END BLOCK : stknews -->

اسماء الاستايلات المسؤولة عنه كلها موجودة بالكود
بالنظر الى الكود بالأحمر

سنستنتج انه المسؤول عن ظهور هذا البلوك كاملا

نذهب للبحث عنه فى ملف style.css
سنجد وصفه كما هنا

كود:

#xsnazzy {background: transparent; margin:1em;}

نلاحظ هنا ان الخلفية شفافة ويمكننا اعطائها لون او ادراج صورة متدرجة فيها

الشرح هنا نظرى لم اقم بتطبيقه وتجربته " مجرد فحص سريع للكود " ولكن ان شاء الله تكون نتيجته سليمة عندك

أطيب الأمانى لك وللجميع