[كود تومبيلات]اطار جميل على وصف المنتديات مع تغير لو خلفية وصف المنتدى

السلام عليكم ورحمة الله وبركاته ... [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اهلا بكم اخوانى ...اعضاء وزوار احلى المنتديات .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اقدم اليكم ..تعديل بسيط على التومبيلايت والقوالب ..لعمل اطار لوصف المنتديات بشكل جميل
مع وضع لون كخلفيه للوصف ..يتغير بوضع مؤشر الماوس على الوصف
اليكم صورة قبل وبعد وضع مؤشر الماوس
https://i.servimg.com/u/f41/14/41/04/71/hima11.png

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

التعديل ...كالاتى : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ندخل الى ..
لوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب
نعمل تعديل لقالب INDEX_BOX [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونبحث عن ... [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td></tr></table>
ونحذفه ...
ونضع الكود التالى مكانه

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">
<span class="genmed"><div
class="hima-ahlamontadaa">{catrow.forumrow.FORUM_DESC}</div></span></td></tr></table>
ثم نسجل ووننشر التعديل

ونذهب الى ورقة تصميم css
من لوحة الادارة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] مظهر المنتدى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الوان [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] ورقة تصميم Css
ونضع هذا فى بداية الحقل ..ونضغط قدم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">
.hima-ahlamontadaa:hover {
background-color: #DAEFFB;
}
.hima-ahlamontadaa {
background-color: white;
border-color: silver;
border-style: dotted solid dotted dotted;
border-width: thin 4px thin thin;
color: #333333;
font-family: Tahoma;
font-size: 12pt;
font-weight: bold;
padding: 5px;
text-align: right;
}
</td></tr></table>ولمن يريد تغير لون الخلفيه ..قبل يبحث عن white tn كود ال css
ولون الخلفيه بعد ..يبحث عن هذا الكود للون الازرق <table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">اقتباس:</td></tr><tr><td class="quote" align="left">#DAEFFB</td></tr></table>

ويغيره بما يناسب منتداه
ومبروك ...التعديل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

منقول من منتدى الدعــــــــم

توقيع : ryado

شكرا لك اخي الغالي
تقبل مروري
AhmedRami

توقيع : 1m HeRe