Anonymous

Bermain dengan Css Selektor

: 21.25 2 comments


Sesuai judul postingan di atas maka kali ini kita akan bermain main dengan salah satu kode css selektor ::before dan kode css selektor ::after.Coba pasang kode berikut tepat di atas kode ]]></b:skin> berikut kode nya:
.posting:before{content:"Full Blog Design- ";color:brown}/*isi kode warna merah dengan kata kata yang sobat sukai*/
.posting:after{content:"Wassalam ";color:brown}/*isi kode warna biru dengan kata kata lain*/
Lalu gunakan kode berikut saat ada di postingan :
<div class="posting">Isi postingan disini</div>
::before dan ::after
Jika sobat melakukan trik yang saya jabarkan di atas maka hasilnya seperti yang ada pada postingan ini maka kalimat"Full Blog Design"(dengan tanda kode berwarna merah)secara otomatis akan selalu ada di awal setiap postingan sedangkan kalimat"Wassalam"(dengan tanda kode berwarna biru)secara otomatis akan selalu berada di akhir postingan.silahkan Bermain dengan Css Selektor ::before dan ::after seperti yang saya lakukan di atas dengan cara dan kata kata sesuai kebutuhan sobat
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Bermain dengan Css Selektor Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

2 komentar

agusbg delete 15 Mei 2013 pukul 22.13

begitu cara buatnya ya mas, jadi tidak perlu mengetik berulag - ulang, terima kaisih...

Unknown delete 15 Mei 2013 pukul 22.46

betul sekali mas agus...kode awal dan akhir bisa di isi dengan yang kita ingin kan ... ;)

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>


Loading...