1. Siirry editorissa muokkaamaan tekstiä, johon haluat lisätä linkin.
2. Valitse tekstieditorissa teksti, johon haluat lisätä linkin ja klikkaa linkityskuvaketta ().
3. Valitse linkin tyypiksi "Linkki sivuston sivulle" ja klikkaa sitten painiketta "Valitse sivu".
4. Valitse avautuvasta sivukartasta sivu, jolle haluat linkittää ja klikkaa "Ok".
5. Klikkaa "Ok"

1. Siirry editorissa muokkaamaan tekstiä, johon haluat lisätä linkin.
2. Valitse tekstieditorissa teksti, johon haluat lisätä linkin ja klikkaa linkityskuvaketta ().
3. Valitse linkin tyypiksi "Linkki tiedostoon" ja klikkaa "Valitse tiedosto".
4. Tiedostonhallinta avautuu
   1. Mikäli tiedosto, johon haluat linkittää, on jo tiedostonhallinnassa, valitse se kaksoisklikkaamalla.
   2. Mikäli tiedosto, johon haluat linkittää, ei vielä ole tiedostonhallinnassa, lisää se ensin "Lisää tiedostoja"–painikkeesta. (Täällä ohjeet tiedostojen lisäämiseen).
5. Klikkaa "Ok"

1. Siirry editorissa muokkaamaan tekstiä, johon haluat lisätä linkin.
2. Valitse tekstieditorissa teksti, johon haluat lisätä linkin ja klikkaa linkityskuvaketta ().
3. Valitse linkin tyypiksi "Linkki toiselle sivustolle" ja kirjoita Osoite-kenttään osoite, johon haluat linkittää.
4. Klikkaa "Ok"

1. Siirry editorissa muokkaamaan tekstiä, johon haluat lisätä linkin.
2. Valitse tekstieditorissa teksti, johon haluat lisätä linkin ja klikkaa linkityskuvaketta ().
3. Valitse linkin tyypiksi "Linkki sähköpostiin" ja kirjoita Sähköpostiosoite-kenttään sähköpostiosoite, johon haluat viestin lähettää. Aihe ja Viesti ovat vapaaehtoisia tietoja, jotka voit halutessasi täyttää.
4. Klikkaa "Ok"

1. Siirry editorissa muokkaamaan tekstiä, johon haluat lisätä kuvan.
2. Klikkaa tekstissä kohtaa, johon haluat lisätä kuvan ja klikkaa "Lisää kuva"–kuvaketta ().
3. Klikkaa avautuvassa ikkunassa "Selaa palvelinta" ja valitse kuva kaksoisklikkaamalla sitä.
4. Voit kirjoittaa kenttään "Vaihtoehtoinen teksti" kuvauksen kuvasta. Mikäli kuva on liian iso, niin voit syöttää "Korkeus" ja "Leveys" -kohtiin halutut mitat (Vinkki: Paremman tuloksen saat muuttamalla kuvan koon haluamassasi kuvankäsittelyohjelmassa). Jos haluat, että kuva on rajattu, merkitse rajan paksuus "Raja"-kenttään. "Vaakatila" ja "Pystytila" määrittelevät paljonko kuvan ympärille jää ilmaa tekstiin verrattuna, ja "Kohdistus" sen minne kuva halutaan sijoittaa.
5. Klikkaa "Ok", kun olet valmis.

1. Kopioi haluamasi YouTube-videon embed-koodi (<Embed>-nappula löytyy videon yhteydestä, jos se on sallittu videon lisääjän toimesta)
2. Mene Aava Editorissa sivulle jolle haluat YouTube-videon lisätä.
3. Muokkaa haluttua tekstikenttää tai luo uusi tekstikenttä (Lisää sisältöä -> Tekstit).
4. Mene tekstissä kohtaan johon haluat videon ja klikkaa tekstieditorin "Lisää ulkoinen media"-nappia ().
5. Liitä avautuvan laatikon tekstikenttään ensimmäisessä kohdassa kopioimasi embed-koodi. (Voit liittää painamalla Ctrl + v tai klikkaamalla tekstikenttää oikealla hiirennapilla ja valitsemalla "Liitä")
6. Kun olet liittänyt tekstin, klikkaa "OK".
7. Tekstieditorissa näkyy nyt tilanvaraajaalaatikko, joka kertoo että kyseessä on Flash-sisältö. Huom! Videon ei ole tarkoitus näkyä vielä tässä näkymässä.
8. Tallenna muutokset ja video ilmestyy sivuillesi.

1. Mene sivustolle http://developers.facebook.com/docs/reference/plugins/like/, syötä generaattorin "URL to Like"-kenttään haluamasi osoite (kotisivusi tai vaikkapa Facebook-sivusi osoite) ja muokkaa itseäsi miellyttävä Tykkää-nappula.
2. Poista valinta kohdasta "Send Button"
3. Klikkaa "Get Code"-nappia sekä aukeavan ikkunan yläriviltä "IFRAME"-linkkiä ja kopioi laatikon sisältö.
4. Mene Aava Editorissa sivulle jolle haluat Tykkää-nappulan lisätä.
5. Muokkaa haluttua tekstikenttää tai luo uusi tekstikenttä (Lisää sisältöä -> Tekstit).
6. Mene tekstissä kohtaan johon haluat Tykkää-nappulan lisätä ja klikkaa tekstieditorin "Lisää ulkoinen media"-nappia ().
7. Liitä avautuvan laatikon tekstikenttään toisessa (2.) kohdassa kopioimasi iframe-koodi. (Voit liittää painamalla Ctrl + v tai klikkaamalla tekstikenttää oikealla hiirennapilla ja valitsemalla "Liitä")
8. Kun olet liittänyt tekstin, klikkaa "OK".
9. Tallenna muutokset ja sivustollasi on nyt Tykkää-nappula.

1. Mene sivustolle http://developers.facebook.com/docs/reference/plugins/like-box/, syötä generaattorin "Facebook Page URL"-kenttään Facebook-sivusi osoite ja muokkaa itseäsi miellyttävä tykkäyslaatikko
2. Klikkaa "Get Code"-nappia sekä aukeavan ikkunan yläriviltä "IFRAME"-linkkiä ja kopioi laatikon sisältö.
3. Mene Aava Editorissa sivulle jolle haluat tykkäyslaatikon lisätä.
4. Muokkaa haluttua tekstikenttää tai luo uusi tekstikenttä (Lisää sisältöä -> Tekstit).
5. Mene tekstissä kohtaan johon haluat tykkäyslaatikon lisätä ja klikkaa tekstieditorin "Lisää ulkoinen media"-nappia ().
6. Liitä avautuvan laatikon tekstikenttään toisessa (2.) kohdassa kopioimasi iframe-koodi. (Voit liittää painamalla Ctrl + v tai klikkaamalla tekstikenttää oikealla hiirennapilla ja valitsemalla "Liitä")
7. Kun olet liittänyt tekstin, klikkaa "OK".
8. Tallenna muutokset ja sivustollasi on nyt tykkäyslaatikko.

• ##EmaDropPoint![Sisältökohdan nimi]## (esimerkki: ##EmaDropPoint!Center##)
  Lisää pohjaasi muokattavan sisällön kohdan. Käytä seuraavia määrittelyjä, mikäli haluat jo olemassa olevan sivustosi sisällön näkyvän myös uudessa ulkoasussa: ##EmaDropPoint!Vasen palsta##, ##EmaDropPoint!Center## ja ##EmaDropPoint!Oikea palsta##.
  
  
• ##EmaDecImage![Sisältökohdan nimi]## (esimerkki: ##EmaDecImage!Main##)
  Lisää pohjaasi paikan kuvituskuvalle (tag:div, id: decPic, class: decorationImage). Muista määritellä CSS-tiedostoon haluttu korkeus ja muut muotoilut. Käytä ##EmaDecImage!Main##-määrittelyä, mikäli haluat käyttää jo olemassa olevaa kuvituskuvaa.
  
  
• ##EmaNaviMain## (esimerkki: <ul>##EmaNaviMain##</ul>)
  Lisää pohjaasi päänavigaation. Muista lisätä ul-tagi määrittelyn ympärille.
  
  Mikäli haluat käyttää navigaatiossasi JavaScript-pudotusvalikoita, voit lisätä luokan "mlddm" ul-tagiin (esimerkki: <ul class="mlddm" params="0,-1,1000,fade,270,h">##EmaNaviMain##</ul>).
  params-attribuutin arvojen selitykset vasemmalta oikealle: vaakakohdistus pikseleinä, pystykohdistus pikseleinä, aikakatkaisu millisekunteina, siirtymäefekti (fade, slide, none), efektin nopeus millisekunteina, orientaatio (h = vaakamenu, v = pystymenu).

<div id="pageWidth">
 <div id="decPicHolder"> <!-- Kuvituskuva -->
 ##EmaDecImage!Main##
 </div> 
 <div id="menu1" class="clearfix"> <!-- Navigaatio -->
 <ul class="mlddm" params="0,-1,1000,fade,270,h">
 ##EmaNaviMain##
 </ul>
 </div>
 <div id="contentHolder" class="clearfix pageBackground">
 <div id="leftContent" class="sideContent">
 <div id="leftContentInner"> <!-- Vasemman palstan sisältö -->
 ##EmaDropPoint!Vasen palsta##
 </div>
 </div>
 <div id="mainContent" class="content">
 <div id="mainContentInner"> <!-- Keskipalstan sisältö --> ##EmaDropPoint!Center##
 </div>
 </div>
 <div id="rightContent" class="sideContent">
 <div id="rightContentInner"> <!-- Oikean palstan sisältö -->
 ##EmaDropPoint!Oikea palsta##
 </div>
 </div>
 </div>
</div>

body {
  font-size: 10px;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  color: #000;
  background: #ccc;
}

#pageWidth {   
  width: 912px;   
  margin-left: auto;   
  margin-right: auto;   
  margin-top: 67px;   
  text-align: left;
  background: #fff;
}

#decPicHolder {   
  background: #fff;   
  padding: 3px;   
}

#decPic {   
  height: 230px;   
  overflow: hidden;  
  background: url(/templates/img/decpic/city_0015.jpg) repeat center center;
}

#menu1 {   
  position: relative;   
  white-space: nowrap;   
  z-index: 2;  
  border: 1px solid #d4d4d4;   
  border-top: none;   
  background: #e4e9ec;
}


.mlddm {
  margin: 0px;
  padding: 0px;
}

.mlddm li {   
  display: inline;
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

.mlddm li a {
  display: block;
  padding: 0px 15px;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 24px;
  color: #5c6a70;
  text-decoration: none;
  
}

.mlddm li a.active {
  background: #f6f8f9;
  color: #a0108a;
}

.mlddm li a:hover {
  text-decoration: underline;
}

.mlddm li a.active:hover {
  text-decoration: none;
}

.mlddm ul {
  z-index: 100;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  background: #f5f6f8;
  border: 1px solid #d2d2d2;
}

.mlddm ul li {
  float: none;
  background: none;
}

.mlddm ul li a {
  display: block;
  width: auto;
  margin: 0px;
  padding: 0 20px 0 10px;
  line-height: 28px;
  font-weight: normal;
  color: #5c6a70;
  border-width: 0;
}

.mlddm ul li.active {
  background: none;
}

.mlddm ul li a.active {
  font-weight: bold;
  background: none;    
}

.mlddm ul ul {
  margin: 0px;
}

.mlddm ul li a.active:hover {
  text-decoration: underline;
}

#contentHolder {
  padding: 20px 5px;
}

#leftContent {
  width: 190px;
  padding-right: 10px;
  float: left;
  overflow: hidden;
  position: relative;
}

#mainContent {
  width: 502px;
  overflow: hidden;
  float: left;
  overflow: hidden;
  position: relative;
}

#mainContentInner {
  padding: 0 25px;
}

#rightContent {
  width: 190px;
  padding-left: 10px;
  float: right;
  overflow: hidden;
  position: relative;
}

.content {   
  font-size: 1.2em;
  line-height: 1.4em;
  color: #333333;
}

.sideContent {
  font-size: 1.2em;
  line-height: 1.4em;
  color: #333333;
}

.content a {
  color: #a0108a;
  text-decoration: none;
  font-weight: normal;
}

.sideContent a {
  color: #a0108a;
  text-decoration: none;
  font-weight: normal;
}

.content a:hover {
  text-decoration: underline;
}

.sideContent a:hover {
  text-decoration: underline;
}

.content h1, .content h2, .content h3,
.sidecContent h1, .sideContent h2, .sideContent h3 {
  font-size: 1.6em;
}

.moduleHolder {
  margin: 0 0 15px 0;  
}