Linlen

Boskrabber · 24 apr 2012, 13:27

Hallo,
Ik ben bezig mijn oude site eens op te frissen.Nu is het probleem dat mijn links(koppelingen) niet meer van kleur wijzigen als je erop klikt. Wel gaan zij naar de andere bladen.
Heb als voorbeel mijn index pagina eventjes op de website geplaatst
http://users.skynet.be/fanfare.de.eendracht
Werk met het programma NVU en windows 7
groetjes

coderunner · 24 apr 2012, 15:49

Beste Boskrabber,

Je heb dat ook zo meegegeven in je bron code (rode code) nl.

<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(file:///C:/Users/Verplancken/Pictures/webblad9.jpg);" alink="#ff0000" link="#ffffff" vlink="#ffffff">

en verder in je broncode voor een knop bv. voor knop "Beginpagina" (rode codes)

<td style="width: 107px;" align="center" nowrap="nowrap" valign="top"><a href="http://users.skynet.be/fanfare.de.eendracht/index.html" target="_top"><span style="color: rgb(255, 255, 255); font-weight: bold;">Beginpagina</span></a></td>

ook staat je achtergrond afbeelding naar je harde schijf gelinkt! (in bruine kleur aangegeven) Bezoekers zullen je achtergrond niet kunnen zien.

Beter is deze kleuren mee te geven in de style opmaak tussen <head en <head> (of in een externe stylesheet) bv.

Code: Selecteer alles

<style type="text/css">
a:link {color:#FFFFFF;font-weight:bold;text-decoration:none;}    /* unvisited link */
a:visited {color:#FFFFFF;font-weight:bold;text-decoration:none;} /* visited link */
a:hover {color:#FF0000;font-weight:bold;text-decoration:none;}   /* mouse over link */
a:active {color:#FF0000;font-weight:bold;text-decoration:none;}  /* selected link */
</style>

Hoe los je dit op?

1- Kopieer bovenstaande css opmaak en plaats deze tussen <head> en </head>

2- Verwijder in de body tag de roodgekleurde codes

<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(file:///C:/Users/Verplancken/Pictures/webblad9.jpg);" alink="#ff0000" link="#ffffff" vlink="#ffffff">

3- Verwijder in de code van de knoppen de roodgekleurde codes

<td style="width: 107px;" align="center" nowrap="nowrap" valign="top"><a href="http://users.skynet.be/fanfare.de.eendracht/index.html" target="_top"><span style="color: rgb(255, 255, 255); font-weight: bold;">Beginpagina</span></a></td>

Succes!

mvg,
Coderunner

Boskrabber · 24 apr 2012, 19:28

Hallo Coderunner,
Ik heb mijn index pagina reeds gewijzigd zoals gemeld.
Op mijn PC is alles goed ik denk dat dit ook bij de kijkers zal zijn.
Misschien kunt Uzelf eens proberen
url]http://users.skynet.be/fanfare.de.eendracht/index.html[/url]
In ieder geval velen dank voor uw hulp.
Groetjes

coderunner · 24 apr 2012, 22:34

Hallo Boskrabber,

Je probleem met je hyperlinks is opgelost.

Enkele raadgevingen (op index.htm pagina)

Dit is GEEN kritiek!

1- Je achtergrondafbeelding herhaalt zich (niet zichtbaar op gewone schermen maar wel op breedbeeldschermen)
Oplossing:
Zoek in je html code naar ...

<body style="background-image: url(prenten/webblad9.jpg);">

en vervang door

<body style="background-image: url(prenten/webblad9.jpg);background-repeat:no-repeat;">

2- De tag <bsound ...> voor achtergrondmuziek werkt alleen in de browser Internet Explorer en niet in andere browsers zoals Firefox, Chrome, Opera, Safari, ...
Oplossing:
Zoek in je html code naar ...

<bgsound src="20th.mp3" hidden="true" autostart="true"></bgsound>

en vervang deze door

<object data="20th.mp3" type="application/x-mplayer2" width="0" height="0">
<param name="filename" value="20th.mp3" />
<param name="autostart" value="1" />
<param name="playcount" value="true" />
<embed type="application/x-mplayer2" src="20th.mp3" autostart="1" width="0" height="0" ></embed>
</object>

3- Ook het javascrpt voor de dag- en uuraanduiding werkt alleen in Internet Explorer.
Oplossing:
Zoek in je html code naar ...

Code: Selecteer alles

<script language="javaScript"> window.setTimeout("ZeitAnzeigen()",1000);
Wochentagname = new Array("Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag");
function ZeitAnzeigen()
{
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1;
var msJahr = Jetzt.getYear();
var nsJahr = Jetzt.getYear() + 1900;
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var Sekunden = Jetzt.getSeconds();
var WoTag = Jetzt.getDay();
var Vortag = ((Tag < 10) ? "0" : "");
var Vormon = ((Monat < 10) ? ".0" : ".");
var Vorstd = ((Stunden < 10) ? "0" : "");
var Vormin = ((Minuten < 10) ? ":0" : ":");
var Vorsek = ((Sekunden < 10) ? ":0" : ":");
var msDatum = Vortag + Tag + Vormon + Monat + "." + msJahr;
var nsDatum = Vortag + Tag + Vormon + Monat + "." + nsJahr;
var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
var msJetzt = msDatum + " " + Wochentagname[WoTag] + " " + Uhrzeit;
var nsJetzt = nsDatum + " " + Wochentagname[WoTag] + " " + Uhrzeit;
if(document.all) {
noshade.innerHTML=msJetzt
}
if(document.layers) {
document.noshade.document.write('<div id="noshade" style="position:absolute;visibility:visible;font-family:Verdana,Arial;color:black;font-size:20px;top:100px;left:5px">'+nsJetzt+'</div>')
document.close()
}
var timer=setTimeout("ZeitAnzeigen()",1000)
}
// -->
</script>

en verwijder deze code!

Zoek nu in je html code naar

Code: Selecteer alles

<div id="noshade" style="position: absolute; visibility: visible; font-family: Verdana,Arial; color: blue; font-size: 20px; height: 19px; width: 694px; top: 201px; left: 169px;"></div>

en vervang deze door

Code: Selecteer alles

      <div id="noshade" style="position: absolute; visibility: visible; font-family: Verdana,Arial; color: blue; font-size: 20px; height: 19px; width: 694px; top: 201px; left: 169px;">
	  <div id="klokbalk" style="background-color:transparent;font-family:Verdana,Arial;color:black;font-size:20px;color:blue;"></div>
 
				<script type="text/javascript">
				<!--
					var Teller=null
					function toontijd () {
				 
				 	var nu = new Date()
				
				 	var jaar = nu.getFullYear()
				
				 	var maand = nu.getMonth()
				 		if (maand == 0)
				 			maand = "januari";
				 		else if (maand == 1)
				 			maand = "februari";
				 		else if (maand == 2)
				 			maand = "maart";
				 		else if (maand == 3)
				 			maand = "april";
				 		else if (maand == 4)
				 			maand = "mei";
				 		else if (maand == 5)
				 			maand = "juni";
				 		else if (maand == 6)
				 			maand = "juli";
				 		else if (maand == 7)
				 			maand = "augustus";
				 		else if (maand == 8)
				 			maand = "september";
				 		else if (maand == 9)
				 			maand = "oktober";
				 		else if (maand == 10)
				 			maand = "november";
				 		else if (maand == 11)
				 			maand = "december";
				
					var datum = nu.getDate()
				 
					var dag = nu.getDay()
				 		if (dag == 0)
				 			dag = "Zondag";
				 		else if (dag == 1)
				 			dag = "Maandag";
				 		else if (dag == 2)
				 			dag = "Dinsdag";
				 		else if (dag == 3)
				 			dag = "Woensdag";
				 		else if (dag == 4)
				 			dag = "Donderdag";
				 		else if (dag == 5)
				 			dag = "Vrijdag";
				 		else if (dag == 6)
				 			dag = "Zaterdag";
				 	
				 	var uren = nu.getHours()
						if (uren <=9)
							uren = "0"+uren
					var minuten = nu.getMinutes()
						if (minuten <=9)
							minuten = "0"+minuten
					var seconden = nu.getSeconds()
				 		if (seconden <=9)
				 			seconden = "0"+seconden
				
				 	var tijdWaarde = "" + dag
				 		tijdWaarde += " " + datum
				 		tijdWaarde += " " + maand
				 		tijdWaarde += " " + jaar
				 		tijdWaarde += " - " + uren
				 		tijdWaarde += ":"+minuten
				 		tijdWaarde += ":"+seconden
				 		document.getElementById('klokbalk').innerHTML=tijdWaarde;
				 		teller =
				 		setTimeout("toontijd()",1000)
				 	}
				 
					toontijd()
				//-->
				</script> 
 
       </div>

Succes,

mvg,
Coderunner

Boskrabber · 25 apr 2012, 10:46

Hallo Coderunner,
Nogmaals bedankt voor uw moeite en belangrijke opmerkingen.
Eerst ga ik nu mijn links in orde brengen en daarna de hierboven vermelde code's.
Groetjes
De boskrabber