Memposisikan gambar background dengan Code CSS (background-position) - On Maskibow
Memposisikan gambar background dengan Code CSS (background-position)
Untuk Menggunakan Code jenis background apapun biasanya harus terlebih dahulu di ikuti dengan pembuatan bagan/layar/layer/button/tabble, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan. Untuk Penggunaan Code background-position harus adanya backgroud-image atau background yangmempunyai latar dengan gambar ya namanya juga background-position ya untuk memposisikan gambar / image dari backgroundtersebut cuy. Biasanya banyak juga yang menggunakan code background saja sudah cukup tanpa mesti menggunakan code background-position, karena mempunyai fungsi yang sama.
Contoh :
Menggunakan Code Background-Position pada layar seperti dibawah ini: Contoh Css Background Posisi:
Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:
Note: jika dilihat diatas dituliskan "background-position: center center;" itu artinya adalah * Untuk kata "center" yang pertama : Untuk memposisikan gambar berada di tengah = center Untuk memposisikan gambar berada di atas = top Untuk memposisikan gambar berada di bawah = bottom * Untuk kata "center" yang kedua : Untuk memposisikan gambar berada di tengah = center Untuk memposisikan gambar berada di sebelah Kiri = left Untuk memposisikan gambar berada di sebelah Kanan = right * Dapat dimaksudkan seperti : background-position: top|center|right left|center|right; * Atau juga ada yang membuatnya menjadi persenan dari besar bagan tersebut seperti: background-position: 30% 20% * Untuk Nilai % yang pertama "30%": menandakan bahwa posisi gambar berada pada 30% dari atas ke bawah * Untuk Nilai % yang kedua "20%": menandakan bahwa posisi gambar berada pada 20% dari kiri ke kanan
Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut contoh diatas menggunakan tag DIV dan memberi class dengan nama "contoh_css_maskibow_backgroundposisi" , Seperti dibawah ini:
Note: Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundposisi" agar style tersebuthanya berfungsi di class itu saja.
Untuk Menggunakan Code jenis background apapun biasanya harus terlebih dahulu di ikuti dengan pembuatan bagan/layar/layer/button/tabble, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan. Untuk Penggunaan Code background-position harus adanya backgroud-image atau background yangmempunyai latar dengan gambar ya namanya juga background-position ya untuk memposisikan gambar / image dari backgroundtersebut cuy. Biasanya banyak juga yang menggunakan code background saja sudah cukup tanpa mesti menggunakan code background-position, karena mempunyai fungsi yang sama.
Contoh :
Menggunakan Code Background-Position pada layar seperti dibawah ini: Contoh Css Background Posisi:
Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:
Note: jika dilihat diatas dituliskan "background-position: center center;" itu artinya adalah * Untuk kata "center" yang pertama : Untuk memposisikan gambar berada di tengah = center Untuk memposisikan gambar berada di atas = top Untuk memposisikan gambar berada di bawah = bottom * Untuk kata "center" yang kedua : Untuk memposisikan gambar berada di tengah = center Untuk memposisikan gambar berada di sebelah Kiri = left Untuk memposisikan gambar berada di sebelah Kanan = right * Dapat dimaksudkan seperti : background-position: top|center|right left|center|right; * Atau juga ada yang membuatnya menjadi persenan dari besar bagan tersebut seperti: background-position: 30% 20% * Untuk Nilai % yang pertama "30%": menandakan bahwa posisi gambar berada pada 30% dari atas ke bawah * Untuk Nilai % yang kedua "20%": menandakan bahwa posisi gambar berada pada 20% dari kiri ke kanan
Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut contoh diatas menggunakan tag DIV dan memberi class dengan nama "contoh_css_maskibow_backgroundposisi" , Seperti dibawah ini:
Note: Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundposisi" agar style tersebuthanya berfungsi di class itu saja.
Untuk Menggunakan Code jenis background apapun biasanya harus terlebih dahulu di ikuti dengan pembuatan bagan/layar/layer/button/tabble, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan. Untuk Penggunaan Code background-position harus adanya backgroud-image atau background yangmempunyai latar dengan gambar ya namanya juga background-position ya untuk memposisikan gambar / image dari backgroundtersebut cuy. Biasanya banyak juga yang menggunakan code background saja sudah cukup tanpa mesti menggunakan code background-position, karena mempunyai fungsi yang sama.
Contoh :
Menggunakan Code Background-Position pada layar seperti dibawah ini: Contoh Css Background Posisi:
Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:
Note: jika dilihat diatas dituliskan "background-position: center center;" itu artinya adalah * Untuk kata "center" yang pertama : Untuk memposisikan gambar berada di tengah = center Untuk memposisikan gambar berada di atas = top Untuk memposisikan gambar berada di bawah = bottom * Untuk kata "center" yang kedua : Untuk memposisikan gambar berada di tengah = center Untuk memposisikan gambar berada di sebelah Kiri = left Untuk memposisikan gambar berada di sebelah Kanan = right * Dapat dimaksudkan seperti : background-position: top|center|right left|center|right; * Atau juga ada yang membuatnya menjadi persenan dari besar bagan tersebut seperti: background-position: 30% 20% * Untuk Nilai % yang pertama "30%": menandakan bahwa posisi gambar berada pada 30% dari atas ke bawah * Untuk Nilai % yang kedua "20%": menandakan bahwa posisi gambar berada pada 20% dari kiri ke kanan
Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut contoh diatas menggunakan tag DIV dan memberi class dengan nama "contoh_css_maskibow_backgroundposisi" , Seperti dibawah ini:
Note: Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundposisi" agar style tersebuthanya berfungsi di class itu saja.
4 stars-
Untuk Menggunakan Code jenis background apapun biasanya harus terlebih dahulu di ikuti dengan pembuatan bagan/layar/layer/button/tabble, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan. Untuk Penggunaan Code background-position harus adanya backgroud-image atau background yangmempunyai latar dengan gambar ya namanya juga background-position ya untuk memposisikan gambar / image dari backgroundtersebut cuy. Biasanya banyak juga yang menggunakan code background saja sudah cukup tanpa mesti menggunakan code background-position, karena mempunyai fungsi yang sama.
Contoh :
Menggunakan Code Background-Position pada layar seperti dibawah ini: Contoh Css Background Posisi:
Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:
Note: jika dilihat diatas dituliskan "background-position: center center;" itu artinya adalah * Untuk kata "center" yang pertama : Untuk memposisikan gambar berada di tengah = center Untuk memposisikan gambar berada di atas = top Untuk memposisikan gambar berada di bawah = bottom * Untuk kata "center" yang kedua : Untuk memposisikan gambar berada di tengah = center Untuk memposisikan gambar berada di sebelah Kiri = left Untuk memposisikan gambar berada di sebelah Kanan = right * Dapat dimaksudkan seperti : background-position: top|center|right left|center|right; * Atau juga ada yang membuatnya menjadi persenan dari besar bagan tersebut seperti: background-position: 30% 20% * Untuk Nilai % yang pertama "30%": menandakan bahwa posisi gambar berada pada 30% dari atas ke bawah * Untuk Nilai % yang kedua "20%": menandakan bahwa posisi gambar berada pada 20% dari kiri ke kanan
Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut contoh diatas menggunakan tag DIV dan memberi class dengan nama "contoh_css_maskibow_backgroundposisi" , Seperti dibawah ini:
Note: Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundposisi" agar style tersebuthanya berfungsi di class itu saja.
Folder on Maskibow
Home
Free Software
Free Games
Sample Script
Tutorial & Tips
My Posting 
Artikel Lainnya :
Komentar : 0 Komentar
Choose Your Language 
Visitor On Site's 
