Friday, February 22, 2013

Tutorial : Text Area Box

Tumblr_mikqs7sjkg1qeangno1_500_large

こんにちは, 안녕하세요 ,
 Assalamualaikum. Ada orang minta atin buat kan box yang macam ada scroll tu. So Atin bagi kat korang . Contoh atin akan bagi . So korang boleh la try..


Cara nak guna Text Area Box

1. Dashboard > new post > Tukar ke HTML


2. Copy code yang atin bg nnti.
3. Paste dalam HTML
4. Tukar balik ke compose kembali.
5. Preview & save

merah : your text or what
oren : URL background
biru : color border
hijau : height
puple : width


  • Code-1

<div style="background: url(URL background); border: 1px solid #000000
height: 190px; overflow: scroll; width: 500px;">
YOU TEXT HERE
</div>

  • Code-2

<div style="height:190px;width: 500px;overflow:scroll;border:1px solid #000000;">
YOU TEXT HERE
</div>

  • Code-3

<div style="height:190px;width: 500px;overflow:scroll; border:6px dotted #000000;">
YOU TEXT HERE
</div>

  • Code-4

<div style="height:190px;width: 500px;overflow:scroll; border:6px dashed #000000;">
YOU TEXT HERE
</div>

  • Code-5

<div style="height:190px;width: 500px;overflow:scroll; border:6px groove #000000;">
YOU TEXT HERE
</div>

  • Code-6

<div style="height:190px;width: 500px;overflow:scroll; border:6px double #000000;">
YOU TEXT HERE
</div>

  • Code-7

<div style="height:190px;width: 500px;overflow:scroll; border:6px ridge #000000;">
YOU TEXT HERE
</div>

  • Code-8

<div style="height:190px;width: 500px;overflow:scroll; border:6px  outset #000000;">
YOU TEXT HERE
</div>

  • Code-9

<div style="height:190px;width: 500px;overflow:scroll; border:6px  inset #000000;">
YOU TEXT HERE
</div>

  • Code-10

<div style="height:190px; width:500px;overflow:scroll;border-top:6px dashed pink;border-right:6px dotted #000000;border-bottom:6px dashed #F9B7FF;border-left:6px solid #000000;">
YOU TEXT HERE
</div>

4 comments:

Nurul Ilham said...

thx :)

Anonymous said...

Thank you for writing this information to the web.

Look at my weblog: tutoring melbourne

Qaisarah Syafiqah said...

Macam mana nk buat nama ngn url mcm kt exchange link kak atin tu ? please help me :)

Atin Tory said...

@Qaisarah Syafiqah yg ni ke http://fatinhalid.blogspot.com/2013/07/tutorial-put-exchange-link-box.html