Enaknya ngapain ya? bahas CSS gimana? OK. nah kalo setuju saya akan menjelaskan tentang Wetermark. apasih wetermark dan pengertian wetermak. disini akan diulas... Jangan dibuat pusing dulu, karna ini mudah banget.hehehhe...
Sebenarny CSS juga hadir dengan properties yang mengijinkan untuk mendefinisikan bagaimana gambar latar belakang "background" di tampilkan. Pertama, property ”background-image” mengijinkan kamu untuk menetapkan sebuah image background untuk setiap elemen HTML.
Jika kamu menginginkan latar belakang atau background watermark, yang tidak dapat melakukan scroll ketika anda men-scroll ke bawah , kamu harus menambahkan property “background-attachment” – Nilai-nilai yang diterima adalah “fixed” dan “scroll”
Kamu juga dapat mengatur Ya/Tidak nya suatu image/gambar yang melewati satu halaman dengan properti “background-repeat”. Properti ini dapat diambil satu dari empat bagian : “repeat” (letak secara horizontal
dan secara vertikal), “repeat-x” (letak secara horizontal saja), “repeat-y” (letak seacara vertikal saja), dan “no-repeat” (tidak ada pengaturan letak)
Contoh di bawah ini kita ambil untuk menunjukkan keyword “repeat-y”, silahkan dicoba :
| <html> <head> <style type="text/css" media=”all”> .question {font-size: 50pt; background-image: url("/letak gambar/ CSS.png"); background-repeat: repeat-y} </style> </head> <body> <p class="question"> Belajar Watermark<br> jadi backgrone mengikuti luas teks. </p> </body> </html> |
Contoh output Watermark :
No-Repeat
Repiet
Repeat-x
Repet-y
Model format CSS berasumsi bahwa tiap-tiap elemen dikelilingi oleh tiga area yang berbeda. Dimulai dari dalam keluar, area ini adalah padding, border, dan margin. Masing-masing entitas ini dapat diatur melalui spesial properties CSS, mengijinkan para developer untuk secara singkat mengatur tampilan dan posisi dari setiap elemen HTML. Nilai margin (garis tepi) dapat kita atur besar dan letaknya melalui properti “margin-top”, “margin-bottom”, “margin-right”, dan “margin-left”.
| <html> <head> </head> <body> <div style="position: absolute; top:10; left:50; font-family: Verdana; font-size: 35pt; color: green;"> Q. Apakah semua orang yang membaca modul ini sudah mengerti? </div> <div style="position: absolute; top:140; left:300; font-family: Verdana; font-size: 20pt; color: blue;"> A. Belum Tentu! </div> <div style="position: absolute; top:180; left:50; letter-spacing:5px; font-family: Verdana; font-size: 33pt; color: red;"> Kemampuan masing-masing individu belum tentu sama. </div> </body> </html> |
Gimana g ada pertanyaan kan?
Terimakasih sudah mengunjungi blog ini... :D
Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )
7 komentar:
Makasih A' atas infonya... salam anak Bogor
kalau membuat warnanya jadi transparan, bagaimana mas??
kita juga punya nih jurnal mengenai Watermark silahkan dikunjungi dan dibaca , berikut linknya
http://repository.gunadarma.ac.id/bitstream/123456789/5173/1/Jurnal%20Skripsi.pdf
terimakasih, tapi apakah membuat lambat loadingnya tidak?
Simpel banget ya hehe salam kenal
infonya sangat menarik sekali gan......saya tunggu info2 lainnya
IDR303merupakan JUDI BOLA ONLINE Terpercaya
mantap info nya sangat menarik gan
saya sangat terkesan gan
izin share ya gan
terima kasih
PROMO NEW MEMBER
JUDI BOLA ONLINE
AGEN BOLA SBO
AGEN BOLA IBC
AGEN CASINO
BANDAR BOLA
Posting Komentar