Fake Image dengan Fakeimg.pl
halo teman teman dumenity, selamat datang kembali di panduan panduan pemrogramman Source Code Aplikasi yang pastinya selalu update sesuai dengan perkembangan teknologi, dan kali ini kita akan belajar membangun image fake atau gambar palsu bagi kebutuhan perancangan laman kita, dengan bantuan Fakeimg.pl. yuk kita praktekan teman teman.
di beberapa perancangan laman biasanya nya kita selalu memakai gambar palsu sebelum menunggu gambar gambar yang asli yang di kirim dari user atau klien, nah disini dapat kita gunakan Fakeimg.pl selaku alternative nya. cara pake nya pun sederhana, silah kunjungi link ini https://fakeimg.pl/ , setelah itu kita copy can tag image nya, sebelum itu saya akan memberi tahu dulu aturan aturan yang terdapat di pada fakeimg.pl ini.
penjelasan nya seperti gambar di bawah ini.
jadi bagi ukuran ada di parameter pertama-tama di situ kita dapat membangun width dan height nya sesuai keperluan kita teman teman, dan bagi parameter ke dua yaitu bagi warna dari gambar tersebut, dan yang terakhir itu text atau isi dan jenis font yang di gunakan.
misal kita akan pasang img dengan width 800px dan height 400px, warna gambar kuning dan warna huruf nya hitam, isi dari text nya yaitu halo dan jenis font nya yaitu lobster. bagi lebih jelas ketikan kode berikut di bawah ini teman teman.
<!DOCTYPE html>
<html>
<head>
<title>image fake</title>
</head>
<body>
<div class=grid-container>
<div class=grid-item>
<img src=https://fakeimg.pl/800x400/FFC107,128/000,255?text=Halofont=lobster>
</div>
</div>
</body>
</html>
bagi lebih rapih kita berikan css nya berikut yah teman.
.grid-container{
display: grid;
grid-template-columns: auto;
width: 800px;
margin: auto;
grid-gap: 10px;
}
.grid-item{
/*border: 10px solid #bdc3c7;*/
/*width: 200px;*/
margin: auto;
}
dan hasil nya akan seperti berikut.
sesuai yang kita bikin di atas, akan ada gambar dengan width 800px dan height 400px, warna gambar kuning dan warna huruf nya hitam, isi dari text nya yaitu halo dan jenis font nya yaitu lobster.
oke teman teman demikian panduan Fake Image dengan Fakeimg.pl. semoga bermanfaat yah teman teman.
Sumber https://kursuswebsite.org
