Catatan Blog.

  • | Home |
  • | Bok |
  • | Tabel |
  • | Warna |
  • | Yusni Tria Yunda |
    Boks W/H Auto》
    | Beserta Daftar Warna Boks, dan Formatnya.
    .
    1|
    |
    2|
    |

    3|
    |

    4|
    |

    5|
    |

    6|
    |

    7|
    |

    8|
    |

    9|
    |

    10|
    |

    11|
    |

    12|
    |

    13|
    |

    14|
    |

    15|
    |

    16|
    |
    .
    |
Tampilkan postingan dengan label Dashed. Tampilkan semua postingan
Tampilkan postingan dengan label Dashed. Tampilkan semua postingan

Minggu, 22 Desember 2019

Bok Layar Gulung Vértikal, Background Transparent, Color Yellow, Tinggi 720px,

[ ]
》



Sémpel Penggunaan Layar Gulung Vértikal: Bok Dasar, Biru Tua.

》Seminar BÉM FPIPS UPI, 2003.











Layar Gulung Vértikal: Bok Dasar, Background Gelap

[].
》


Edit ini RGBA (63, 14, 156, 4.05)
H=720px
W=330px
.

Layar Gulung Vértikal: Bok Dasar, Background Warna Gelap.

[]
》Tampilan Dalam Draft:


》Tampilan Dalam m=1:



》Tampilan Dalam m=0:




Menyimak hasil tampilan - tampilannya, background gelap dalam bok ini cocok guna menjadi Latar Belakang bagi fail - fail gambar yang mempunyai dasar warna - warna cerah, seperti Warna Putih, dan Warna Kuning.


Layar Gulung Vértikal: Bok Dasar

Téksaréa》.
》
Tampilan dalam draft:


Tampilan dalam m=1:


Tampilan dalam m=0:

.
Menyimak dari hasil postingannya, maka aytem ini cocok sebagai bahan dasar bagi keperluan Layar Gulung berlatar belakang cerah (Biru Muda), bagi téks hitam, serta fail - fail gambar/GIF berukuran MÉDIUM dalam Standar Draft Blogger. 

Bingkai Gambar dan Téks, Border Dashed Blue 2px.



》
Terbentuknya ukuran - ukuran boks di atas, adalah sesuai dengan kalimat formulasi HTML_nya, yaitu:



TAG pertama, berisi 
. |:



Menjelaskan bahwa pemesanan yang dilakukan sebagai ékspansi [ "span" ] dari satu Div(+verse), yang mempunyai penentuan gaya [ "style" ] berdasarkan kepada "background-color", yaitu warna Latar Belakang dari bok tersebut.

Dalam hal ini, warna background dirikués Warna Putih [ "white" ].

Variabel selanjutnya, setelah Warna Latar Belakang ditentukan, adalah "color", yaitu Warna Isi, merupakan warna téks yang nantinya akan dituliskan berlatarbelakangkan Warna Background tadi.

Apabila sétingan "color" ini diubah, dari asalnya kodeu #222222, diganti menjadi Warna Mérah, misalnya, perubahan yang terjadi adalah pada Warna Téks di baris yang teratas.

Sedangkan sebelumnya, Warna Téks tersebut adalah hitam (kodeu #222222).


.

.
..
》.[]. 》 》
..



















.

.

Jumat, 29 November 2019

Multi,.Bok, Dashed,

《
_________

| Kolom
Txt》


 .





 《Border Grey
|.*html》

SMALL


|.*SMALL

. |


》1 
| Blue 》》》》》
|.*html》》. |
.《
| buku


1 |
| buku

2 |
| buku

3 |
| buku

4 |

H540/W110 
Bagian ➡
Bagian 🔙

》 2
|
| 《 (
.
1).
.
_________
《
《
《
《
《
《
《
》
《
《
《
《
《
《
《
《
《
》
《
《
《
《
《
《
《
《
《
》
《
《
《
《
《
《
《
《
《
》

Tripel Horizontal Bukan Simétris

________Triple Horizontal
》
》1 || Blue 
|.*html》

SMALL
|.*SMALL


. |

H540/W110 

Bagian 2 ➡
Bagian 1 🔙

》Kolom《Border Blue
|.*html》

SMALL
|.*SMALL

. |

H540/W220
》2 |
| Kolom《Border Blue
|.*html》

SMALL
|.*SMALL

. |

H540/W220
》 3






















|

________\\________\

________

| Kolom 《Border
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》1 |
| Blue 
|.*html》

SMALL
|.*SMALL


. |
H540/W110 

Bagian 2 ➡
Bagian 1 🔙

》 2 |
| Kolom《Border Blue
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》 3 |

________\\________\

| Kolom《Border Blue
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》 3| Blue 
|.*html》

SMALL
|.*SMALL


. |

H540/W110 

Bagian 2 ➡
Bagian 1 🔙

》 2 | | Blue 
|.*html》

SMALL
|.*SMALL


. |

H540/W110 

Bagian 2 ➡
Bagian 1 🔙

》 2 |

 textarea_all |. 《
《
《
《
《
《
《
《
》

Dashed H540/W220 (Buat Buku/Vértikal).

________Lihat Textarea Triple Horizontal 》 . _____

________\\\SINGLE VERTICAL
《《Border Blue 0.2px
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》
________DOUBLE VERTICAL
《《Border Blue 0.2px
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》
》《Border Blue 0.2px
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》
》
》
________Double Horizontal


| Kolom《Border Blue 0.2px
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》 1 |
| Kolom《Border Blue 0.2px
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》 2 |
Texarea double:   .
》
________
》
________Triple Horizontal
》

| Kolom 《Border Blue 0.2px
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》1 |
| Kolom《Border Blue 0.2px
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》 2 |
| Kolom《Border Blue 0.2px
|.*html》

SMALL
|.*SMALL

. |
H540/W220
》 3 |

_________ textarea_all .

Textarea Triple Horizontal》 ...
[MANUAL ÉKSTRAK TEXTARÉA].
________Triple Horizontal</div>
<div>
》</div>
<div>
<br /></div>
<table><tbody>
<tr><td>| Kolom&nbsp;<span style="background-color: white; color: #222222; font-family: &quot;arial&quot; , &quot;tahoma&quot; , &quot;helvetica&quot; , &quot;freesans&quot; , sans-serif; font-size: 13.2px;">《Border Blue 0.2px</span><br />
<div style="background-color: rgba(63, 74, 156, 0.05); border: 0.1px dashed blue; color: #222222; font-size: 13.2px; height: 540px; overflow: auto; padding: 5px; width: 220px;">
<div style="font-family: arial, tahoma, helvetica, freesans, sans-serif;">
<span style="background-color: white; color: #ff5722; font-family: &quot;open sans&quot; , &quot;helvetica&quot; , &quot;arial&quot; , sans-serif; font-size: 15px; font-style: inherit; font-weight: inherit;">|.</span>*html》</div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: center;">
SMALL</div>
<div style="border: 0.1px dashed black; font-family: arial, tahoma, helvetica, freesans, sans-serif; height: 60px; overflow: auto; padding: 5px; width: 210px; word-spacing: 0.2px;">
<div style="margin: 0px;">
<span style="background-color: white; color: #ff5722; font-family: &quot;open sans&quot; , &quot;helvetica&quot; , &quot;arial&quot; , sans-serif; font-size: 8px; font-style: inherit; font-weight: inherit;">|.</span>*SMALL<br />
<br /></div>
</div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: justify;">
<span style="text-align: left;">. |</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: &quot;verdana&quot; , sans-serif; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA08qINScHZ5mcz6ZnbBg7Sn6LeQWVHCkV30s8085IRYQJn6BlTDPSkEY6FniSuPW06gnxjNZzfYsapcO5vlX8QmQqIdl474NWkTUXeH6jkJvaPV5QX9a_05f76BUJ4WzPuo4g-sS3Nd4/s1600/yundayustria%2540gmail.com+428.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="900" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA08qINScHZ5mcz6ZnbBg7Sn6LeQWVHCkV30s8085IRYQJn6BlTDPSkEY6FniSuPW06gnxjNZzfYsapcO5vlX8QmQqIdl474NWkTUXeH6jkJvaPV5QX9a_05f76BUJ4WzPuo4g-sS3Nd4/s320/yundayustria%2540gmail.com+428.jpg" style="background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px; padding: 5px; position: relative;" width="179" /></a></span></div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: center;">
H540/W220</div>
</div>
<div style="background-color: silver; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px;">
</div>
<span style="background-color: white; color: #222222; font-family: &quot;arial&quot; , &quot;tahoma&quot; , &quot;helvetica&quot; , &quot;freesans&quot; , sans-serif; font-size: 13.2px;">》1</span>&nbsp;|</td><td>| Kolom<span style="background-color: white; color: #222222; font-family: &quot;arial&quot; , &quot;tahoma&quot; , &quot;helvetica&quot; , &quot;freesans&quot; , sans-serif; font-size: 13.2px;">《Border Blue 0.2px</span><br />
<div style="background-color: rgba(63, 74, 156, 0.05); border: 0.1px dashed blue; color: #222222; font-size: 13.2px; height: 540px; overflow: auto; padding: 5px; width: 220px;">
<div style="font-family: arial, tahoma, helvetica, freesans, sans-serif;">
<span style="background-color: white; color: #ff5722; font-family: &quot;open sans&quot; , &quot;helvetica&quot; , &quot;arial&quot; , sans-serif; font-size: 15px; font-style: inherit; font-weight: inherit;">|.</span>*html》</div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: center;">
SMALL</div>
<div style="border: 0.1px dashed black; font-family: arial, tahoma, helvetica, freesans, sans-serif; height: 60px; overflow: auto; padding: 5px; width: 210px; word-spacing: 0.2px;">
<div style="margin: 0px;">
<span style="background-color: white; color: #ff5722; font-family: &quot;open sans&quot; , &quot;helvetica&quot; , &quot;arial&quot; , sans-serif; font-size: 8px; font-style: inherit; font-weight: inherit;">|.</span>*SMALL<br />
<br /></div>
</div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: justify;">
<span style="text-align: left;">. |</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: &quot;verdana&quot; , sans-serif; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA08qINScHZ5mcz6ZnbBg7Sn6LeQWVHCkV30s8085IRYQJn6BlTDPSkEY6FniSuPW06gnxjNZzfYsapcO5vlX8QmQqIdl474NWkTUXeH6jkJvaPV5QX9a_05f76BUJ4WzPuo4g-sS3Nd4/s1600/yundayustria%2540gmail.com+428.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="900" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA08qINScHZ5mcz6ZnbBg7Sn6LeQWVHCkV30s8085IRYQJn6BlTDPSkEY6FniSuPW06gnxjNZzfYsapcO5vlX8QmQqIdl474NWkTUXeH6jkJvaPV5QX9a_05f76BUJ4WzPuo4g-sS3Nd4/s320/yundayustria%2540gmail.com+428.jpg" style="background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px; padding: 5px; position: relative;" width="179" /></a></span></div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: center;">
H540/W220</div>
</div>
<div style="background-color: silver; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px;">
</div>
<span style="background-color: white; color: #222222; font-family: &quot;arial&quot; , &quot;tahoma&quot; , &quot;helvetica&quot; , &quot;freesans&quot; , sans-serif; font-size: 13.2px;">》</span>&nbsp;2 |</td><td>| Kolom<span style="background-color: white; color: #222222; font-family: &quot;arial&quot; , &quot;tahoma&quot; , &quot;helvetica&quot; , &quot;freesans&quot; , sans-serif; font-size: 13.2px;">《Border Blue 0.2px</span><br />
<div style="background-color: rgba(63, 74, 156, 0.05); border: 0.1px dashed blue; color: #222222; font-size: 13.2px; height: 540px; overflow: auto; padding: 5px; width: 220px;">
<div style="font-family: arial, tahoma, helvetica, freesans, sans-serif;">
<span style="background-color: white; color: #ff5722; font-family: &quot;open sans&quot; , &quot;helvetica&quot; , &quot;arial&quot; , sans-serif; font-size: 15px; font-style: inherit; font-weight: inherit;">|.</span>*html》</div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: center;">
SMALL</div>
<div style="border: 0.1px dashed black; font-family: arial, tahoma, helvetica, freesans, sans-serif; height: 60px; overflow: auto; padding: 5px; width: 210px; word-spacing: 0.2px;">
<div style="margin: 0px;">
<span style="background-color: white; color: #ff5722; font-family: &quot;open sans&quot; , &quot;helvetica&quot; , &quot;arial&quot; , sans-serif; font-size: 8px; font-style: inherit; font-weight: inherit;">|.</span>*SMALL<br />
<br /></div>
</div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: justify;">
<span style="text-align: left;">. |</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: &quot;verdana&quot; , sans-serif; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA08qINScHZ5mcz6ZnbBg7Sn6LeQWVHCkV30s8085IRYQJn6BlTDPSkEY6FniSuPW06gnxjNZzfYsapcO5vlX8QmQqIdl474NWkTUXeH6jkJvaPV5QX9a_05f76BUJ4WzPuo4g-sS3Nd4/s1600/yundayustria%2540gmail.com+428.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="900" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA08qINScHZ5mcz6ZnbBg7Sn6LeQWVHCkV30s8085IRYQJn6BlTDPSkEY6FniSuPW06gnxjNZzfYsapcO5vlX8QmQqIdl474NWkTUXeH6jkJvaPV5QX9a_05f76BUJ4WzPuo4g-sS3Nd4/s320/yundayustria%2540gmail.com+428.jpg" style="background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px; padding: 5px; position: relative;" width="179" /></a></span></div>
<div class="separator" style="clear: both; font-family: arial, tahoma, helvetica, freesans, sans-serif; text-align: center;">
H540/W220</div>
</div>
<div style="background-color: silver; color: #222222; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13.2px;">
</div>
<span style="background-color: white; color: #222222; font-family: &quot;arial&quot; , &quot;tahoma&quot; , &quot;helvetica&quot; , &quot;freesans&quot; , sans-serif; font-size: 13.2px;">》</span>&nbsp;3 |<br />
<br /></td></tr>
</tbody></table>
_________
textarea_all<textarea>| <div dir="ltr">

Textarea Double Horizontal》...