bon, om te make heb ik dus 2 files gebruikt (htm & css) & redelijk wa screenshots, 1e grote (beeld van invent + stats) & rest allemaal kleinere, screenshots genome van de stats van de items & uitgeknipt dat alleen de stats overblijven
stukskes van de code
index.htm :
Code:
<html>
<head>
<title>Dahmer's bvb barb</title>
</head>
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript">
<!--
function showSWORD(id)
{
document.getElementById("SWORD").style.visibility = 'visible'
}
function showAMU(id)
{
document.getElementById("AMU").style.visibility = 'visible'
}
function showNothing(id)
{
document.getElementById("SWORD").style.visibility = 'hidden'
document.getElementById("AMU").style.visibility = 'hidden'
}
//-->
</script>
<body bgcolor="#000000">
<img id="barb" src="sbarb.jpg" usemap="#sbarb" border="0">
<img id="SWORD" src="sbsword1.jpg" border="0">
<img id="AMU" src="sbamu1.jpg" border="0">
<map name="sbarb">
<area shape="rect" onmouseover="showSWORD(id)" onmouseout="showNothing(id)" coords="415,105,475,220">
<area shape="rect" onmouseover="showAMU(id)" onmouseout="showNothing(id)" coords="605,91,636,122">
</map>
</body>
</html>
die coords zijn de coördinaten (in pixels) op je screenshot die zo zijn ingesteld om exact 1 bepaald item te overlappen, soort onzichtbaar kaderke der rond
vb. amu = 605,91,636,122
605,91 is de hoek linksboven
605 is et aantal pixels van linkerkant v screeny tot aan et amu
91 is et aantal pixels van de bovenkant v screeny tot aan et amu
636,122 is de hoek rechts beneden
same als hierbove
css.css :
Code:
#barb
{
position:absolute;
z-index:1;
}
#SWORD
{
position:absolute;
z-index:2;
visibility:hidden;
top:235;
left:301;
}
#AMU
{
position:absolute;
z-index:2;
visibility:hidden;
top:137;
left:515;
}
code hierin is duidelijk genoeg denkek
code da ik heb getoond is btw alleen om amu & sword zo te kunne tone, de rest is op exact zelfde manier gemaakt
als ge de code & screenshots hebt is et gewoon vooral copy pasten & hier en daar wa namen aanpassen & coördinaten veranderen