Achtergrond kleur en tekst grote!

Status
Niet open voor verdere reacties.

Noord2011

Gebruiker
Lid geworden
28 jan 2009
Berichten
350
Beste mensen,

Hoe kan ik de onderstaande code aanpassen zodanig dat er een oranje achtergrond krijg.
En hoe kan ik de kleur van de teksten aanpassen en groter maken!

Alvast bedankt
HTML:
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--

dateFuture = new Date(2012,6,15,19,44,14);

function GetCount(){

        dateNow = new Date();                                                                        //grab current date
        amount = dateFuture.getTime() - dateNow.getTime();                //calc milliseconds between dates
        delete dateNow;

        // time is already past
        if(amount < 0){
                document.getElementById('countbox').innerHTML="tijd is om!";
        }
        // date is still good
        else{
                days=0;hours=0;mins=0;secs=0;out="";

                amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs

                days=Math.floor(amount/86400);//days
                amount=amount%86400;

                hours=Math.floor(amount/3600);//hours
                amount=amount%3600;

                mins=Math.floor(amount/60);//minutes
                amount=amount%60;

                secs=Math.floor(amount);//seconds

                if(days != 0){out += days +" dag"+((days!=1)?"en":"")+", ";}
                if(days != 0 || hours != 0){out += hours +" ur"+((hours!=1)?"en":"")+", ";}
                if(days != 0 || hours != 0 || mins != 0){out += mins +" minute"+((mins!=1)?"s":"")+", ";}
                out += secs +" seconde";
                document.getElementById('countbox').innerHTML=out;

                setTimeout("GetCount()", 1000);
        }
}

window.onload=function(){GetCount();}//call when everything has loaded

//-->
</script>
<div id="countbox"></div>
 
Is heel simpel met CSS.
Code:
#countbox{
background:orange; /*De achtergrondkleur*/
color:black; /*De kleur van de tekst in de <div>*/
font-size:12pt; /*De grote van de tekst in pt (kan ook in px of em gegeven worden*/
}
 
Beste Naarling,

Ik ben een beginner op dit gebied, kan je, je code in mijn code integreren?

Alvast bedankt
 
Nee, daar hoort hij namelijk niet thuis, wat je daar hebt is Javascript, dit is CSS. Wat je kunt doen is tussen de <head></head> aan het begin van je pagina het volgende zetten.
HTML:
<style>
#countbox{
background:orange; /*De achtergrondkleur*/
color:black; /*De kleur van de tekst in de <div>*/
font-size:12pt; /*De grote van de tekst in pt (kan ook in px of em gegeven worden*/
}
</style>
In de twee links in het midden van m'n handtekening kun je meer informatie vinden over, onder andere, CSS en hoe je het kunt gebruiken om je site vorm te geven.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan