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

Selasa, 17 Desember 2019

Mengubah Warna Background, dan "Color" bagi Kotak/Bok.

Oléh: Yusni Tria Yunda.

  • Mengubah warna Latar Belakang (background) dari suatu Kotak yang telah tersusun, memerlukan dékonstruksi, guna memahami struktur dasarnya, sebelum melakukan pengubahannya.

Gambar di atas, serta gambar ke-dua, adalah hasil dari pengubahan warna background, dalam penggubahan kalimat HTML.


Adapun warna Latar Belakang, yang asalnya berwarna putih, diubah menjadi warna kebiruan sebagaimana ditampilkan dalam gambar tersebut di atas paragraf ini, adalah éfék langsung terhadap penggubahan HTML_nya, yangmana secara persisnya adalah sebagaimana yang ditunjukkan dalam gambar di bawah ini:



  • Berikut, serta hal - hal di atas tadi, adalah beberapa aspék contoh mengenai bagaimana kondisi sebelum tampilan postingan ini seperti ini, melalui beberapa tahap pengubahan, secara coba - coba pada awalnya, sambil mempelajari struktur yang membentuknya, dalam format HTML. 
  • Terutama mengenai beberapa pengubahan dalam hal ukuran - ukuran, khususnya 'ukuran' warna.
  • Selain Ukuran Pembentuk Luas ("Height") dan Lébar ("Width"), inputasi variabel - variabel pengayanya, seperti: background, dan "color", menjadi ciri khas utama dari satu kotak yang hendak dipostingkan isinya.
  • Pengayaan Luas Persegi Panjang dengan menggunakan beberapa atribusi variabel yang mengunikkannya, membuat penulis dapat memahami bahwa bidang 2 (dua) diménsi tersebut sebenarnya telah ditingkatkan kubikasinya menjadi berisi/bervolumeu, sehingga diménsinya menjadi lebih dari 2 diménsi.
  • Perubahan dari konsépsi datar menjadi 'berisi' tersebut, membuat kita [Para Yuser] produk - produk informatika, lebih  cenderung sering menyebut Persegi Panjang ini sebagai Bok/Kotak, meskipun Ukuran Selain Panjang Dikali Lébarnya adalah berbagai variabel - variabel dalam Formulasi HTML.
  • Dari hasil percobaan di WordPress saat penulis memasteukan hasil kopian HTML dari Draft Blogger, ternyata WordPress dan Blogger mempunyai keseragaman pembacaan dalam hal melakukan hasil dari penuangan Kalimat HTML di dalamnya.



  • Berikut, adalah gambar, yang menunjukkan hasil Tampilan Visual di dalam Postingan WordPress yang penulis lakukan, setelah mengkopi_pasteukan konsép kalimat - kalimat HTML yang penulis buat di dalam Draft Blogger:

  • Foto - foto Screenshotan guna  penjelasan tadi, yang akan disajikan oléh penulis, ada 10 foto, sedangkan penulis bermaksud menyajikannya secara horizontal [menyamping]:
  • Tabél/Tabel dibuat, setelah foto - foto diapload ke dalam Draft/Conceipt, guna mendapatkan URL pendaftarannya di Google, melalui Aplikasi Wéblog Blogger, ataupun WordPress.
    • #Tabel , dibuat terlebih dahulu oléh penulis, guna menjadi lahan penyimpanan Fail - Fail Foto yang penulis maksud.
  • Selanjutnya, URL - URL Foto - Foto yang telah diaploadkan dalam postingan terpisah [ataupun telah didaftarkan di dalam draf], dapat dikopi_pasteukan ke dalam Kolom - Kolom Tabél tersebut.

  • Guna keperluan tersebut, penulis mencoba secara memberi lahan Lébar ["width"] yang lebih memadai bagi Fail - Fail Foto - Foto apabila diaploadkan secara horizontal, tanpa menyusutkan ukuran meréka secara bukan proporsional. 

    Aréa kotak yang mempunyai Warna Latar Belakang Kuning, sebagaimana yang penulis kopi_pasteukan dari bagian atas [Pembuka] postingan ini, dimaksudkan bahwa "space" bagi "width" dalam aréa bok ini akan dapat lebih mudah diaturkan [digubah], daripada aréa bok yang Berlatar Belakang Abu - Abu, sebagaimana gambar berikut:
    •  .Dalam gambar di atas: bisa dilihat garis - garis "border" boks ini yang saling - silang.
    • Garis - garis putus - putus tersebut ["dashed"], adalah garis pembatas luar dari tiap - tiap bok bahan penyusun boks ini.
  • Adapun guna membuat Tabel dalam postingan ini, penulis memilih mudah: ya, itu, secara mengkopi Formulasi HTML_nya yang telah penulis rangkum bagi beberapa Kolom Tabél, dalam kemasan "textarea" yangmana isi dari téksaréa akan selalu mudah guna dikopi_pasteu.

  •     Tabel 3 Kolom                 
    |
    Satu |
    |

    Dua |
    |
    Tiga |
  • Tabelisasi di atas tadi, kemudian penulis kopi_pasteukan ke aréa ini, lalu menghapus tabelisasinya [yang 3 itu], dan menggantinya dengan Formulasi HTML guna 10 Kolom, setelah dalam HTML draft post ini diubah "Width"_nya [yang asalnya "210px", kemudian guna keperluan 3 Kolom tadi diubah menjadi "1000px", kini akan penulis ubah lagi menjadi "4000px", secara asumsi bahwa 1 fail gambar normal jika mempunyai lébar standar "320px", maka buat keperluan 10 gambar, akan memerlukan 10 x "320px", pleus spasi - spasi antar Fail Gambar - Gambarnya].

  •     Tabel 10 Kolom
    |
    Satu |
    |
    Dua |
    |
    Tiga |
    |
    Empat |
    |
    Lima |
    |
    Enam |
    |
    Tujuh |
    |
    Delapan |
    |
    Sembilan |
    |
    Sepuluh |
                                                     

2019》yusni tria yunda》.


yundayustria@gmail.com

Tidak ada komentar: