Bahan Kotak - Kotak Téksaréa Koléktif.

.

M=0 . . . . . . . . . Compose Compose . . . . .

. .

. . . .

. M=0 . . . . . . . . . Compose Compose . . . . . . . . . . .

Form 3 Kotak Layar Gulung Vértikal.

《<div dir="ltr"> 《<b style="background-color: #003700; color: orange; font-family: arial, tahoma, helvetica, freesans, sans-serif;">.</b><span 13.2px="" arial="" font-size:="" freesans="" helvetica="" sans-serif="" style="color: #222222;" tahoma="">.. </span></div> <div style="background-color: white; border: 0.1px dashed rgb(0, 255, 0); font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px; height: auto; overflow: auto; padding: 0.5px; width: auto;"> <table><tbody> <tr><td><span style="color: orange; font-size: 13.2px;"><b>Form Awal Form</b></span><span style="font-size: 13.2px;">.</span><br /> <div style="border: 0.1px dashed rgb(0, 255, 0); font-size: 13.2px; height: auto; overflow: auto; padding: 0.5px; width: auto;"> <table><tbody> <tr><td><div style="background-color: #a4ff00; border: 0.1px inset rgb(164, 255, 0); height: 340px; overflow: auto; padding: 1px; width: 660px;"> <div> .》<br /> <table><tbody> <tr><td><div style="background-color: lime; border: 0.1px dashed rgb(0, 255, 0); font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px; height: auto; overflow: auto; padding: 5px; width: auto;"> <table><tbody> <tr><td><span style="color: orange; font-size: 13.2px;"><b>Form Postingan Pembahas</b></span><span style="font-size: 13.2px;">.</span><br /> <div style="border: 0.1px dashed rgb(0, 255, 0); font-size: 13.2px; height: auto; overflow: auto; padding: 3px; width: auto;"> <table><tbody> <tr><td><br /> <div style="background-color: #a4ff00; border: 0.1px inset rgb(164, 255, 0); height: 300px; overflow: auto; padding: 5px; width: 300px;"> <div> .》</div> |</div> </td></tr> </tbody></table> </div> </td></tr> </tbody></table> <span style="color: orange; font-size: 13.2px;"><b>Akhir Form</b></span><span style="font-size: 13.2px;">.</span></div> |Édit Postingan Pembahas.<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /></td><td>| Tabel 2 Kolom<br /> <table><tbody> <tr><td>| Satu |</td><td>| Dua |</td></tr> </tbody></table> <div style="background-color: lime; border: 0.1px dashed rgb(0, 255, 0); font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px; height: auto; overflow: auto; padding: 5px; width: auto;"> <span style="font-size: small;">|  </span><span style="color: orange; font-size: 13.2px;"><b>Form</b></span><br /> <table><tbody> <tr><td><span style="color: orange; font-size: 13.2px;"><b>Form Postingan Sumber</b></span><span style="font-size: 13.2px;">.</span><br /> <div style="border: 0.1px dashed rgb(0, 255, 0); font-size: 13.2px; height: auto; overflow: auto; padding: 3px; width: auto;"> <table><tbody> <tr><td><br /> <div style="background-color: #a4ff00; border: 0.1px inset rgb(164, 255, 0); height: 300px; overflow: auto; padding: 5px; width: 300px;"> <div> .》</div> |</div> </td></tr> </tbody></table> </div> </td></tr> </tbody></table> <span style="color: orange; font-size: 13.2px;"><b>Akhir Form</b></span><span style="font-size: 13.2px;">.</span></div> | Édit Postingan Sumber.</td><td>|<br /> <div style="background-color: lime; border: 0.1px dashed rgb(0, 255, 0); font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px; height: auto; overflow: auto; padding: 5px; width: auto;"> <span style="font-size: small;">|  </span><span style="color: orange; font-size: 13.2px;"><b>Form</b></span><br /> <table><tbody> <tr><td><span style="color: orange; font-size: 13.2px;"><b>Form Postingan Ini</b></span><span style="font-size: 13.2px;">.</span><br /> <div style="border: 0.1px dashed rgb(0, 255, 0); font-size: 13.2px; height: auto; overflow: auto; padding: 3px; width: auto;"> <table><tbody> <tr><td><br /> <div style="background-color: #a4ff00; border: 0.1px inset rgb(164, 255, 0); height: 300px; overflow: auto; padding: 5px; width: 300px;"> <div> .》</div> |</div> </td></tr> </tbody></table> </div> </td></tr> </tbody></table> <span style="color: orange; font-size: 13.2px;"><b>Akhir Form</b></span><span style="font-size: 13.2px;">.</span></div> | Édit Postingan Ini.<br /> <br /> <br /> <br /> <br /> <br /></td> </tr> </tbody></table> <br /> <table><tbody> <tr><td>| Satu |</td><td>| Dua |</td><td>| Tiga |</td><td>| Empat |</td><td>| Lima |</td></tr> </tbody></table> </div> |<span style="font-size: 13.2px;">.</span><br /> <span style="font-size: 13.2px;"><br /></span> <span style="font-size: 13.2px;"><br /></span> <span style="font-size: 13.2px;"><br /></span> <span style="font-size: 13.2px;"><br /></span> <span style="font-size: 13.2px;"><br /></span></div> </td></tr> <tr><td><span style="color: orange; font-size: 13.2px;"><b>Akhir Form</b></span><span style="font-size: 13.2px;">.</span></td></tr> </tbody></table> </div> </td></tr> </tbody></table> </div> <div dir="ltr"> 《Édit Postingan Ini.</div> ... 

Form Awal Form. .》 Form Postingan Pembahas. .》 | Akhir Form. |Édit Postingan Pembahas. | Tabel 2 Kolom | Satu | | Dua | |  Form Form Postingan Sumber. .》 | Akhir Form. | Édit Postingan Sumber. | |  Form Form Postingan Ini. .》 | Akhir Form. | Édit Postingan Ini. | Satu | | Dua | | Tiga | | Empat | | Lima | |. Akhir Form.

《Édit Postingan Ini.

Percobaan Membuat Kotak Layar Gulung Vértikal.

Oléh: Yusni Tria Yunda.

Pertama, setelah membuat tabél 3 kolom, penulis mengkopi formulasi HTML guna membuat kotak berwarna tertentu, yang telah penulis buat sebelumnya.

| Satu |  Form Form Awal Form. Téks Aréa Buat Form Ini [ ... ]. .》 ... ... ... ... ... ... ... ... | Akhir Form.

| Dua |  Form Form Awal Form. .》 ... ... ... ... ... ... | Akhir ÉDIT Postingan Ini. . |

| Tiga |

***
**
*

Secara prinsip, Kotak Layar Gulung Vértikal, minimal terdiri dari 2 (dua) kotak utama yang membentuknya.

Satu kotak ditentukan sebagai "Head", yang posisinya stabil di atas (bukan ikut bergulung/"scrolling") pada aréa tampil, pada saat kotak ke-2 di bawahnya ditarik ke atas sehingga téks - téks, ataupun fail - fail gambar/GIF/Vidio, dalam Kotak Isi/Layar Gulung tersebut berscroll ke bawah.

Kotak ke-2 (ke-dua), haruslah suatu bok yang mempunyai élastisitas, dalam arti ukuran - ukuran diménsi Lébar ("width"), dan Tinggi ("Height"), tanpa ditentukan berapa - berapanya bilangan yang dikehendaki dalam satuannya ("px", ataupun "pt").

** Tabel 3 Kolom

| Satu

| Dua |

| Tiga Tabel 3 Kolom | Satu | | Dua | | ÉDIT Postingan Ini. |

...

Memecah Boks [dékonstruksi].

.

Tabel
["Span" dalam Kotak Ke-1].

Kotak Ke-2

• #Kotak Ke-3
  

| Satu* | Kotak Ke-4 ... *#Kotak ke-5

| Kotak Ke-6. 》

.

|
| Dua|
| Tiga|