Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

kleurovergang als achtergrond (Opgelost)

aTw2 - 20/04/2010 23:05 (laatste wijziging 20/04/2010 23:25)

Nieuw lid

Ik heb een script gevonden waarmee ik een kleurovergang krijg. Het resultaat is mooi. Maar nu heb ik het probleem dat de tekst ONDER de achtergrond komt. Met als gevolg dat je de tekst niet meer kunt lezen. Weet iemand hoe ik dit kan oplossen? Of een beter scrip dat uit 1 deel bestaat?

Dit is mijn huidige scrip:

html4strict code - Bekijk de code zonder highlighting - Klap code in

      <html>
       <head>
       <title>TITEL</title>
       <script language="javascript">
       <!--
	     hex=new Array()
         hex[0]='0';
         hex[1]='1';
         hex[2]='2';
         hex[3]='3';
         hex[4]='4';
         hex[5]='5';
         hex[6]='6';
         hex[7]='7';
         hex[8]='8';
         hex[9]='9';
         hex[10]='A';
         hex[11]='B';
         hex[12]='C';
         hex[13]='D';
         hex[14]='E';
         hex[15]='F';
         var r2=2;
         var r1=1;
         var g2=0;
         var g1=0;
         var b2=0;
         var b1=0;
        //-->
        </script>
        </head>
        <body leftMargin="0" topMargin="0" fullscreen="1">
        <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
        <script language="javascript">
        <!--
       count=16*(16-r2)-16*r1;
       for (var i=0;i<count;i++) {
       var r= hex[r1] + hex[r2];
       var g= hex[g1] + hex[g2];
       var b= hex[b1] + hex[b2];
       color='#'+r+r+r;
      document.write('<tr bgcolor=' + color + '><td></td></tr>');
      if(color!='#FFFFFF') {
      if(r2<15)r2++;
      else {
      r2=0;
      if(r1<15)r1++;
      }
      }
      }
      //-->
      </script>
      </table>
      <center>
      TITEL
      <br/>
      Subtitel
      </center>
      </body>
      </html>

<html>
       <head>
       <title>TITEL</title>
       <script language="javascript">
       <!--
	     hex=new Array()
         hex[0]='0';
         hex[1]='1';
         hex[2]='2';
         hex[3]='3';
         hex[4]='4';
         hex[5]='5';
         hex[6]='6';
         hex[7]='7';
         hex[8]='8';
         hex[9]='9';
         hex[10]='A';
         hex[11]='B';
         hex[12]='C';
         hex[13]='D';
         hex[14]='E';
         hex[15]='F';
         var r2=2;
         var r1=1;
         var g2=0;
         var g1=0;
         var b2=0;
         var b1=0;
        //-->
        </script>
        </head>
        <body leftMargin="0" topMargin="0" fullscreen="1">
        <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
        <script language="javascript">
        <!--
       count=16*(16-r2)-16*r1;
       for (var i=0;i<count;i++) {
       var r= hex[r1] + hex[r2];
       var g= hex[g1] + hex[g2];
       var b= hex[b1] + hex[b2];
       color='#'+r+r+r;
      document.write('<tr bgcolor=' + color + '><td></td></tr>');
      if(color!='#FFFFFF') {
      if(r2<15)r2++;
      else {
      r2=0;
      if(r1<15)r1++;
      }
      }
      }
      //-->
      </script>
      </table>
      <center>
      TITEL
      <br/>
      Subtitel
      </center>
      </body>
      </html>

Martijn schreef:

code tags

9 antwoorden

Gesponsorde links

Martijn - 20/04/2010 23:33
Crew PHP		1. op deze manier maak je dingen niet op tegenwoorden doen we style="width: 100px;" etc. Margin enzo gaat op die manier 2. javascript op die manier hoort gewoon in je <head> te staan, niet halverwege de pagina 3.op regel 41 staat r+r+r, moet dan niet zijn r+g+b? T zal je probleem niet fixen, maar iig een stuk correcter maken

aTw2 - 21/04/2010 22:15
Nieuw lid		ken je dan een andere manier om een overgang te krijgen als achtergrond?

Jelmerholland - 21/04/2010 22:36 (laatste wijziging 21/04/2010 22:36)
PHP beginner		Wat dacht je van gewoon een .png? die op repeat-x zetten and you're done. http://www.jdwebdesign.nl in de main (waar alle content staat) gebruik ik deze afbeelding http://www.jdwebdesign.nl/css/images/Main.png Zoals je ziet zit er een gradiënt in, kijk maar is in de source. Ps. http://www.w3schools.com neem alsjeblieft de HTML en CSS tutorial door.. dan kom je al een heel eind..

Martijn - 22/04/2010 00:21
Crew PHP		oh lol, was dat je bedoeling van verloop, ik dacht dat de gehele achetrgrond van de ene kleur naar de andere moest gaan. Dan gewoon de manier zoals hierboven vermeld, een afbeelding met de verloop erin

lemoinet - 22/04/2010 10:35
PHP gevorderde		gewoon googelen op javascript gradient hier is anders een voorbeeldje: http://www.desi...demo-1.php de methode van Jelmerhollan maar is dan niet meer dynamisch

aTw2 - 25/04/2010 22:24
Nieuw lid		Ik heb even de methode van Jelmerhollan geprobeert. Ik vermoed dat je dan pagina bron moet nemen als script. Maar waar moet ik het plaatsen. In mijn index gaat niet want ofwel krijg ik mijn frames niet meer ofwel krijg ik de kleur niet. Ook heb ik geprobeert om he top het vanboven(kop) te plaatsen. maar dan is het te groot...

Jelmerholland - 25/04/2010 23:09
PHP beginner		Heb je 't gewoon gekopiëerd, tuurlijk werkt het dan NIET Bekijk alsjeblieft DEZE post nog is..

TotempaaltJ - 26/04/2010 19:25
PHP interesse		Martijn schreef: 2. javascript op die manier hoort gewoon in je <head> te staan, niet halverwege de pagina Kan niet; document.write staat er in. Jelmerhollan schreef: Ps. http://www.w3schools.com neem alsjeblieft de HTML en CSS tutorial door.. dan kom je al een heel eind.. Heel erg mee eens. Je volgt waarschijnlijk een outdated tutorial. W3schools blijft bij

aTw2 - 03/05/2010 16:43
Nieuw lid		Het is gelukt. Ik gebruik nu een tekening met repeat. Mooi resultaat. Bedankt voor de hulp.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten