انا وضعت عناصر اضافية بالمنتدي و لكنها شوهت المنتدي و اكتشفت ان المشكلة في كود css تحديدا هذه الجزء من الكود لان لما مسحتها اتحلت المشكلة بس للاسف فقدت جزء من التصميم.. فاين المشكلة هنا

الكود:


#search-box{
margin-top: -195px;
position: relative;
bottom: -20px;
height: 39px;
width: 185px;
right: 180px;
display: inline;
background: transparent;}
#main-content {
width: 950px;
padding: 24px;
padding-top: -35em;
}

#page-header .navbar{
width: 1000px;
top: -65px;
right: 0px;
position: relative;
background: none !important;}

#logo img{
display: inline;
float: left;
position: relative;
top: -195px;
left: 25px;}

رابط منتداي هنا

بالله عليكم انتظرت نصف يوم و ما في رد

يا اخواني انا سهلت مشكلتي لابعد حد ..ارجو من الخبراء مساعدتي

طيب اختي جربي هذا

الكود:


#search-box{
margin-top: -195px;
position: relative;
bottom: -20px;
height: 39px;
width: 250px;
right: 180px;
display: inline;
background: transparent;}
#main-content {
width: 950px;
padding: 24px;
padding-top: -35em;
}

#page-header .navbar{
width: 1000px;
top: -65px;
right: 0px;
position: relative;
background: none !important;}

#logo img{
display: inline;
float: left;
position: relative;
top: -195px;
left: 25px;}

هل هناك موضوع او ماشابه

يوجد فيه ربط بين العناصر الاضافية وكود ال css
+

روع الاكواد (لمن وضع شئ أسفل المنتدى ولم يتم تنسيق المنتدى)من أخيكم MR&KaBo

انا ما فهمت سؤالك لكن انا موضعتش اي اكواد داخل css وكل اكوادي في صفحات الهتمل جايباها منكم

الصفحة الانت جايبهالي داخلها كود خاص بالنسخة التانية وانا للاسف نسخة تالتة

لا عليكي اختي Lovely Queen ان شاء الله يسوف نحل المشكلة

لكن لدي سؤالين

1- الاكود اللدي وضعتيه ما وضيفته

2- هل تملكين التومبلايت

لا املك تومبيلات لكن الاكواد الوضعتها مثل
مشاهدة قنوات اون لاين
<

الكود:

br><div style="text-align: center;"><font size="5"><span style="color: Lime;">Top Youth's Tv Live Presents</span></font><br><font size="5"><span style="color: Black;">More Than 80 Online Channels</span></font><br style="color: Lime;"></div><br><table style="text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0" width="456">
                    <tbody><tr>
                      <td align="right"><table border="0" cellpadding="0" cellspacing="0" width="198">
                          <tbody><tr>
                            <td align="left" width="198"><div style="text-align: right;">    </div><table border="0" cellpadding="0" cellspacing="10" width="456">
             
                <tbody><tr>
             
                <td style="text-align: justify;" bgcolor="#e9e9e9" width="436"><br>
             
                <iframe src="http://www.fomny.com/_menu-tv-2/tv-arabic.html" name="az" id="page2" frameborder="0" height="300" scrolling="Auto" width="436"></iframe>
                </td>
             
                </tr>
             
                </tbody></table>
                  <table border="0" cellpadding="0" cellspacing="0" width="456">
                    <tbody><tr>
                      <td align="right"><table border="0" cellpadding="0" cellspacing="0" width="198">
                          <tbody><tr>
                            <td align="left" width="198"><br></td>
                          </tr>
                      </tbody></table></td>
                    </tr>
                  </tbody></table><font size="5">To Share Or Add Your Comment <a style="color: Lime;" href="http://top-youth.top-forum.net/f9-top-youth-s-blog">Click Here</a></font><br><br></td>
                          </tr>
                      </tbody></table></td>
                    </tr>
                  </tbody></table><br><table style="text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0" width="456">
                    <tbody><tr>
                      <td align="right"><table border="0" cellpadding="0" cellspacing="0" width="198">
                          <tbody><tr>
                            <td align="left" width="198"><br></td>
                          </tr>
                      </tbody></table></td>
                    </tr>
                  </tbody></table>


قران اون لاين

الكود:

<center><iframe align="center" id="IW_frame_1438" src="http://www.tvquran.com/add/Tilawat_6.htm" frameborder="0" allowtransparency="1" scrolling="no" width="302" height="334"></iframe></center>

الروابط علي شكل قوز قزح

الكود:

    <script language="Javascript1.2">

    var rate = 20;  // Increase amount(The degree of the transmutation)

    ////////////////////////////////////////////////////////////////////
    // Main routine
    if (document.getElementById)
    window.onerror=new Function("return true")
    var objActive;  // The object which event occured in
    var act = 0;    // Flag during the action
    var elmH = 0;  // Hue
    var elmS = 128; // Saturation
    var elmV = 255; // Value
    var clrOrg;    // A color before the change
    var TimerID;    // Timer ID

    if (document.all) {
        document.onmouseover = doRainbowAnchor;
        document.onmouseout = stopRainbowAnchor;
    }
    else if (document.getElementById) {
        document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
        document.onmouseover = Mozilla_doRainbowAnchor;
        document.onmouseout = Mozilla_stopRainbowAnchor;
    }

    //=============================================================================
    // doRainbow
    //  This function begins to change a color.
    //=============================================================================
    function doRainbow(obj)
    {
        if (act == 0) {
            act = 1;
            if (obj)
                objActive = obj;
            else
                objActive = event.srcElement;
            clrOrg = objActive.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }

    //=============================================================================
    // stopRainbow
    //  This function stops to change a color.
    //=============================================================================
    function stopRainbow()
    {
        if (act) {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }

    //=============================================================================
    // doRainbowAnchor
    //  This function begins to change a color. (of a anchor, automatically)
    //=============================================================================
    function doRainbowAnchor()
    {
        if (act == 0) {
            var obj = event.srcElement;
            while (obj.tagName != 'A' && obj.tagName != 'BODY') {
                obj = obj.parentElement;
                if (obj.tagName == 'A' || obj.tagName == 'BODY')
                    break;
            }
            if (obj.tagName == 'A' && obj.href != '') {
                objActive = obj;
                act = 1;
                clrOrg = objActive.style.color;
                TimerID = setInterval("ChangeColor()",100);
            }
        }
    }

    //=============================================================================
    // stopRainbowAnchor
    //  This function stops to change a color. (of a anchor, automatically)
    //=============================================================================
    function stopRainbowAnchor()
    {
        if (act) {
            if (objActive.tagName == 'A') {
                objActive.style.color = clrOrg;
                clearInterval(TimerID);
                act = 0;
            }
        }
    }

    //=============================================================================
    // Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
    //  This function begins to change a color. (of a anchor, automatically)
    //=============================================================================
    function Mozilla_doRainbowAnchor(e)
    {
        if (act == 0) {
            obj = e.target;
            while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
                obj = obj.parentNode;
                if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
                    break;
            }
            if (obj.nodeName == 'A' && obj.href != '') {
                objActive = obj;
                act = 1;
                clrOrg = obj.style.color;
                TimerID = setInterval("ChangeColor()",100);
            }
        }
    }

    //=============================================================================
    // Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
    //  This function stops to change a color. (of a anchor, automatically)
    //=============================================================================
    function Mozilla_stopRainbowAnchor(e)
    {
        if (act) {
            if (objActive.nodeName == 'A') {
                objActive.style.color = clrOrg;
                clearInterval(TimerID);
                act = 0;
            }
        }
    }

    //=============================================================================
    // Change Color
    //  This function changes a color actually.
    //=============================================================================
    function ChangeColor()
    {
        objActive.style.color = makeColor();
    }

    //=============================================================================
    // makeColor
    //  This function makes rainbow colors.
    //=============================================================================
    function makeColor()
    {
        // Don't you think Color Gamut to look like Rainbow?
        // HSVtoRGB
        if (elmS == 0) {
            elmR = elmV;    elmG = elmV;    elmB = elmV;
        }
        else {
            t1 = elmV;
            t2 = (255 - elmS) * elmV / 255;
            t3 = elmH % 60;
            t3 = (t1 - t2) * t3 / 60;
            if (elmH < 60) {
                elmR = t1;  elmB = t2;  elmG = t2 + t3;
            }
            else if (elmH < 120) {
                elmG = t1;  elmB = t2;  elmR = t1 - t3;
            }
            else if (elmH < 180) {
                elmG = t1;  elmR = t2;  elmB = t2 + t3;
            }
            else if (elmH < 240) {
                elmB = t1;  elmR = t2;  elmG = t1 - t3;
            }
            else if (elmH < 300) {
                elmB = t1;  elmG = t2;  elmR = t2 + t3;
            }
            else if (elmH < 360) {
                elmR = t1;  elmG = t2;  elmB = t1 - t3;
            }
            else {
                elmR = 0;  elmG = 0;  elmB = 0;
            }
        }
        elmR = Math.floor(elmR).toString(16);
        elmG = Math.floor(elmG).toString(16);
        elmB = Math.floor(elmB).toString(16);
        if (elmR.length == 1)    elmR = "0" + elmR;
        if (elmG.length == 1)    elmG = "0" + elmG;
        if (elmB.length == 1)    elmB = "0" + elmB;
        elmH = elmH + rate;
        if (elmH >= 360)
            elmH = 0;
        return '#' + elmR + elmG + elmB;
    }

    </script>

ها اعمل ايه

ما في حل اخواني بالله عليكم