شرح وضع صور للقسم ووصف بطريقه احترافيه

Eng Ahmed

ادارة المنتدى
9 مارس 2008
3,318
11
38
www.support-ar.com
السلام عليكم


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


مشاهده مثال حي
http://www.djh-ksa.com/vb
صورة


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


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

ma6b7.gif

الشرح


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


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


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


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


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


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



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

كود:
[B][SIZE=4][COLOR=#000000][COLOR=#0000BB]                [/COLOR][COLOR=#007700]<[/COLOR][COLOR=#0000BB]head[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000BB]style[/COLOR][COLOR=#007700]> 
<!-- 
.[/COLOR][COLOR=#0000BB]med[/COLOR][COLOR=#007700]{[/COLOR][COLOR=#0000BB]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]size[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]medium[/COLOR][COLOR=#007700];[/COLOR][COLOR=#0000BB]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]weight[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]normal[/COLOR][COLOR=#007700];[/COLOR][COLOR=#0000BB]padding[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700];[/COLOR][COLOR=#0000BB]margin[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700]}[/COLOR][COLOR=#FF8000]#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}--> 
[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000BB]style[/COLOR][COLOR=#007700]> 
</[/COLOR][COLOR=#0000BB]head[/COLOR][COLOR=#007700]> 

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



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


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


width="300" height="100


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


http://www.traidnt.net/vb/showthread.php?t=1104484goto=newpost