Ulkoasut

Älä koskaan muokkaa tekemiäni ulkoasuja ilman lupaa. Kiitos.
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>




'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>




'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.&nbsp;</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.&nbsp;</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.&nbsp;</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.&nbsp;</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>







'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>




'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>







'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>

12 kommenttia:

  1. Kuinka noihin ruutuihin voi kirjoittaa

    VastaaPoista
    Vastaukset
    1. Kun liität ulkoasun HTML koodin Howrsen esittelyysi, tulee silloin tekstilaatikoihin teksti, jota saat sitten itse muokata.

      Poista
  2. Kivoja ulkkia:) Teen itsekkin grafiikkaa, mutta vain tilauksesta. Howrsessa minut löytää käyttäjällä: mineam

    VastaaPoista
  3. Todella ihanaa grafiikkaa!! :)
    Itse en osaisi ikimaailmassa tehdä tuollaisia ulkoasuja! :D
    Onnittelut muokkaus / koodaustaidoista! :)

    ~Elisebeth

    VastaaPoista
  4. Kirjoittaja on poistanut tämän kommentin.

    VastaaPoista
  5. AIVAN MAHTAVIA JA IHANIA ULKOASUJA!!!! :-DD :33

    VastaaPoista
  6. Aivan 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!

    -Howrsessa viivykkä1

    VastaaPoista