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


Dr Ahmed
2009-01-24, 01:21 AM
السلام عليكم


طريقه قمت بعملها واستفدت منها في تززين المنتدى


مشاهده مثال حي
http://www.djh-ksa.com/vb
صورة
http://www.support-ar.org//uploads/images/support-ar.com-465bb399dd.jpg (http://www.support-ar.com)

انظر للصور الي بجانب الاقسام والي تدل على الاقسام


مثال قسم الطبخ

http://www.djh-ksa.com/images/ma6b7.gif
الشرح


لوحه تحكم المنتدى


http://www.XXXX.com/vb/admincp/index.php


المنتديات والمراقبين


التحكم بأقسام المنتدى


اختار المنتدى المراد اضافه صوره عليه ووصف عليه


ومن ثم تعــديــل



ضع الكود التالي في خانه الوصف

<head>
<style>
<!--
.med{font-size:medium;font-weight:normal;padding:0;margin:0}#res{padding-right:1em}ol li{list-style:none}.g{margin:1em 0}li.g{font-size:small;font-family:arial,sans-serif}.s{max-width:42em}-->
</style>
</head>

<p align="right"><img border="0" src="http://www.djh-ksa.com/images/ma6b7.gif" width="300" height="100"></p>
<p align="right"><u><span dir="rtl">..<font color="#800000">حواء عاشقة
<em style="text-decoration: inherit; font-weight: bold; font-style: normal">
الطبخ</em></font> و <font color="#808000">المأكولات
<em style="text-decoration: inherit; font-weight: bold; font-style: normal">يشمل</em>
الاطباق الرئيسيه </font>وا<font color="#800080">لحلويات والمقبلات والمعجنات
والمشروبات</font> و <font color="#000080">كل مايتعلق بوصفات
<em style="text-decoration: inherit; font-weight: bold; font-style: normal">
الطبخ</em> والأكلات الشهيه </font>و <font color="#800080">
<em style="text-decoration: inherit; font-weight: bold; font-style: normal">يشمل</em>
طريقة تحضير ألذ الكعكات </font><font color="#FF0000">وكل ما يهم المرأة من
..أسرار
<em style="text-decoration: inherit; font-weight: bold; font-style: normal">
..الطبخ</em> وأنواع الأطعمة اللذيذه والصحية المفيدة</font></span></u></p>



مع مراعاه تعديل الوصف من خلال الفورنت بيج


ووضع الصورهالمناسبه للقسم


width="300" height="100


العرض 300 الطول 100