Sudah berlangganan artikel blog ini via RSS Feed?

Watermark

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

Powered by  MyPagerank.Net

8 komentar:

devetek mengatakan...

Makasih A' atas infonya... salam anak Bogor

toko bunga online mengatakan...

kalau membuat warnanya jadi transparan, bagaimana mas??

Rizka Muslimaturrohmah mengatakan...

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

cara mudah membuat watermark terbaru terpercaya mengatakan...

terimakasih, tapi apakah membuat lambat loadingnya tidak?

inblogspot.com mengatakan...

Simpel banget ya hehe salam kenal

greenworld indonesia mengatakan...

infonya sangat menarik sekali gan......saya tunggu info2 lainnya

Vimax Original Pembesar Mr.P Herbal mengatakan...

artikelnya sangat membantu thanks for sharing
kunjungi web kami gan => www.vimaxkapsuloriginal.com

judi bola online mengatakan...

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


 

My Friends Google

My Profile

cojogja Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )