[طلب] ممكن شرح عمل مثل هذا التأطير فى الصفحة الرئيسية

رضا العبدالله

عضو جديد
28 ديسمبر 2011
162
1
0
34
EGYPT

السلام عليكم


ممكن شرح عمل مثل هذا التأطير فى الصفحة الرئيسية

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

U3130v-22152959-1.jpg
 

WebCraker

العبد الفقير إلى الله
طاقم الإدارة
9 مارس 2008
5,640
50
48
Egypt
support-ar.com
وعليكم السلام ورحمة الله وبركاته

ارسل رابط مثال للى بالصورة من فضلك
 

WebCraker

العبد الفقير إلى الله
طاقم الإدارة
9 مارس 2008
5,640
50
48
Egypt
support-ar.com
تم وضع عناوين الجداول داخل fieldset

وتم اضافة CSS خاص لها كالتالي



الطريقة :

1- افتح قالب forumhome
2- ابحث عن الكود التالي

كود:
	  <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
	  <td class="thead">$vbphrase[last_post]</td>
	  <td class="thead">$vbphrase[threads]</td>
	  <td class="thead">$vbphrase[posts]</td>
	  <if condition="$vboptions['showmoderatorcolumn']">
	  <td class="thead">$vbphrase[moderator]</td>
3- استبدله بالكود التالي

كود:
	  <td class="thead" width="100%" align="$stylevar[left]">[COLOR="red"]<fieldset>[/COLOR]$vbphrase[forum][COLOR="red"]</fieldset>[/COLOR]</td>
	  <td class="thead">[COLOR="red"]<fieldset>[/COLOR]$vbphrase[last_post][COLOR="red"]</fieldset>[/COLOR]</td>
	  <td class="thead">[COLOR="red"]<fieldset>[/COLOR]$vbphrase[threads][COLOR="red"]</fieldset>[/COLOR]</td>
	  <td class="thead">[COLOR="red"]<fieldset>[/COLOR]$vbphrase[posts][COLOR="red"]</fieldset>[/COLOR]</td>
	  <if condition="$vboptions['showmoderatorcolumn']">
	  <td class="thead">[COLOR="red"]<fieldset>[/COLOR]$vbphrase[moderator][COLOR="red"]</fieldset>[/COLOR]</td>
لاحظ ما تم تعديله باللون الأحمر

4- حفظ القالب ثم التوجه إلى التحكم بالإستايلات > CSS رئيسي

بالنهاية تضيف الكود التالي او تعدل اللى موجود

كود:
.fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    border: 2px groove threedface;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;
}

أيضا بنفس الصفحة تبحث عن رأس الجدول/Table Header

تقوم بتعديل حجم الخط : 14px

ثم حفظ

جزيل الشكر