اريد وضع صورة اعلى الفئات

السلام عليكم

انا ابغا احط مساحة بين الفئات حتى اضع صورة

مثل هاذي الصورة




وأنا استخدمت اكواد كثيرة لكنما نفعت

ارجوكم ساعدوني

السلام عليكم

مرحباً بك في منتدى الدعم و المساعدة الخاص بشركة احلى منتدى

بما
أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع
على محتواها قبل أي سؤال مقبل:

قانون منتدى الدعم من الواجب عليك احترامها للحصول على إجابة سريعة

مواضيع تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك


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

الكود:

/* الاقسام دائرية by c.ronaldo */
        button.button2, input.button2 {
            background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
            border: 1px solid #C7C7C7;
            border-radius: 18px 18px 18px 18px;
            color: #707070;
            font-family: arial,helvetica,verdana;
            font-size: 16px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            text-shadow: 2px 1px 1px #CECECE;
        }
        input  {
            background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
            border: 1px solid #C7C7C7;
            border-radius: 18px 18px 18px 18px;
            color: #707070;
            font-family: arial,helvetica,verdana;
            font-size: 16px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            text-shadow: 2px 1px 1px #CECECE;
        }
        form#quick_reply textarea#text_editor_textarea{
            background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
            border: 1px solid #C7C7C7;
            border-radius: 18px 18px 18px 18px;
            color: #707070;
            font-family: arial,helvetica,verdana;
            font-size: 16px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            text-shadow: 2px 1px 1px #CECECE;
        }

lord-adoain كتب:السلام عليكم

مرحباً بك في منتدى الدعم و المساعدة الخاص بشركة احلى منتدى

بما
أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع
على محتواها قبل أي سؤال مقبل:

قانون منتدى الدعم من الواجب عليك احترامها للحصول على إجابة سريعة

مواضيع تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك


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

الكود:

/* الاقسام دائرية by c.ronaldo */
        button.button2, input.button2 {
            background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
            border: 1px solid #C7C7C7;
            border-radius: 18px 18px 18px 18px;
            color: #707070;
            font-family: arial,helvetica,verdana;
            font-size: 16px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            text-shadow: 2px 1px 1px #CECECE;
        }
        input  {
            background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
            border: 1px solid #C7C7C7;
            border-radius: 18px 18px 18px 18px;
            color: #707070;
            font-family: arial,helvetica,verdana;
            font-size: 16px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            text-shadow: 2px 1px 1px #CECECE;
        }
        form#quick_reply textarea#text_editor_textarea{
            background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
            border: 1px solid #C7C7C7;
            border-radius: 18px 18px 18px 18px;
            color: #707070;
            font-family: arial,helvetica,verdana;
            font-size: 16px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            text-shadow: 2px 1px 1px #CECECE;
        }

طيب اخوي مشكور بس وين اضع رابط الصورة+وين اضع الكود؟

عذراً اختي من فضلك استخدام هذا الكود وليس الاول :

الكود:

[code].forumline{

    background-color: #000000;
    border: 0;
  background:  #000000 url(http://i44.servimg.com/u/f44/15/84/50/71/o10.gif) no-repeat;
padding: 75px 4px 4px 4px;
background-position: top;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border:0px solid #000000;
}
[/code]

الطريقة : لوحة الادارة > مظهر المنتدى > الوان > ورقة تصميم CSS ضعي الكود وسجل ..
بالنسبة للصورة فتضعي رابطها بدل الرابط هذا الموجود بالكود

https://i.servimg.com/u/f44/15/84/50/71/o10.gif

طيب مشكور اخوي يعطيك العافية