U bevindt zich hier: Home » Tips & Trucks » Theseus

Theseus

pic_home.gif

Kopieer dit plaatje en plak het in de designmap van Theseus.

Diegenen die gebruik maken van Web to Date 6.0 hebben ook de beschikking over het nieuwe design Theseus. En hoewel Theseus een prachtig nieuw design is heeft het 1 nadeel. In de menubar zit geen knop die naar de startpagina verwijst, maar deze knop zit helemaal onderaan in de paginafooter. Net zoals ik zullen velen van jullie misschien gedacht hebben: "Erg onhandig". Welnu het is mij gelukt om daar iets op te vinden, waarvoor je wel scripts moet aanpassen maar het is zeker niet al te moeilijk. Dat kun je als volgt doen. Om te beginnen kopieer je het bijgevoegde plaatje, dat hierboven staat, en plakt dat in de designmap van Theseus. Noem het plaatje pic_home.gif.

Als je dat gedaan hebt maak je een kopie van de scripts global.ccml en navigation.ccml zodat je altijd nog de originelen hebt omdat je in deze 2 scripts wijzigingen moet gaan aanbrengen. Mogelijk dat er bij jullie alleen maar kladblokbestandjes staan met de namen global en navigation. Dat zijn de juiste ccml bestanden die je dus eerst moet kopiëren.

Global.ccml

Nu ga je eerst het script van global aanpassen. Niet de kopie want dat is immers je zekerheid voor als er iets mis gaat. Als je global opent staat er in het begin dit:

Code

Onderstaande code kun je kopiëren en die moet je plakken onder:
<cc:picture obj="pic.search" dst="psearch.gif" src="pic_search.gif" incolor.a="#000000" outcolor.a="#666666">

Code

<cc:picture obj="pic.home" dst="phome.gif" src="pic_home.gif"
incolor.a="#000000" outcolor.a="&usercolor.dark">

Het geheel ziet er dan zo uit:

Code

Funktion: Definition der Bilder
--------------------------------------------------
</cc:*>

<cc:picture obj="pic.bullet" dst="pbull.gif" src="pic_bullet.gif"
incolor.a="#000000" outcolor.a="#666666">
<cc:picture obj="pic.search" dst="psearch.gif" src="pic_search.gif"
incolor.a="#000000" outcolor.a="#666666">
<cc:picture obj="pic.home" dst="phome.gif" src="pic_home.gif"
incolor.a="#000000" outcolor.a="&usercolor.dark">

<cc:button name="button.s2d"

Nu kun je global opslaan en sluiten.

Navigation.ccml

We gaan nu verder met navigation. Wederom weer niet de kopie omdat die je zekerheid is voor het geval er iets mis gaat. Als je navigation opent geopend hebt zoek je met control F naar menubar. Daar staat dit (en voor jou is het misschien abracadabra).

Code

<div id="menubar">
<cc:loop type="maintopic" obj="mymaintopic"><a onmouseover="CI('pm<cc:print value="&mymaintopic.number">','pm<cc:print value="&mymaintopic.number">h');return true" onmouseout="CI('pm<cc:print value="&mymaintopic.number">','pm<cc:print value="&mymaintopic.number">n');return true" href="<cc:print value="&mymaintopic.url">"><cc:printpicture xhtml="1" alt="&mymaintopic.caption" obj="pic.menu" suffix="'m'+&mymaintopic.number" name="p"></a></cc:loop>
</div>

Kopieer nu onderstaande code en plak die direkt onder <div id="menubar">

Code

Het geheel ziet er dan als volgt uit:

Code

<div id="menubar">
<a href="<cc:print value="&home.url">"><cc:printpicture obj="pic.home" border="0" alt="&site.ressource.home"></a>
<cc:loop type="maintopic" obj="mymaintopic"><a onmouseover="CI('pm<cc:print value="&mymaintopic.number">','pm<cc:print value="&mymaintopic.number">h');return true" onmouseout="CI('pm<cc:print value="&mymaintopic.number">','pm<cc:print value="&mymaintopic.number">n');return true" href="<cc:print value="&mymaintopic.url">"><cc:printpicture alt="&mymaintopic.caption" obj="pic.menu" suffix="'m'+&mymaintopic.number" name="p"></a></cc:loop>
</div>

Nu kun je navigation opslaan en sluiten. En als je nu je website oproept in het design Theseus heb je ook bovenaan netjes een verwijzing naar je startpagina.