Kodlar ....

Değişik fontlar için, <span> buraya font yazılır < /span>


PHP- Kodu:
<span style="font-size:18px;">
_ yazı
</span>

-- Bununla font büyüklüğü 18 piksel olacak


PHP- Kodu:
<span style="color:#000000;">
_ yazı
</span>

-- Burada yazı siyah olacaktır. Renk kodlarına bakarak istediğiniz rengi kullanabilirsiniz

Renk Kodları


PHP- Kodu:
<span style="font-variant:small-caps;">
_ yazı
</span>

-- Küçük veya normal yazı seçerseniz

Bununla ilgili birleşik bir örnek kod:
PHP- Kodu:
<span style="font-size:18px;"> <span style="color:#000000;"> <span style="font-variant:small-caps;">
_ yazı
</span> </span> </span>

******* Not: Her <span> açılışı mutlaka </span> ile kapatılmalıdır*******

Yazı hizalama

PHP- Kodu:
<div align="center">
_ yazi ortada
</div>

-- align kısmana center (ortada), left (solda) veya right (sağda) yazabilirsiniz, sonuna </div> eklemeyi unutmayın.

Resim ekleme

PHP- Kodu:
<img src="http://www.ogameclub.com/kayit/ikariam.png" alt="">

-- Her iki " " arasına resmin internet adresini yazmalısınız. İnternete bilgisayardan resim göndermek kullanabilirsiniz.

Arka plan rengini ayarlamak:

<div> komutu ile arka plan rengi yapabiliriz

PHP- Kodu:
<div style="background-color:#000033;">
_ yazı
</div>


Kenar ayarı

PHP- Kodu:
<div style="margin:10px;>
_ yazı
</div>

--Burada kenar ayarını 10 piksel yaptık. Tabii div kullanarak.

Diğer kullanabileceğiniz kenarlar (margin): margin-left (sol kenar), margin-right (sağ kenar), margin-top (üst kenar), margin-bottom (alt kenar)


Dolgu (padding) ayarı

PHP- Kodu:
<div style="padding:10px;>
_ yazı
</div>

--Burada 10 pipiksellik dolgu kullandık.

Kenar gibi, dolgu için de şunları kullanabiliriz: padding-left, padding-right, padding-top, padding-bottom


Genişlik ayarı:

PHP- Kodu:
<div style="width:300px;">
_ text
</div>



Karışık kodların kullanıldığı örnek:
PHP- Kodu:
--Alan #1
<div style="width:600px;">
<div style="background-color:#000000;">
_ ogameclub

--Alan #2
<div style="width:300px;">
<div style="background-color:#FFFFFF;">
_ ogameclub
</div>
</div>
--Alan sonu #2

</div>
</div>
--Alan sonu #1 için

tesekkurler