Etusivun sisällöt ja muotoilu

 

Etusivun sivupohja on etusivu2. Mikäli sen muuttaa, kolme nostoympyrää sekä alakuva katoavat näkyvistä. Jos sivupohjan muutos on tarpeen, kannattaa ensin siirtää ko. lohkot joko Sidebar tai Main-alueelle. Ne alueet ovat myös muissa sivupohjissa, ja niillä olevat sisällöt säilyvät esillä.

 

Alla selostus etusivun sisällöistä ja niiden muotoiluista.

DCT = Design & Custom Templates saadaan valittua lohkoa klikkaamalla (alinna valikossa). Alla tekstit viittaavat siitä aukeavan ikkunan valikoihin

 

Ylimpänä Sidebar-alue, lohkot:

Kielenvaihto-lohko

Itse lohkolle ei kannata tehdä mitään...

DCT:

• Äärimmäisenä vasemmalla A-kirjaimen alta Alignment: center

• ”tuplasuuntaisen nuolen” alta alareunaan väliä: margin bottom 40px

 

Sisältö/Content-lohko: Nimi ja titteli

Yleinen muotoilu, DCT,  hammasrattaan alla:

• Custom Class: etusivu-nimi

Nimen ja tittelin värit ja koko tulee em. css-tyyleistä. Mutta niitä voi halutessaan muuttaa lohkoa muokkamalla: teksti aktivoidaan ja sille valitaan väri. Kun annetun tyylin poistaa, teksti muuttuu takaisin alkuperäiseen sävyyn. 

 

Kolme aluetta: Etunosto 1-3

Kolme ympyrää. Näille jokaiselle annetaan tyyli erikseen. Ne on poimittu Pagelist-lohkolla, mutta kaikki erikseen (jotta voi poimia halutut sivut)

DCT,  hammasrattaan alla:

• Custom Template:
  mbt_etusivu_ympyra = jossa isolla kirjaimilla nimet,
  mbt_etusivu_ympyra2 = teksti on pienillä kirjaimilla. (Huomasin, että iPadilla pitkä ajankohtainen nimi ei mahtunut ympyrään)

 

Main

Ympyröiden alla on tyhjä main-alue, johon esim voi tarvittaessa lisätä tekstiä tai muuta sisältöä

 

Main2

Alimpana Kuva-lohko. Sen kuvien leveys voisi olla 1900 pikseliä, se riittää isohkollakin näytöllä. Toinen vaihtoehto olisi laittaa kuva alueen taustakuvaksi, jolloin se venyy myös isommilla näytöillä koko sivun kuvaksi. Taustakuva käyttäytyy eri tavalla kuin tavallinen kuva.