Jumpmenu en VET

Status
Niet open voor verdere reacties.
M

MathijsP

Gebruiker
Lid geworden
31 mrt 2008
Berichten
12
Ik ben bezig met dreamweaver 2004 MX en heb hiermee een jumpmenu gemaakt.
Nu wil ik graag items in mijn menu laten opvallen door deze bijvoorbeeld VET of een andere kleur te geven. Weet iemand hoe dit moet??
Alvast bedankt.

greetz mathijsp

PS Het is een jumpmenu met een reeks items onder elkaar. Een sommige items wil ik laten opvallen door deze VET op het scherm te krijgen.
 
Laatst bewerkt:
Live voorbeeld? Broncode?

Werkt het met een dropdown?
 
Style code maken

Als je iets wilt veranderen is het makkelijkst te doen met een css style.
Je kunt aan een tag een style koppelen maar ook zelf een class maken die je koppelt aan een stukje tekst. deze css code kan in je pagina zelf of in een apart .css bestand.

Ook kun je de tags <strong>dit is vet !</strong> gebruiken.
Als je css wilt gebruiken dan zou ik wel iets van de broncode willen zien om te kijken hoe je dit kunt inpassen.

met vriendelijke groet,
Ron
 
hieronder heb je een stukje code uit de body van de desbetreffende pagina:
Ik hoop dat je hiermee wat kan en mij op weg kan helpen.
mvg mathijs

<body>
<div align="left">
<table width="21%" border="0">
<tr>
<td bordercolor="#FF99CC" bgcolor="#FF99CC"><div align="center" class="style8">Selecteer regio </div></td>
</tr>
<tr>
<td bordercolor="#FF99CC"><img src="../Attractieparken/Kaart_ned.JPG" width="200" height="212" border="0" usemap="#Map"></td>
</tr>
<tr>
<td width="100%" bordercolor="#FF99CC" bgcolor="#FF99CC"><div align="center"><span class="style5">Snel zoeken </span>
<select name="Adventure" class="Style_zoeken" onChange="MM_jumpMenu('parent.frames[\'mainFrame10\']',this,0)">
<option>---Adventure---</option>
<option value="../Adventure/Con_dier.htm#ad1">Adventure King</option>
<option value="../Adventure/Con_dier.htm#ad5">Adventure &amp; Thrill</option>
<option value="../Adventure/Con_dier.htm#ad7">Airsoft Adventure</option>
<option value="../Adventure/Con_dier.htm#ad6">ASP Adventure</option>
<option value="../Adventure/Con_dier.htm#ad4">Omnivents</option>
<option value="../Adventure/Con_dier.htm#ad2">Tiwa</option>
<option value="../Adventure/Con_dier.htm#ad3">VVC Almere</option>
<option>---Attractieparken---</option>
<option value="../Attractieparken/Con_attr.htm#at1">Apekooi</option>
 
MathijsP zei:
sommige items wil ik laten opvallen door deze VET op het scherm te krijgen.
Klik om te vergroten...

Helaas weet ik géén manier om vet te gebruiken in het door jou gebruikte menu.
Wel kun je met kleuren werken en voor alles in één keer een vetter lettertype gebruiken.
Dit alles gaat met css

Mocht je hier nog niet mee werken raadt ik je aan om hier toch eens mee te gaan werken, de mogelijkheden voor opmaak van je pagina zijn dan stukken veelzijdiger.
Kijk voor de gein maar eens in de broncode van deze helpmij pagina en je ziet het eerste stuk allemaal css code. (<!-- CSS Stylesheet -->)
De code die je nu gebruikt raakt al verouderd , zoals gebruik van veel tabellen, de font en kleuren in de html code.
het moderne programmeren gaat met div en css,

bijgevoegd het stuk van je code met wat kleurgebruik
groeten,
Ron


Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.big {
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#lichtblauw {
	color: #FFFFFF;
	background-color: #00CCFF;
	text-align: center;
}
.lichtblauw {
	color: #00CCFF;
}
#groen {
	color: #FFFFFF;
	background-color: #00CC66;
}
.groen {
	color: #00CC66;
}
#rood {
	color: #333333;
	background-color: #FF0000;
}
.rood {
	color: #FF0000;
}
-->
</style>
</head>


<body>
<div align="left">
<table width="21%" border="0">
<tr>
<td bordercolor="#FF99CC" bgcolor="#FF99CC"><div align="center" class="style8">Selecteer regio </div></td>
</tr>
<tr>
<td bordercolor="#FF99CC"><img src="../Attractieparken/Kaart_ned.JPG" width="200" height="212" border="0" usemap="#Map"></td>
</tr>
<tr>
<td width="100%" bordercolor="#FF99CC" bgcolor="#FF99CC"><div align="center"><span class="style5">Snel zoeken </span>
<select  name="Adventure" class="big" onChange="MM_jumpMenu('parent.frames[\'mainFrame10\']',this,0)">
<option  selected="selected">maak uw keuze !</option>
<option id="lichtblauw">---Adventure---</option>
<option class="lichtblauw" value="../Adventure/Con_dier.htm#ad1">Adventure King</option>
<option class="lichtblauw" value="../Adventure/Con_dier.htm#ad5">Adventure &amp; Thrill</option>
<option class="lichtblauw" value="../Adventure/Con_dier.htm#ad7">Airsoft Adventure</option>
<option class="lichtblauw" value="../Adventure/Con_dier.htm#ad6">ASP Adventure</option>
<option class="lichtblauw" value="../Adventure/Con_dier.htm#ad4">Omnivents</option>
<option class="lichtblauw" value="../Adventure/Con_dier.htm#ad2">Tiwa</option>
<option class="lichtblauw" value="../Adventure/Con_dier.htm#ad3">VVC Almere</option>
<option id="groen">---Attractieparken---</option>
<option class="groen" value="../Attractieparken/Con_attr.htm#at1">Apekooi</option>
<option id="rood">---Speeltuinen---</option>
<option class="rood" value="../Attractieparken/Con_attr.htm#at1">speeltuin</option>
</select>
</div></td></tr></table></div>

</body>
</html>
 
Bedankt voor je tip. Ik zal proberen of ik met kleuren de jumpmenu kan aanpassen aan mijn eisen!!!
mvg
mathijsP
 
Succes

Ok MathijsP,
Je kunt de css code tussen je head tags plakken en je jumpmenu vervangen door hetgéén ik in de code heb zet, dan moet het lukken.
Succes,
en laat nog even weten of het gelukt is.

vriendelijke groet,
Ron
 
Ik heb het voor elkaar. precies zoals ikhet wilde hebben.
Bedankt voor de goude tip!!!
mvg mathijs
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan