Ulkoasujen käyttöönotto-ohjeet:
1. Kopioi haluamasi ulkoasun koodi ulkoasun vieressä olevasta laatikosta kokonaan.
2. Kirjaudu Howrse- tilillesi.
3. Mene omalle sivullesi.
4. Esittelyn ylälaidassa on kolme pientä palloa, klikkaa niistä ensimmäistä eli vasemmanpuoleista.
5. Klikkaa esittelyn oikealta puolelta 'HTML-tila'.
6. Pyyhi kaikki tekstit.
7. Liitä kopioimasi ulkoasun koodi kenttään.
8. Klikkaa 'Normaali tila' esittelyn yläpuolelta.
9. Ulkoasun liittäminen esittelyysi on nyt valmis, ja voit kirjoittaa ulkoasuun tekstit.
HUOM! Älä ikinä pyyhi tekstilaatikoista kaikkea tekstiä pois, se rikkoo ulkoasun koodin, ja ulkoasu menee ns. pilalle.
'Wild Wales'
Tekstilaatikoiden määrä: 2
<div style="background-image: url(http://i65.tinypic.com/2dgte0l.png); width: 655px; height: 461px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';">
<div style="margin-top: 37px; width: 277px; float: left; height: 170px; margin-left: 334px; overflow: auto;">Tekstilaatikko 1</div>
<div style="margin-top: 21px; width: 277px; float: left; height: 170px; margin-left: 334px; overflow: auto;">Tekstilaatikko 2</div>
<div style="margin-top: 37px; width: 277px; float: left; height: 170px; margin-left: 334px; overflow: auto;">Tekstilaatikko 1</div>
<div style="margin-top: 21px; width: 277px; float: left; height: 170px; margin-left: 334px; overflow: auto;">Tekstilaatikko 2</div>
'Trotter'
Tektilaatikoiden määrä: 3 + pelaajanimelle paikka
<div style="background-image: url(http://i.imgur.com/qpvt0EL.png); width: 554px; height: 430px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';">
<div style="margin-top: 25px; width: 500px; float: left; height: 26px; font-size: 20px; margin-left: 36px; text-align: center; overflow: auto;">
Pelaajanimesi tai jokin muu teksti</div>
<div style="margin-top: 10px; width: 248px; float: left; height: 135px; margin-left: 39px; overflow: auto;">
Tekstilaatikko 1
</div>
<div style="margin-top: 10px; width: 238px; float: left; height: 136px; margin-left: 12px; overflow: auto;">
Tekstilaatikko 2
</div>
<div style="margin-top: 10px; width: 237px; float: left; height: 131px; margin-left: 300px; overflow: auto;">
Tekstilaatikko 3
</div>
<div style="margin-top: 25px; width: 500px; float: left; height: 26px; font-size: 20px; margin-left: 36px; text-align: center; overflow: auto;">
Pelaajanimesi tai jokin muu teksti</div>
<div style="margin-top: 10px; width: 248px; float: left; height: 135px; margin-left: 39px; overflow: auto;">
Tekstilaatikko 1
</div>
<div style="margin-top: 10px; width: 238px; float: left; height: 136px; margin-left: 12px; overflow: auto;">
Tekstilaatikko 2
</div>
<div style="margin-top: 10px; width: 237px; float: left; height: 131px; margin-left: 300px; overflow: auto;">
Tekstilaatikko 3
</div>
'White Horse'
Tekstilaatikoiden määrä: 2
<div style="width:640px; height:480px; margin: auto;text-align:center;background-color:transparent;">
<div style="margin: 0 auto; background: url(http://i.imgur.com/ULRQFG0.png);
width:640px; height:480px; top: 0px; left: 0px;">
<div style="width: 267px; height: 143px; margin-top: 26px; margin-left: 345px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 10px; font-family: verdana; text-shadow: 0px 0px 5px #000;"><font color="#000">Teksti tähän. </font></div>
<div style="width: 267px; height: 244px; margin-top: 20px; margin-left: 345px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 10px; font-family: verdana; text-shadow: 0px 0px 5px #000;"><font color="#000">Teksti tähän. </font></div>
<div style="margin: 0 auto; background: url(http://i.imgur.com/ULRQFG0.png);
width:640px; height:480px; top: 0px; left: 0px;">
<div style="width: 267px; height: 143px; margin-top: 26px; margin-left: 345px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 10px; font-family: verdana; text-shadow: 0px 0px 5px #000;"><font color="#000">Teksti tähän. </font></div>
<div style="width: 267px; height: 244px; margin-top: 20px; margin-left: 345px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 10px; font-family: verdana; text-shadow: 0px 0px 5px #000;"><font color="#000">Teksti tähän. </font></div>
'Autumn miracles'
Tekstilaatikoiden määrä: 2
<div style="width:572px; height:516px; margin: auto;text-align:center;background-color:transparent;"><div style="margin: 0 auto; background: url(http://i.imgur.com/KVsWi23.png); width:572px; height:516px; top: 0px; left: 0px;">
<div style="width: 256px; height: 101px; margin-top: 226px; margin-left: 28px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 10pt; font-size: 10px; font-family: corbel; text-shadow: 0px 0px 5px #FAE8C0;"><font color="#000">Teksti tähän. </font></div>
<div style="width: 256px; height: 118px; margin-top: 9px; margin-left: 28px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 10pt; font-size: 10px; font-family: corbel; text-shadow: 0px 0px 5px #FAE8C0;"><font color="#000">Teksti tähän. </font></div>
<div style="width: 256px; height: 101px; margin-top: 226px; margin-left: 28px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 10pt; font-size: 10px; font-family: corbel; text-shadow: 0px 0px 5px #FAE8C0;"><font color="#000">Teksti tähän. </font></div>
<div style="width: 256px; height: 118px; margin-top: 9px; margin-left: 28px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 10pt; font-size: 10px; font-family: corbel; text-shadow: 0px 0px 5px #FAE8C0;"><font color="#000">Teksti tähän. </font></div>
'Sleepy Cat'
Tekstilaatikoiden määrä: 1
<div style="width:520px; height:708px; margin: auto;text-align:center;background-color:transparent;">
<div style="margin: 0 auto; background: url(http://i.imgur.com/FkmgEM0.png);
width:520px; height:708px; top: 0px; left: 0px;">
<div style="width: 460px; height: 213px; margin-top: 440px; margin-left: 27px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 11px; font-family: century gothic; text-shadow: 0px 0px 3px #000;">Teksti tähän.<div align="center"><font color="#ffffff"></div></div></div>
<div style="margin: 0 auto; background: url(http://i.imgur.com/FkmgEM0.png);
width:520px; height:708px; top: 0px; left: 0px;">
<div style="width: 460px; height: 213px; margin-top: 440px; margin-left: 27px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 11px; font-family: century gothic; text-shadow: 0px 0px 3px #000;">Teksti tähän.<div align="center"><font color="#ffffff"></div></div></div>
'Living in a Dream'
Tekstilaatikoiden määrä: 2
<div style="width:700px; height:539px; margin: auto;text-align:center;background-color:transparent;">
<div style="margin: 0 auto; background: url(http://i.imgur.com/rLv36uf.png);
width:700px; height:539px; top: 0px; left: 0px;">
<div style="width: 322px; height: 191px; margin-top: 49px; margin-left: 309px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 11px; font-family: century gothic;">Teksti tähän.
<div align="center"><font color="#000000"></div></div></div>
<div style="width: 322px; height: 200px; margin-top: -261px; margin-left: 309px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 11px; font-family: century gothic;">Teksti tähän.<div align="center"><font color="#ffffff"></div></div></div>
<div style="margin: 0 auto; background: url(http://i.imgur.com/rLv36uf.png);
width:700px; height:539px; top: 0px; left: 0px;">
<div style="width: 322px; height: 191px; margin-top: 49px; margin-left: 309px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 11px; font-family: century gothic;">Teksti tähän.
<div align="center"><font color="#000000"></div></div></div>
<div style="width: 322px; height: 200px; margin-top: -261px; margin-left: 309px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 11px; font-family: century gothic;">Teksti tähän.<div align="center"><font color="#ffffff"></div></div></div>
'Percheron'
Tekstilaatikoiden määrä: 1
<div style="background-image: url(http://i.imgur.com/hxpgtwy.png); width: 497px; height: 680px; font-size: 12px; font-family: tahoma, geneva, 'sans serif';">
<div style="margin-top: 430px; width: 447px; float: left; height: 200px; margin-left: 24px; overflow: auto;">
Teksti tähän.
</div>
<div style="margin-top: 430px; width: 447px; float: left; height: 200px; margin-left: 24px; overflow: auto;">
Teksti tähän.
</div>
'Sleepy Cat'
Tekstilaatikoiden määrä: 1
<div style="width:520px; height:708px; margin: auto;text-align:center;background-color:transparent;">
<div style="margin: 0 auto; background: url(http://i.imgur.com/FkmgEM0.png);
width:520px; height:708px; top: 0px; left: 0px;">
<div style="width: 460px; height: 213px; margin-top: 440px; margin-left: 27px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 11px; font-family: century gothic; text-shadow: 0px 0px 3px #000;">Teksti tähän.<div align="center"><font color="#ffffff"></div></div></div>
<div style="margin: 0 auto; background: url(http://i.imgur.com/FkmgEM0.png);
width:520px; height:708px; top: 0px; left: 0px;">
<div style="width: 460px; height: 213px; margin-top: 440px; margin-left: 27px; text-align: justify; float: left; overflow: auto; background-color: transparent; padding: 5px; border: 0px; line-height: 13pt; font-size: 11px; font-family: century gothic; text-shadow: 0px 0px 3px #000;">Teksti tähän.<div align="center"><font color="#ffffff"></div></div></div>
Ihania :33
VastaaPoistaKiitos!:)
PoistaKuinka noihin ruutuihin voi kirjoittaa
VastaaPoistaKun liität ulkoasun HTML koodin Howrsen esittelyysi, tulee silloin tekstilaatikoihin teksti, jota saat sitten itse muokata.
PoistaKivoja ulkkia:) Teen itsekkin grafiikkaa, mutta vain tilauksesta. Howrsessa minut löytää käyttäjällä: mineam
VastaaPoistaKiitos paljon!(:
PoistaTodella ihanaa grafiikkaa!! :)
VastaaPoistaItse en osaisi ikimaailmassa tehdä tuollaisia ulkoasuja! :D
Onnittelut muokkaus / koodaustaidoista! :)
~Elisebeth
Tuhannet kiitokset Elisebeth!:)
PoistaKirjoittaja on poistanut tämän kommentin.
VastaaPoistaKiitokset!:)
PoistaAIVAN MAHTAVIA JA IHANIA ULKOASUJA!!!! :-DD :33
VastaaPoistaAivan käsittämättömän upeita!! <3 Otin profiilisivulleni käyttöön "trotter" ulkoasun, joka on mun lemppari koska se on semmonen yksinkertainen ja pieni mutta kaunis ulkoasu jota oon kauan etsinyt!
VastaaPoista-Howrsessa viivykkä1