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
Kamis, 13 September 2012
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar