Täältä löytyy kaikki kapeat ulkoasut, jotka voivat soveltua hyvin myös tiimien, tai hevoskeskuksen esittelyyn. Näitä ulkoasuja yleensä käytetään esityksen pienessä tilassa.
Ohjeet ulkoasun käyttöön ottamiseen:
- Kopioi kuvan alta koodi. Muista varmistaa, että kopioit sen kokonaan!
- Mene profiilisi esittelyyn ja aloita muokkaus.
- Vaihda muokkauksessa HTLM-tilaan, nappula löytyy oikealta puolelta ja se on vihreä.
- Liitä koodi HTLM-tilassa esittelyysi ja vaihda takaisin normaaliin tilaan.
- Nyt pääset kirjoittamaan laatikkoihin pyyhittyäsi niissä olevat tekstit.
HUOM! Älä pyyhi laatikoiden tekstiä kokonaan, koska koodi hajoaa silloin.
Ota huomioon myös seuraavia asioita:
- Blogissani lukevat säännöt grafiikkani käyttöön
- Blogissani lukevat säännöt grafiikkani käyttöön
- Kun vaihdat riviä, paina shift + enter, niin koodi ei hajoa!
- Jokaisen ulkoasun tekstin väriä jne. voi vaihtaa ihan tavallisesti.
- Ulkoasun kuvan alla lukee lisätietoja!
- Kaikista ulkoasuista löytyy tekijänoikeus yms. tiedot!
- Jokaisen ulkoasun tekstin väriä jne. voi vaihtaa ihan tavallisesti.
- Ulkoasun kuvan alla lukee lisätietoja!
- Kaikista ulkoasuista löytyy tekijänoikeus yms. tiedot!
<div style="background-image:url(https://i.imgur.com/CO83fX0.jpg);width:520px;height:679px;font-size:12px;font-family:tahoma, geneva, 'sans serif';"><div style="margin-top:190px;width:178px;float:left;height:219px;margin-left:62px;overflow:auto;"><font color="#ffffff">
TEKSTI TÄHÄN! Älä pyyhi laatikkoa kokonaan tyhjäksi, jotta koodi ei hajoaisi! Jos ulkoasun kanssa tulee ongelmia, niin otathan yhteyttä käyttäjään kiudidiuksi.<br><br>Muista varoa rivin vaihtoa! Paina shift + enter samaan aikaan, niin koodin pitäisi pysyä ehjänä.<br></font></div><div style="margin-top:192px;width:152px;float:left;height:14px;margin-left:50px;overflow:auto;"><font color="#ffffff">Linkki laatikko! <br></font></div>
<div style="margin-top:30px;width:152px;float:left;height:14px;margin-left:50px;overflow:auto;"><font color="#ffffff">
Linkki laatikko!<br></font></div>
<div style="margin-top:28px;width:165px;float:left;height:131px;margin-left:42px;overflow:auto;"><font color="#ffffff">
TEKSTI TÄHÄN! Älä pyyhi laatikkoa kokoaan tyhjäksi. Jos tulee ongelmia tai kysymyksiä, niin ota yhteys käyttäjään kiudidiuksi!<br></font></div><div style="margin-top:36px;width:384px;float:left;height:188px;margin-left:63px;overflow:auto;"><font color="#ffffff">
TEKSTI TÄHÄN! Älä pyyhi laatikkoa kokonaan, koska koodi saattaa hajota. Kiitos, että käytät kiudidiuksin grafiikkaa, on mahtavaa tehdä asioita, joista muutkin tykkäävät. Halutessasi voit antaa palautetta ja toiveita blogissani, tai laittaa ihan yksityisviesteissäkin. <br></font></div>
<div style="background-image:url("https://i.imgur.com/deZitwj.png");width:553px;height:731px;font-size:12px;font-family:tahoma, geneva, 'sans serif';"></div><div style="margin-top:-245px;width:205px;float:left;height:200px;margin-left:20px;overflow:auto;">
TEKSTI TÄHÄN! Älä pyyhi tekstiä kokonaan pois, sekä riviä vaihaessa paina shift + enter, koska koodi voi muuten hajota! <br></div><div style="margin-top:-243px;width:217px;float:left;height:123px;margin-left:298px;overflow:auto;">
TEKSTI TÄHÄN! Ethän pyyhi laatikkoa kokonaan tyhjäksi, jotta koodi ei hajoa!<br></div><div style="margin-top:-73px;width:215px;float:left;height:20px;margin-left:300px;overflow:auto;">Tämä laatikko on lyhyelle linkille!</div><p style="width:430px;height:12px;overflow-y:auto;overflow-x:hidden;text-align:justify;margin-left:55px;margin-top:10px;font-size:8px;padding-right:60px;"><font color="#56ac56">Kuva: Unsplash / Desmondluap | Muokkaus & koodaus: kiudidiuksi | <a href="https://kiudingrafiikkaa.blogspot.com/">kiudingrafiikkaa.blogspot.com</a></font></p>