ďťż

[JS] Jak zrobic tło z poniższego sktyptu? Albo jak przerobic na CSS

       

Podstrony


telcocafe

<script language=Javascript> szerokosc=500 //szerokosc gradientu w pikselach wysokosc=500; //wysokosc gradientu w pikselach ilosckolumn=150; //ilosc przejsc kolorow R1=0 //wartosci trzech skladowych pierwszego koloru G1=10; B1=224; R2=255; //wartosci trzech skladowych drugiego koloru G2=255; B2=255; document.writeln("<table border=0 cellspacing=0 cellpadding=0 style=\"width:"+szerokosc+"px; height:"+wysokosc+"px\";><tr>"); for (n=1;n<=ilosckolumn;n++) document.writeln("<td style=\"background-color:RGB("+Math.round(R1+n*(R2-R1)/ilosckolumn) +","+Math.round(G1+n*(G2-G1)/ilosckolumn)+","+Math.round(B1+n*(B2-B1)/ilosckolumn)+" )\"></tr>"); document.writeln("</tr></table>");</script>

<script language=Javascript>
szerokosc=50 //szerokosc gradientu w pikselach
wysokosc=50; //wysokosc gradientu w pikselach
ilosckolumn=150; //ilosc przejsc kolorow

R1=0 //wartosci trzech skladowych pierwszego koloru
G1=10;
B1=224;

R2=255; //wartosci trzech skladowych drugiego koloru
G2=255;
B2=255;

document.writeln("<table border=0 cellspacing=0 cellpadding=0 style=\"width:"+szerokosc+"px; height:"+wysokosc+"px\";><tr>");
for (n=1;n<=ilosckolumn;n++) document.writeln("<td style=\"background-color:RGB("+Math.round(R1+n*(R2-R1)/ilosckolumn) +","+Math.round(G1+n*(G2-G1)/ilosckolumn)+","+Math.round(B1+n*(B2-B1)/ilosckolumn)+" )\"></tr>");
document.writeln("</tr></table>");</script>



Najlepszą metodą byłoby zrobienie grafiki (np. wykadrowanie screenshota rezultatu tego skryptu) szerokiego na 1px i zapętlenie go jako atrybut tła wybranego elementu w CSS:background: #fff url(http://i48.tinypic.com/14uuty1.gif) repeat-y top; /*wrzuciłem ten pasek;)*/
ew. wyłącznie dla IE (czego nie polecam):filter: progid:DXImageTransform.Microsoft.Gradient(gradientType='0', startColorStr='#030DE0', endColorStr='#FFFFFF');

Zawsze się możesz także bawić z position i atrybutem z-index dla tabeli z twojego skryptu... ale tego też nie polecam i wątpię, by ktoś ci to polecił...

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.