Go Blog Go

Fungsi Pseudo Elemen Lainnya

Posted by Go Blog Go Posted on 3:33 PM with No comments
Assalamu'alaikum Wr.Wb.

Fungsi Pseudo Elemen Lainnya ini hanya tambahan saja dari postingan yang lalu yaitu Efek Slick yang dimana menggunakan Pseudo Elemen-nya, kini Go Blog Go akan share aja yang dimana fungsi tersebut dapat digunakan untuk Paragraf Suatu Kalimat. Ini hanya sebagian kecil saja kelebihan dari Pseudo Elemen tentu saja kelebihan lain-nya masih banyak, secara garis besar hanya yang umum saja yang sering dipergunakan.


Pseudo Elemen #paragraf:first-letter

#paragraf:first-letter {font:bold 20px Tahoma,San-serif;color:orange;}

Elemen ini dipergunakan untuk membuat Awal Kata berbeda seperti: Huruf Besar,Jenis Huruf Tertentu,Warna Huruf,Dsb.


Contoh-nya :

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Sedangkan untuk Elemen :first-line dipergunakan untuk memberi perbedaan dalam 1 baris, tidak berbeda jauh dengan Pseudo Elemen :first-letter


Pseudo Elemen #paragraf:first-line

#paragraf:first-line {font:15px Georgia,San-serif;font-style:italic;color:red;}

Contoh-nya :

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Semoga share posting yang tidak seberapa ini dapat menambah wawasan dalam dunia WebBlog. Go Blog Go...!!! Amiin


Wassalam,


0 comments:

Post a Comment

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang