Aktiivisen elementin päälle avautuu myös valikko, jonka avulla voit muutta elementin orientaatiota suhteessa lohkoon, johon se on asetettu. Valikosta voit muuttaa elementin paikkaa lohkossa
- Horisontaalisesti
- Vertikaalisesti, jos lohko on elementtiä suurempi
- Venyttää elementin sisällön koko leveydelle tai asetella sisällön keskitetysti
- Lisäksi voit järjestää elementin sisällä olevat osat joko vierekkäin tai allekain
Aktiivista elementtiä pääset muokkaamaan sivun oikeaan laitaan avautuvista valikoista.
Elementeillä on Asettelu, Koko, Väli, Näytettävät elementit, Animaatio ja Edistynyt -välilehdet, jotka löytyvät Sivun rakenne välilehden alta oikean reunan valikosta.
Asettelu-välilehdellä voit muokata elementin taustakuvaa sekä reunaa ja sitä, kuinka esimerkiksi elementin sisällä oleva kuva on aseteltu. Lisäksi voit määrittää elementille vaikkapa heittovarjon.
Koko-välilehdellä voit määritellä elementin koon suhteessa sen vanhempi-elementtiin tai määrittää pakotetun koon esimerkiksi pikseleinä. Muista, että suuriksi pakotetut kuvat eivät välttämättä toimi responsiivisesti mobiililaitteilla. Sivupohjien esiasetukset ovatkin usein prosentteina ja automaattisesti mukautuvina.
Väli-välilehdellä voit määrittää elementille marginaalin ja paddingin. Lisäksi voit määrittää miten marginaali ja padding skaalautuvat erikokoisille näytöille. Käytä samoja arvoja valinta tarkoittaa, että elementin marginaalina ja paddingina käytetään sen vanhemmalle määriteltyjä arvoja.
Näytettävät elementit- valikosta voit valita haluatko esimerkiksi suurikokoisen kuvan näytettävän vain isommilla ruuduilla, jolloin sitä ei näytetä lainkaan puhelimella tai tabletilla. Oletusarvona kaikki elementit näytetään kaikilla laitteilla, mutta joissain tapauksissa elementtien rajoittaminen voi olla hyödyksi.
Voit myös valita millä sivuilla sama elementti näytetään.
Animaatio-valikossa voit asettaa elementille animaatioita.
Edistynyt-välilehdellä voit muuttaa elementin linkkiä, asettaa elementille ankkurin, muuttaa elementin luokkaa ja nimeä sekä lisätä toimintoja elementtiä klikatessa.
Hostaanin kotisivukone on toteutettu siten, että editorilla tuotettu sivusto toimii täysin responsiivisesti ja mukautuen käyttäjän päätelaitteen ruutukokoon.
Sivusto toimii ja näyttää hyvältä riippumatta siitä selaako käyttäjä sivua älypuhelimella, tabletilla, tietokoneella tai vaikkapa älytelevisiolla.
Voit testata, miltä sivustosi näyttää eri kokoisilla näytöillä joko kaventamalla/leventämällä selaimesi ikkunaa tai klikkaamlla editorinäkymän yläosassa näkyviä erikokoisia ruutuja, jolloin sivusto asetellaan kyseisen koon mukaiseen näkymään.
