Undrar om du har lust att förklara hur du gör den fina rutan som ligger på index sidan?
Den där det står
"Välkommen till ett nytt forum!".

Hej, ändra gärna rubriken på ditt inlägg - "Till Pelle" förklarar inte speciellt bra vad du frågar efter ;-)

Jag har skrivit en subrutin som jag kallar på för att göra en eller flera lager - om du exempelvis tittar på källkoden på denna sida - ser du några "div" lager längst ner i koden. Varje lager börjar med <div .. och slutar med </div>, dessa kan visas eller döljas med asp/javascript. Egenskapen för denna är visibility och den kan sättas på/av.

Om du tar en div-tag från denna källkoden, därefter klipper ut show/hide funktionerna som är javascript samt slutligen länken som skall användas för att visa det...


Här är ett exempel på ett fönster:
<div id="info" name="info" style="position: absolute; top: 110px; left: 180px; z-index: 10; visibility: hidden; width: 450px; height: 26">
<table border="0" width="483" cellspacing="0" cellpadding="0" bgcolor="#C5C5A7">
<tr>
<td width="1" valign="top" bgcolor="#3E4125" colspan="5" nowrap><font face="Verdana, Arial" size="1"><img border="0" src="bilder/pix.gif" width="1" height="1"></font></td>
</tr>
<tr>
<td width="1" rowspan="2" valign="top" bgcolor="#3E4125" nowrap><font face="Verdana, Arial" size="1"><img border="0" src="bilder/pix.gif" width="1" height="1"></font></td>
<td width="10" valign="middle" bgcolor="#DEE0C9" height="22"> </td>
<td width="450" valign="middle" bgcolor="#DEE0C9" height="22"><b><font face="Verdana, Arial" size="1">information</font></b></td>
<td width="19" valign="middle" bgcolor="#DEE0C9"><font face="Verdana, Arial" size="1"></font></td>
<td width="1" valign="middle" bgcolor="#3E4125" nowrap rowspan="3">
<p align="center"><font face="Verdana, Arial" size="1"><img border="0" src="bilder/pix.gif" width="1" height="1"><img border="0" src="bilder/pix.gif" width="1" height="1"></font></td>
</tr>
<tr>
<td width="10" valign="top" bgcolor="#DEE0C9"> </td>
<td width="450" valign="top" bgcolor="#DEE0C9">
<font face="Verdana, Arial" size="1" color="#000000">
När du skriver ett inlägg så måste du fylla i vissa fält. Exempel på detta är rubrik och meddelande. Information för länkar och uppladdade filer är option, samt bevakning av detta inlägg. En bevakning ger dig möjlighet att få ett mail när ditt huvudinlägg kommenteras. Endast huvudinlägg kan markeras för denna tjänst. När du är klar med allting så klickar du på skicka knappen.<br><br> När du skrivet ett nytt inlägg kan du välja vilket forum det skall postas i. När du svarar på ett tidigare inlägg - är denna funktionen avstängd. Likaså gäller bevakningen som nämndes nyss.<br><br>I menyn uppe till höger kan du under alternativet 'läs frågan' få se texten på det inlägg som du valt att svara på. Menyns alternativ mina inlägg presenterar alla dina huvudinlägg som du skrivit för att få en överblick på detta. Bevakningen visar de inlägg som du har för bevakning och kan samtidigt där administrera dessa. Slutligen finns inställningar och här kan du göra lite personliga ändringar som gör det lite enklare för dig när du arbetar.<br><br>
</font></td>
<td width="19" valign="top" bgcolor="#DEE0C9"> </td>
</tr>
<tr>
<td width="1" valign="top" bgcolor="#3E4125" nowrap><font face="Verdana, Arial" size="1"><img border="0" src="bilder/pix.gif" width="1" height="0"></font></td>
<td width="483" valign="top" bgcolor="#DEE0C9" colspan="3"><font face="Verdana, Arial" size="1"><img border="0" src="bilder/pix.gif" width="5" height="5"></font></td>
</tr>
<tr>
<td width="1" valign="top" bgcolor="#3E4125" nowrap><font face="Verdana, Arial" size="1"><img border="0" src="bilder/pix.gif" width="1" height="1"></font></td>
<td width="450" colspan="3" valign="top" bgcolor="#3E4125"><font face="Verdana, Arial" size="1"><img border="0" src="bilder/pix.gif" width="1" height="1"></font></td>
<td width="1" valign="top" bgcolor="#3E4125" nowrap><font face="Verdana, Arial" size="1"><img border="0" src="bilder/pix.gif" width="1" height="1"></font></td>
</tr>
</table>
</div>

Sedan behöver du javascriptet:

<script LANGUAGE="javascript">
<!--
function show(id) {
if (document.layers)
document.layers[id].visibility = "show"
else
if (document.all)
document.all[id].style.visibility = "visible"
}

function hide(id) {
if (document.layers)
document.layers[id].visibility = "hide"
else
if (document.all)
document.all[id].style.visibility = "hidden"
}
//-->
</script>

Ovanstående javascript kallas exempelvis med följande:
statistik<br>

Så, det skall vara allt.
/Pelle