...:::Keberhasilan Itu Milik Orang Yang Tekun:::... ...:::Pikiran Adalah Cermin Kehidupan:::... ...:::Pusat Pengendalian Diri Adalah Skap:::... ...:::Percaya Diri Adalah Cara Untuk Meraih Kesuksesan:::...

Artikel Hari Ini


Kamis, 13 September 2012

Membuat Overflow di CSS3

Anda pasti Kenal dengan CSS3 kan  . Yang Belum Kenal lihat Nie pengertian Menurut Maz Jeanot Nahasan

Nah udah tahu (bukan lauk pauk)  kan . Sekarang Aku akan memberikan contoh script yang aku bisa
Cukup Mudah aja cukup kalian Copy dan Paste-kan Script di bawah ini di Notepad++ kamu di Notepad kayaknya bisa deah . Cara2nya antara lain:
1. Kalian Buka Notepad ++ nya
2. Copy Script Di Bawah Ini :



<html>
<head>
<title>Text Overflow</title>
<style>
#box {
text-overflow:ellipsis;
-o-text-overflow: ellipsis;
overflow:hidden;
white-space:nowrap;
border: 1px solid black;
width: 400px;
padding: 20px;
-webkit-transition: all .5s;
color: rgba(0,0,0,.7);
cursor: pointer;
}
#box:hover {
white-space: normal;
color: rgba(0,0,0,1);
background: #e3e3e3;
border: 1px solid #666;
}
</style>
</head>
<body>
<div id="box"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
</body>
</html>

3. Paste-kan Script diNotepad++
4. Simpan Sript dengan type html
    contoh : ari.html
5. Arahkan file tadi di " C:\xampp\htdocs " itu kalau di hardisk C
6. Buat Folder di dalam htdocs
6. Buka Browser Kamu . lebih enak di Mozila Firefox ja . hehhee.
7. Kemudian Ketikan "localhost/nama folder kamu/nama file.html"
    contoh : localhost/ari folder/ari.html
truzz di enter deah
8. Selesai . YEEEEE

Cukup Sekian Script nya ea . kapan2 aku posting lagi deah. salam Sahabat

0 komentar:

Posting Komentar