استفاده از دو رنگ در بکگراند

b4ct3ri · Feb 17, 2009

سلام
میخواستم بدونم بعضی از وبسایت ها مثل Microsoft.com
چطوری از دو تا رنگ در بکگراند استفاده میکنه
یا واضح تر بگم دقت کنید به همون سایت Microsoft بالای صفحه رنگ سفید هست ولی به تدریج وقتی صفحه رو به پایین اسکرول میکنیم رنگش آبی میشه .
چطوری میشه این کار رو با CSS کرد

Mr.Steres · Feb 17, 2009

برای اینکار ار بکگراند استفاده می کنند ! طول عکس معمولا 1 پیکسل و عرض اون به دلخواه شماست

Mr.Steres · Feb 17, 2009

HTML:

body {
	background-image:url('picture URL');
	background-repeat:repeat-x;
	background-color:Your Bottom Color;
}

farik · Feb 18, 2009

یک افکت هم هست که مخصوص ie هست ولی تو مرورگرهای دیگه کار نمیکنه
باتشکر TABOTABDESIGN

echessdesign · Feb 19, 2009

درود بر شما
در ادامه راهنمایی دوستان ارز کنم که شما برای استفاده از رنگ ،جهت گرادیانت دادن به عکس، می توانید از style filter مایکروسافت استفاده نمایید.

b4ct3ri · Feb 19, 2009

echessdesign گفت:
درود بر شما
در ادامه راهنمایی دوستان ارز کنم که شما برای استفاده از رنگ ،جهت گرادیانت دادن به عکس، می توانید از style filter مایکروسافت استفاده نمایید.

من اینجا گرادینت ندیدم

eAmin · Feb 19, 2009

سلام.

تو سایت زیر من یک اسکریپت نوشتم، که توی اکثر مرورگرهای امروزی پشتیبانی می شه. می تونید از اون کمک بگیرید.
ایجاد پس زمینه ی Gradient به وسیله جاوااسکریپت

echessdesign · Feb 24, 2009

ارادتمندم، پیش تر اینجا توضیح داده شده بود
اسکریپت:

HTML:

<SCRIPT>

<!-- Toggle the Enabled property to toggle the gradient.  -->
function fnToggle(oObj) {
    if (oDiv.filters(0).enabled){
        oDiv.filters(0).enabled='false';
        oObj.innerText='Add Gradient';}
    else {                                                        
        oDiv.filters(0).enabled='true';
        oObj.innerText='Make Normal';}
}
</SCRIPT>

<font size="+5">
    <DIV ID="oDiv" STYLE="height:120px; color:green; filter: 
            progid:DXImageTransform.Microsoft.gradient(enabled='false',
                startColorstr=#550000FF, endColorstr=#55FFFF00)" >
        A simple gradient   
    </DIV>
</font>
<P>
<BUTTON onclick="fnToggle(this)">Add Gradient</BUTTON><BR/>

Microsoft Style Filter

HTML:

 <DIV STYLE="width:100%; filter:
    progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)
    progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
    progid:DXImageTransform.Microsoft.Wheel(duration=3);">
        Blurry text with smudge of gray.</div>