Dasar Dasar CSS

by : whyleavenona

Pengertian CSS :
CSS (Cascading Style Sheet)adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur, CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan.

Keuntungan menggunakan CSS :
• Memisahkan presentastion sebuah dokumen dari content document itu sendiri.
• Mempermudah dan Mempersingkat pembuatan dan pemeliharaan dokumen web
• Mempercepat proses rendering/pembacaan HTML.

Cara penulisan CSS :
1. penulisan di dalam elemen HTML

contoh skrip 1



gambar 1

2. Penulisan CSS didalam dokumen HTML dan menggunakan tag

contoh skrip 2



gambar 2

3. Penulisan skrip CSS dihalaman berbeda atau terpisah dari html.

contoh skrip 3


Contoh script style1.css



gambar 3

Dasar – Dasar Belajar CSS

CSS merupakan kependekan dari Cascading Style Sheet yang memungkinkan kita untuk mendesain (style) tampilan dokumen (terutama HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS). Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dikumen HTML yang telah jadi.
Cara Memasang CSS
Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu: External Style Sheet (file CSS berbeda dari file HTML), Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML) dan Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan). Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya. Disini saya akan menerangkan dasar-dasar CSS. Langsung saja kita coba kode berikut ini:
Tanpa CSS:

Belajar CSS

Jika kita menggunakan Internal CSS, maka kodenya akan menjadi:

Belajar CSS

Jika kita menggunakan teknik external CSS, maka kita perlu membuat file css, misal buat file dan simpan dengan nama style.css dan isikan kode berikut:
h1 { font-family: verdana; }
Sekarang untuk kode HTML tulislah kode berikut ini dan simpan dengan nama coba.html:

Belajar CSS

Didalam HTML kita perlu memanggil file CSS dengan menggunakan tag yang diletakkan diantara tag . Pada contoh CSS selanjutnya kita menggunakan teknik external CSS, jadi gunakan saja file style.css dan coba.html anda hanya perlu mengubah isinya. Untuk file HTML anda gunakan coba.html dan ubah isinya pada bagian saja bagian yang didalam tidak usah diapa-apakan.
Apapun yang terjadi, berusahalah untuk selalu menggunakan External CSS dengan memisahkan file CSS dengan file HTML nya
CSS terdiri dari dua bagian utama yaitu: selector, dalam hal ini H1 dan deklarasi yang berada diantara kurung kurawal {font-family: verdana}. Didalam deklarasi juga terbagi menjadi dua bagian yaitu property dalam hal ini font-family dan value dalam hal ini verdana. Dalam contoh diatas hanya mengubah sebuah tag yaitu tag

menjadi teks dimana jenis hurufnya menjadi verdana. Kita dapat mengkombinasikan berbagai macam style menjadi satu. Kita akan segera mempelajarinya.
Sekarang kita coba mengkombinasikan banyak style. Cobalah kode CSS berikut ini dan simpan dengan nama style.css:
.title {
font-size: 13px;
color: #6095d0;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}
.thank {
font-size: 11px;
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
}p {
font-size: 12px;
color: #000000;
font-family: verdana;
}
Sekarang tulis kode HTML ini dan simpan dengan nama coba.html:






Halo dunia

Saya mau belajar CSS, ini kode CSS saya yang pertama

Terimakasih


Hasil:

Untuk memanggil CSS dalam tag HTML kita perlu menggunakan atribut class untuk memanggil CSS selector (dalam contoh diatas selectornya title dan thank). Dengan demikian apabila semua halaman anda memanggil class title, dan jika anda ingin mengganti font untuk semua halaman anda cukup mengubah selector CSSnya saja. Bagaimana anda sudah paham kegunaan CSS.
CSS memiliki ratusan properties dan values, tentu saja saya tidak akan menerangkan semuanya, saya hanya akan menerangkan yang penting-penting saja.
Tidak semua browser dapat menampilkan jenis huruf yang kita spesifikasikan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Anda dapat menggunakan property font-family, yang mirip dengan tag . Sebagai contoh anda ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Anda dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat bkode berikut:

Serif
font

Jika anda ingin menampilkan jenis huruf sans-serif gunakan kode berikut:
body {Arial, Verdana, Geneva, Helvetica, sans-serif}
Jika ingin menggunakan jenis huruf serif, gunakan kode berikut:
body {Times New Roman, Times, Georgia, serif}
Untuk jenis huruf untuk kode program dapat anda gunakan kode berikut:
body {Courier New, Courier, monospace}
Scrollbar
Dengan menggunakan CSS anda juga dapat mengubah warna pada scrollbar yang terdapat dikanan browser. CSS memiliki 8 properties untuk mengubah warna pada scrollbar yaitu: scrollbar-arrow-color, scrollbar-basecolor, scrollbar-face-color, scrollbar-shadow-color, scrollbar-darkshadow-color, scrollbar-3dlight-color, scrollbar-highlight-color dan scrollbartrack-color. Properties-properties ini mengatur warna untuk setiap bagian dari scrollbar.

Coba kode berikut ini:
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #8b98b7;
scrollbar-shadow-color: #8b98b7;
scrollbar-3dlight-color: #8b98b7;
scrollbar-arrow-color: #8b98b7;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #8b98b7;
scrollbar-base-color: #ffffff;
}
Link
Salah satu hal yang menarik dalam CSS anda dapat mengubah warna pada setiap link, menghilangkan garis bawah pada link sehingga jika anda bosan dengan link yang berwarna biru tua terang dengan garis bawah anda dapat mengubahnya.
Coba kode CSS berikut:
a.link1:link {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: none;
}
a.link1:visited {
font-weight: bold;
font-size: 12px;
color: #CC6600;
font-family: Times New Roman;
text-decoration: none;
}
a.link1:hover {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: underline
}
a.link1:active {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: none;
}
a.link2:link {
font-weight: bold;
font-size: 12px;
color: #663300;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a.link2:visited {
font-weight: bold;
font-size: 12px;
color: #800000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.link2:hover {
font-weight: bold;
font-size: 12px;
color: #ff6600;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline overline;
}
a.link2:active {
font-weight: bold;
font-size: 12px;
color: #ff6600;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}
Pada umumnya warna link untuk halaman web yang telah dikunjungi berbeda dengan yang belum dikunjungi. CSS dapat membedakannya dengan yang disebut pseudo-class ':link', ':hover', ':active' dan ':visited' untuk membedakannya:
• :link pseudo-class merupakan link yang belum dikunjungi.
• :visited pseudo-class merupakan link yang telah dikunjungi.
• :hover pseudo-class applies merupakan link apabila pointer mouse melewati sebuah link.

Pussycat Dolls - Beep

Ha, ha-ha, ha-ha
Ha, ha-ha, ha
Ha-ha, ha-ha, ha-ha
Ha, ha-ha, ha

[Will.I.Am]
It's funny how a man only thinks about the...
You got a real big heart, but I'm looking at your...
You got real big brains, but I'm looking at your...
Girl, there ain't no pain in me looking at your...

[PCD]
I don't give a...
Keep looking at my...
'Cause it don't mean a thing if you're looking at my...
I'm a do my thang while you're playing with your...
Ha, ha-ha, ha-ha, ha-ha

Every boy's the same
Since up in the seventh grade
They been trying to get with me
Trying to (Ha, ha-ha, ha, ha-ha)
They always got a plan
To be my one and only man
Want to hold me with their hands
Want to (Ha, ha-ha, ha, ha-ha)
I keep turning them down
But, they always come around
Asking me to go around
That's not the way it's going down

'Cause they only want
Only want my ha, ha-ha
Ha, ha-ha
Only want what they want
But, na, ah-ah
Na, ah-ah

[Will.I.Am]
It's funny how a man only thinks about the...
You got a real big heart, but I'm looking at your...
You got real big brains, but I'm looking at your...
Girl, there ain't no pain in me looking at your...

[PCD]
I don't give a...
Keep looking at my...
'Cause it don't mean a thing if you're looking at my...
I'm a do my thang while you're playing with your...
Ha, ha-ha, ha-ha, ha-ha

Do you know that no
Don't mean yes, it means no
So just hold up, wait a minute
Let me put my two cents in it
One, just be patient
Don't be rushing
Like you're anxious
And two, you're just too aggressive
Tryin' to get your (Ahh)

Do you know that I know?
And I don't want to go there

Only want
Only want my ha, ha-ha
Ha, ha-ha
Only want what they want
But, na, ah-ah
Na, ah-ah

[Will.I.Am]
It's funny how a man only thinks about the...
You got a real big heart, but I'm looking at your...
You got real big brains, but I'm looking at your...
Girl, there ain't no pain in me looking at your...

[PCD]
I don't give a...
Keep looking at my...
'Cause it don't mean a thing if you're looking at my...
I'm a do my thang while you're playing with your...
Ha, ha-ha, ha-ha, ha-ha

[Will.I.Am]
Boomp-boomp, Omp-omp
Boomp, boomp-boomp
Boomp-boomp, Omp-omp
Boomp, boomp-boomp
[Repeated]

[PCD]
Ooh, you've got it bad I can tell
You want it bad, but oh well
Dude, what you got for me
Is something I
Something I don't need
Hey!

[Will.I.Am]
It's funny how a man only thinks about the...
You got a real big heart, but I'm looking at your...
You got real big brains, but I'm looking at your...
Girl, there ain't no pain in me looking at your...

[PCD]
I don't give a...
Keep looking at my...
'Cause it don't mean a thing if you're looking at my...
I'm a do my thang while you're playing with your...
Ha, ha-ha, ha-ha, ha-ha

[Will.I.Am]
It's funny how a man only thinks about the...
You got a real big heart, but I'm looking at your...
You got real big brains, but im playing wiv ya ..
Girl, there ain't no pain in me looking at your...

[PCD]
I don't give a...
Keep looking at my...
'Cause it don't mean a thing if you're looking at my...
I'm a do my thang while you're playing with your...
Ha, ha-ha, ha-ha, ha-ha

SHE - jomblowati

Sampai kapan ku harus

Menunggumu di sini

Selalu di sini

Lama jadi jomblowati

Ditinggalmu oh kasih

Sendiri

Pusing..Pusing..

Stop thinking about you boy

Stop thinking about you boy

Karna kamulah jantung hatiku

Simpan semua cintaku

Sayang ini untukmu

Tapi kamu tak ada di sampingku

I miss you so

           

Since I Found You

Artist : Christian Bautista
Album :  Completely
Title :  Since I Found You

i think of you in everything that i do
to be with you what ever it takes i’ll do
cause you my love, you all my heart desires
you’ve lighten up my life forever i’m alive

since i found you my world seems so brand new
you’ve show me the love i never knew
your presence is what my whole life through
since i found you my life begin so new
now who needs a dream when there is you
for all of my dreams came true
since i found you
  your love shines bright
through all the corners of my heart
maybe you are my dearest heart
i give you all i have my heart, my soul, my life
my destiny is you
forever true… i’m so in love with you
  since i found you my world seems so brand new
you’ve show me the love i never knew
your presence is what my whole life through
since i found you my life begin so new
now who needs a dream when there is you
for all of my dreams came true
since i found you
  my heart forever true…
in love with you..

---

Title : Everything You Do

I love the way you smile
When I look your eyes
I love the way you laugh
When i try to be funny
And how a tear rolls down your face
When I say no one could ever take your place.

Baby when you sleep
I watched you breathing
Baby when you dream
I dream with you
Cause everywhere you are is where
I wanna be
It’s true everything you do
Makes me know how much I love you.
The way you touch my lips
Right after every kiss
And softly whisper
That I’m your everything
The way you pray
Our love wont die
Every night just before you
Close your eyes.
And i believe something are
meant to be
Cause I believe inlove and
yours was meant for me.

---

powered by lirik lagu indonesia

Pussycat dolls

Asal	Amerika Serikat
Tahun aktif	2004 sampai sekarang
Aliran	Pop, tarian
Label	A&M Records
Manajemen	{{{manajemen}}}
Personil	Nicole Scherzinger Carmit Bachar Ashley Roberts Jessica Sutta Melody Thornton Kimberly Wyatt Britney Spears akan segera bergabung.
Mantan personil	Cyia Batten Nadine Ellis Staci Flood Kasey Campbell Rachel Sterling Rebecca Pickering Kaya Jones Carmen Electra Keanna Reeves Kiva Dawson Erica Gudis Lindsley Allen

Pussycat Dolls awalnya adalah kelompok dancer yang dibentuk oleh koreografer Robin Antin sekitar tahun 1995. Pussycat Dolls sempat melahirkan nama-nama besar seperti Carmen Electra, Christina Aguilera, dan Christina Applegate sebelum akhirnya di-casting ulang sebagai kelompok vokal sekitar tahun 2003 lalu.

Sebagai kelompok dancer Pussycat Dolls mulai tampil di panggung sejak tahun 1995 dengan menampilkan bintang tamu vokalis yang kebanyakan membawakan lagu-lagu dari tahun 50 atau 60-an.

Sekitar tahun 2003, grup ini berevolusi menjadi kelompok vokal yang waktu itu beranggotakan Nicole Scherzinger, Carmit Bachar, Kimberly Wyatt, Ashley Roberts, Jessica Sutta, dan Melody Thornton.

Sejak tahun 2005 sampai tahun 2007 kemarin tak kurang dari 14 penghargaan dari Billboard, MYX, MTV, K-Zone, dan Vh1 sudah berada ditangan Pussycat Dolls. Walaupun baru memiliki 2 studio album, PCD dan TO THOSE WHO WAIT, nampaknya posisi Pussycat Dolls di dunia musik sudah sangat kokoh.

Dengan formasi terakhir Nicole Scherzinger, Melody Thornton, Jessica Sutta, Ashley Roberts, dan Kimberly Wyatt terakhir dikabarkan bahwa Pussycat Dolls sedang shooting video clip When I Grow Up di sepanjang Hollywood Boulevard awal Juni 2008.

SeLaMaTkAn bUmiiii,,,, UnTuK KiTa,,,

HiJaUkAn BuMi kItA...


kArNa bUmI CuMaN AdA SaTu,,,,,,


KaLu rUsAk ,,, MaU PiNDAh KmAnAh???????


AyOo,,, sElAmAtKaN SeBeLuM TeRlAmBaT,,,,,,,,,,







"SAVE THE WORLD WITH OUR HAND"






((,,,save before late,,,))

Celine Dion

Céline Marie Claudette Dion atau lebih dikenal dengan Celine Dion (lahir 30 Maret 1968) merupakan penyanyi, penulis lagu^[1] , juga merupakan aktris ^[2] berkebangsaan Kanada.

Pada tahun 1990 Dion mengeluarkan album ‘Unison’. Sepanjang tahun 1990-an, dia mencapai sukses dan ketenaran di seluruh dunia dengan beberapa kaset dalam Bahasa Inggris dan Perancis , yang mana paling sukses adalah ‘Falling into You’ (1996), dan "My Heart Will Go On" ( 1998) yang merupakan musik tema film ‘Titanic’ pada 1997 . Di 1999 dia mengumumkan untuk istirahat dari aktifitas musiknya untuk merawat suaminya yang didiagnosa mengidap kanker.

HaPpY_ New_ yEaR

Comment Graphics at pYzam.com

PiCtUre bY WeStLiFe.....

>westlife		> Bryan		>> Kian
>> Mark		>> Nicky		ShAnE