Maintenance

Sorry .. This Blog Is Under Construction

Blog Tutorial - Free Templates - Free Software

CSS3 Gradient Warning Line



http://cdn.tripwiremagazine.com/wp-content/uploads/2010/04/CSS3.jpg
Tutorial CSS yuk ..
udah beberapa Minggu ini saya mengisi hari saya dengan Posting Tutorial CSS, Bukan karenasaya Master, Tetapis, Saya cuma ingin share Pengetahuan CSS yang saya Kuasai.
Nah, Kali ini saya mau bagi ke kalian Cara membuat Gradient Warning Line pake CSS, Mau liat ?
Nee di bawah ini ada :

Teks kamu

Tau kan apa Maksudnya ?
kalo Gk tau, mendingan lewatin aja Tutorial ini heheheh ..
Okeh .. Kita langsung Aja ke Tutorialnya, Cekidot

1. Login Blog Masing2
2. Rancangan --> Edit HTML
3. Cari Kode ]]></b:skin>
4. Masukan Kode CSS di bawah ini di atas Kode b:skin tadi

.medeni {
  background:yellow;
  background:-webkit-repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
  background:-moz-repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
  background:-ms-repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
  background:-o-repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
  background:repeating-linear-gradient(45deg, yellow 15px, yellow 35px, black 30px, black 60px);
}
5. Simpan Template
6. Untuk Mengaktifkan Kode CSS Di atas, di butuhkan Kode HTML, Masukan Kode HTML di bawah Ini di mana aja, di postingan di widget, and Many More

<div class='medeni'>
Tulisan Loe
</div>

7. Selesai Deh Tutorialnya ..


Responses

15 Respones to "CSS3 Gradient Warning Line"

Alam Perwira mengatakan...

weh.. kok pertamak yoo?? :D

wkwkwk.. ngakak ane liat clss nya.. medeni wkwkwkw..
wah nice post nih.. bacaan mingguan nich gan.. maturnuwun ngih mas.. :D


21 Januari 2012 pukul 02.06
[./Forbiden-403] mengatakan...

wakaka ..
Di sesuaikan karo Judul Postingane, "Danger" wakakakak .. :D


21 Januari 2012 pukul 02.13
Pendelz mengatakan...

nice sob,, :D


21 Januari 2012 pukul 02.33
[./Forbiden-403] mengatakan...

makasih kk ..
bila perlu, praktrkin ya :D


21 Januari 2012 pukul 02.48
Cirebon-Cyber4rt mengatakan...

seep, makin keren aja nih blognya :)

sukses selalu gan :)


21 Januari 2012 pukul 03.08
[./Forbiden-403] mengatakan...

Makasih sob ..
:D =))


21 Januari 2012 pukul 03.25
ICAH BANJARMASIN mengatakan...

Waahhh..mantef banget nih bang..amankan dulu nih...hahahyyy


21 Januari 2012 pukul 03.28
[./Forbiden-403] mengatakan...

ya silahkan kk... hahayyyy ....


21 Januari 2012 pukul 03.39
Afterlife mengatakan...

Wah keliatannya kerennih kk tpi mau tanya ni aman ga??????


21 Januari 2012 pukul 04.28
Nando Firmansyah mengatakan...

nice tutor kakk
nambah ilmu nih :D


21 Januari 2012 pukul 06.10
[./Forbiden-403] mengatakan...

@Afterlife : Aman ..
@Nando : wkwkw .. saya juga sob, Bila perlu Praktekin ya ehehehe .. :D =))


21 Januari 2012 pukul 06.25
Bayu Rifai mengatakan...

Makasih Tutorialnya, dapat ilmu baru lagi ni :D


21 Januari 2012 pukul 07.11
[./Forbiden-403] mengatakan...

sama samasob .. :D


21 Januari 2012 pukul 07.32
Alam Perwira mengatakan...

ijin pake di blockquote ku sob.. :)


21 Januari 2012 pukul 19.19

Posting Komentar

 

Recent Comments

Popular Posts

Return to top of page Copyright © 2011 | [./Forbiden-403] | Share And Enjoy AboutMe | Best View Firefox 5 ++ or Firefox Aurora