Hallo Iedereen
Willen jullie eens kijken naar mijn site en opmerkingen geven of dingen die kunnen veranderen?
http://www.kljwortegem.Be
Greetz
Veysie
Hallo Iedereen
Willen jullie eens kijken naar mijn site en opmerkingen geven of dingen die kunnen veranderen?
http://www.kljwortegem.Be
Greetz
Veysie
Ziet er goe uit ;D. Alleen zou'k eventueel nog zorgen dat als ze op 1 van de tabbladen (menu) duwen, dat het geselecteerde menu gehightlight wordt, of een andere achtergrond krijgt .
Dus als je bijvoorbeeld op "Foto's" duwt,,,, dat dan in het menu, de menuoptie "Foto's" een witte achtergrond krijgt ipv grijs. Zo weet ge direct waar ge zit.
Greetz,
Dave
"Friendship. It's the hardest thing in the world to explain. It's not something you learn in school. But if you haven't learned the meaning of friendship, you really haven't learned anything." ~ Muhammad Ali
En hoe doe ik dit dan ultddave?
Alvast erg bedankt voor je reactie
Hetzelfde als je dat nu hebt gedaan, met CSS/HTML code.
Dit heb je:
<div id="header">
<div id="logo"><p>KLJ Wortegem</p></div>
<div id="menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="De Leiding.php">De Leiding</a></li>
<li><a href="De Leden.php">De Leden</a></li>
<li><a href="Activiteiten.php">Activiteiten</a></li>
<li><a href="Foto's.php">Foto's</a></li>
<li><a href="Contact.php">Contact</a></li>
<li><a href="Leidingspagina.php">Leiding</a></li>
</ul>
</div>
Nu moet ge bij elke pagina een style definieren voor het huidige menu. Bijvoorbeeld op de pagina foto's.php:
<div id="header">
<div id="logo"><p>KLJ Wortegem</p></div>
<div id="menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="De Leiding.php">De Leiding</a></li>
<li><a href="De Leden.php">De Leden</a></li>
<li><a href="Activiteiten.php">Activiteiten</a></li>
<li><a href="Foto's.php" style="color:red;" >Foto's</a></li>
<li><a href="Contact.php">Contact</a></li>
<li><a href="Leidingspagina.php">Leiding</a></li>
</ul>
</div>
Ge kunt ook eventueel een aparte class in uw CSS file maken. "SelectedMenu" bijvoorbeeld, die ge dan aan uw "<li>" tag geeft.
<li class="SelectedMenu"><a href="Foto's.php">Foto's</a></li>
Momenteel gebruikt een menu item deze image:
images/menu_bckg.jpg
Dus eventueel kunt ge die editeren (andere kleur geven ofzo) en dan saven onder een andere naam en dan hebt ge dus de originele background en de nieuwe background (voor geselecteerde items).
PS: Die style="color:red;" zorgt er normaal gezien voor dat de tekst van het item in het rood komt. Inline CSS code heeft prioriteit op degene gedefinieerd in de CSS file (External).
Greetz,
Dave
Laatst gewijzigd door ultddave; 25 August 2009 om 19:49
"Friendship. It's the hardest thing in the world to explain. It's not something you learn in school. But if you haven't learned the meaning of friendship, you really haven't learned anything." ~ Muhammad Ali
veysie (25 August 2009)
Voila dit is gebeurd. heb het wel gedaan met inline css. hoe ik het external juist moest doen versta ik niet goed dusja! Wat vind je er nu van?
Nog enige veranderingen nodig volgens jou?
Greetz
Veysie
ultddave (25 August 2009)
External code komt in je css bestand. Zoals UltDave zei kan je de geimporteerde css regels overriden met inline opmaak. Het is nogtans vrij simpel hoor, je stelt gewoon een class in voor het lijst element:
<li class="klassenaam"...>tekst</li>
En dan moet je deze gewoon opnemen in uw css bestand:
.klassenaam{
stijlregels
}
Waarvoor je uw stijlregels voor dat ellement dus instelt.
Maar inline code is dus even goed als het voor zoiets is
ultddave (25 August 2009)
Ahzo dus het is eigenlijk geen probleem om die 2 door elkaar te gebruiken! Vind het langs de ene manier gemakkelijk external maar voor sommige dingen is inline code toch ook erg gemakkelijk!
Jij anders nog opmerkingen Carl?
Groeten
Veysie
Nee hoor, het ziet er in mijn ogen prima uit Hij resized ook redelijk mooi mee met het venster en is gemaakt voor gemiddelde resolutie schermen (ergens tussen 800 600 en 1024 768) wat allemaal heel goed is
1 klein dingetje, vele van de fotos daar zitten nog met rode ogen
Je kan anders hem even aflopen met de w3 validator moest je dat nog niet weten/gedaan hebben. Let er wel op dat je het juiste document type hebt
PS: ik gebruik safari op mac osx Zo weet je meteen in welke browsers hij goed wordt weergegeven.
ultddave (26 August 2009)
This document was successfully checked as XHTML 1.0 Transitional!
Niet slecht zou ik zeggen
Dank u wel voor jullie hulp jongens!
Nu ik zou graag nog een gastenboek op mijn site krijgen. iets moois maar dit is wat moeilijker. hebben jullie tips om hier goed aan te beginnen?
Aja en bij mijn foto's; als ik doorklik naar een andere foto gaat mijn pagina altijd terug omhoog. is dit mogelijk om hetzelfde te blijven zodat je altijd de volledige foto ziet?
GRoeten
Veysie
Laatst gewijzigd door veysie; 25 August 2009 om 23:08
Je kan dit doen (denk ik) door gebruik te maken van interne links (info). Dit zorgt ervoor dat de pagina wordt ingeladen op de hoogte van het benoemde ellement. Dat is dan wel altijd de tekst "volgende foto" ofzo die bovenaan zal staan, niet de exact zelfde plaats op de site.
Mogelijk is er nog een andere manier, maar die zou ik je niet kunnen vertellen, dat is voor de echte pro's hier (hetzelfde geldt voor je gastenboek, daarvoor zal je vermoed ik moeten gaan gebruik maken van een database, maar dat is (nog)niet echt aan mij besteed)
ultddave (26 August 2009)
Momenteel bekijken 1 gebruikers deze discussie. (0 leden en 1 gasten)
Favorieten/bladwijzers