Gå til forsiden   Tips & Tricks, søgemaskiner, optimering, webhoteller, layout, design og meget mere Gratis grafik - knapper, gif, billeder, ikoner m.m. FrontPage - alle kan lave hjemmesider Læs interessante artikler om web og Internet Prøv vores Online Tools ... vi genererer dine koder Scripts inddelt i kategorier

hjemmesider
scripts script scripting koder asp dhtml html java javascript javascripts css funktioner programmering web
tips tricks scripts script scripting funktioner søgemaskiner webhoteller layout webdesign server optimering html hjemmesider programmering web ftp
scripts, scripting, script, koder, tips, tricks, asp, dhtml, html, java, javascript, javascripts, css, funktioner, password, login, brugerbeskyttelse, print,  hjemmesider, hjemmeside, homepage, websted, websteder, webprogrammering, programmering, web
 
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

Glowing text

Med dette script kan du give din tekst en form for brændende effekt.

Scriptet består af tre dele, men er meget simpelt at anvende.

Javascript

Eksempel >>

 

Sådan gør du:

Scriptet består af tre dele. En style som indsættes i dit head, et JavaScript, som indsættes i din body og endelig en div, som sættes omkring selve teksten, der skal gløde.

 

 

Trin 1

Indsæt denne style i din <head> sektion:

<style>
<!--
#glowtext{
filter:glow(color=#FFFF00,strength=3);
color: red;
width:100%;
}
-->
</style>

Du kan selv ændre værdierne markeret med rødt. Den første værdi angiver "ildens farve". Her er farven gul, hvilket vi anbefaler bibeholdt. Næste værdi er farven på selve teksten.

Farverne kan enten angives med hexaværdi eller engelske standard farveudtryk ... som vist i eksemplet.

 

 

Trin 2

Indsæt denne kode i din <body> sektion. Vi anbefaler, at du indsætter den til sidst lige før dit end tag:

<script language="JavaScript1.2">
<!-- Javascript GLOWING TEXT starter her

//Script fra @-beynder - http://www.a-begynder.dk
//Vi har næsten alt til web ... blandt andet ;-)

//Gratis script. Slet venligst ikke vores reference
//-------------------------------------------------

function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}

function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
//setInterval("glowit2(0)") http://www.a-begynder.dk
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}

function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}

if (document.all)
window.onload=startglowing
</script>

Du skal ikke ændre noget i denne kode.

 

 

Trin 3

Indsæt din tekst hvor den skal være i din html og sæt en <div> om den som vist her:

<span id="glowtext"><h2>Din tekst her</h2></span>

 

 

Det færdige html-dokument <html>

<head>
<style>
<!--
#glowtext{
filter:glow(color=#FFFF00,strength=3);
color: red;
width:100%;
}
-->
</style>

</head>

<body>
<span id="glowtext"><h2>Din tekst her</h2></span>

<script language="JavaScript1.2">
<!-- Javascript GLOWING TEXT starter her

//Script fra @-beynder - http://www.a-begynder.dk
//Vi har næsten alt til web ... blandt andet ;-)

//Gratis script. Slet venligst ikke vores reference
//-------------------------------------------------

function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}

function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
//setInterval("glowit2(0)") http://www.a-begynder.dk
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}

function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}

if (document.all)
window.onload=startglowing
</script>
</body>

</html>

Eksempel >>

 

Bemærk:

Skrifttypen følger den style, du har defineret for typografien "Overskrift 2" ... også kaldet <h2>. Denne style skal enten defineres i dit css eller i din <head>.

Hvis du ikke selv er helt hjemme i typografiark, styles, css o.l., kan vi da godt hjælpe lidt. Bare indsæt denne kode i din <head> sektion! Definer selv værdierne markeret med rødt:

<style>
<!--
h2 { font-family: Verdana, sans-serif;
     font-size: 17pt;
     font-weight: bold }
-->
</style>
 

 

 

 

 

Til toppen >>


powered by FreeFind

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering

Annoncer her ...!