Dengan Instant Messenger ICQ Anda bisa melakukan video / audio chat, mengirim email, SMS dan nirkabel-pager pesan, serta mentransfer file dan URL
Publisher: ICQ LLC
OS Support: Windows 2000/XP/2003/Vista/7/8
Dengan Instant Messenger ICQ Anda bisa melakukan video / audio chat, mengirim email, SMS dan nirkabel-pager pesan, serta mentransfer file dan URL
Publisher: ICQ LLC
OS Support: Windows 2000/XP/2003/Vista/7/8
AIMP adalah audio player gratis yang sangat ringan, support untuk memutar semua format audio, seperti halnya winamp. Akan tetapi AIMP3 memiliki tampilan grafis yang lebih menarik serta lebih fleksibel
AIMP merupakan sebuah media player yang berlisensi free. Mungkin hampir sama dengan Winamp, namun melihat pada kualitas suara yang dapat dihasilkan dari kedua media player ini, AIMP lebih unggul dari pada Winamp.Dengan teknologi Crystal-Clear Soundnya AIMP dapat menghasilkan suara yang lebih jernih dan lebih halus
Publisher: AIMP DevTeam
OS Support: Windows 2000/XP/2003/Vista/7/8
Windows 8 Transformation Pack dapat mengubah antarmuka Windows 7/Vista/XP ke Windows 8. Termasuk Windows 8 Boot Screen, Login Screen, Tema, Wallpaper, Ikon, Suara, Font, Metro / Modern UI, Pewarnaan Aero, Taskbar UserTile dan banyak lagi.Transformation Pack Notes
Konfigurasi pengguna akun tetap tidak memeriksa persyaratan menyebabkan konfigurasi yang tidak benar
Font tetap menggunakan metode instalasi dari versi 5.0 dengan kode API ditingkatkan
masalah dengan izin aplikasi pihak ke 3 (fix)
Windows versi pengecekan error yang memungkinkan instalasi pada Windows 8
UI Aero dihapus dari konfigurasi default karena beberapa versi tidak cukup stabil
Metro Inspirat theme untuk Windows XP memiliki UI modern diperbarui pada taskbar dan start menu
File Size: 58.26 MB
Publisher: Windows X’s Live
OS Support: Windows 2000/XP/2003/Vista/7
sumber: soppeng.com
Sebagai salah satu kode bahasa yang sangat penting untuk pembuatan design sebuah website adalah CSS3. Dalam membuat efek pada gambar, gadget, box, area, menu dropdown, dan sebagainya merupakan contoh hasil penggunaan CSS.
Pada kesempatan kali ini, kita akan membahas mengenai Cara Membuat Efek Gelap terang dengan menggunakan CSS. Efek ini akan membuat gambar pada artikel kita apabila tersentuh oleh mouse maka akan menjadi gelap, begitu juga sebaliknya.
Membuat Efek Image Hover Gelap ke Terang :
1. Masuk ke bagian Tata Letak / Design Rancangan / Layout.
2. Add a Gadget / Widget.
3. Pilih HTML/Javascript
4. Copy kode ini dan letakkan di box area tersebut.
5. Simpan Widget Anda.
Untuk Membuat Efek Image Hover Terang ke Gelap :
Langkah memasangnya, sama seperti diatas hanya saja pada bagian tahap ke 4 gunakan kode berikut ini :
Sedangkan untuk anda yang ingin membuat sebuah elemen Kotak ( bingkai / kerangka ) menjadi Terang Gelap dapat mengcopy kode Box Hover ini dan letakkan di dalam Edit HTML anda sebelum kode ]]></b:skin> :
Lalu berikan nama elemen div pada xHTML sesuai dengan nama CSS diatas yaitu mybox.
xHTML
<div class="mybox">
Letakkan teks, image atau yang lainnya di sini!</div>
xHTML dengan tag p
<p class="mybox">
Letakkan teks, image atau yang lainnya di sini!</p>
Contoh penggunaan HTML5 yang dipadukan dengan CSS3 tersebut :
Itulah tadi berbagai macam cara untuk membuat efek gelap terang pada box atau image.
Pada kesempatan kali ini, kita akan membahas mengenai Cara Membuat Efek Gelap terang dengan menggunakan CSS. Efek ini akan membuat gambar pada artikel kita apabila tersentuh oleh mouse maka akan menjadi gelap, begitu juga sebaliknya.
Membuat Efek Image Hover Gelap ke Terang :
1. Masuk ke bagian Tata Letak / Design Rancangan / Layout.
2. Add a Gadget / Widget.
3. Pilih HTML/Javascript
4. Copy kode ini dan letakkan di box area tersebut.
<style>
img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity:.0;
opacity:1.0;
}
</style>
img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity:.0;
opacity:1.0;
}
</style>
5. Simpan Widget Anda.
Untuk Membuat Efek Image Hover Terang ke Gelap :
Langkah memasangnya, sama seperti diatas hanya saja pada bagian tahap ke 4 gunakan kode berikut ini :
<style>
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
</style>
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
</style>
Sedangkan untuk anda yang ingin membuat sebuah elemen Kotak ( bingkai / kerangka ) menjadi Terang Gelap dapat mengcopy kode Box Hover ini dan letakkan di dalam Edit HTML anda sebelum kode ]]></b:skin> :
.mybox{
position:relative;
display:block;
width:200px;
max-height:400px;
background:#fff;
color:#000;
overflow:auto;
padding:20px 15px;
margin:20px 5px;
border:2px solid #777;
border-radius:6px;
opacity:0.2;
filter:alpha(opacity=20);
transition:1s;
-o-transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
}
.mybox:hover{
opacity:1.0;
filter:alpha(opacity=100);
}
position:relative;
display:block;
width:200px;
max-height:400px;
background:#fff;
color:#000;
overflow:auto;
padding:20px 15px;
margin:20px 5px;
border:2px solid #777;
border-radius:6px;
opacity:0.2;
filter:alpha(opacity=20);
transition:1s;
-o-transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
}
.mybox:hover{
opacity:1.0;
filter:alpha(opacity=100);
}
Lalu berikan nama elemen div pada xHTML sesuai dengan nama CSS diatas yaitu mybox.
xHTML
<div class="mybox">
Letakkan teks, image atau yang lainnya di sini!</div>
xHTML dengan tag p
<p class="mybox">
Letakkan teks, image atau yang lainnya di sini!</p>
Contoh penggunaan HTML5 yang dipadukan dengan CSS3 tersebut :
<div class="mybox">
<a href="http://..../images/myphoto.jpg" title="photo profil"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjT7yHbeCamYsqSHvmKruZEiSF_Wu1mtq3xeD6ZxlvFkUWTVu9D_3TWdafbOOPS3AFphfvA6KB679Eet9iVvPYhFzu7GqKxgtnyEgVqN1dl2TDzT4q4vUYSVJIMXMoAAZKotQp8pg6ug/s320/myphoto.jpg" width="250" height="150" style="float:left;margin:5px 8px 5px 0;padding:2px;border:3px solid #FF1000;border-radius:6px;" /></a>Contoh Pemasangan Box Cantik dengan Efek Hover , Gelap terang, Membesar Mengecil, Terbalik dan sebagainya</div>
<a href="http://..../images/myphoto.jpg" title="photo profil"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjT7yHbeCamYsqSHvmKruZEiSF_Wu1mtq3xeD6ZxlvFkUWTVu9D_3TWdafbOOPS3AFphfvA6KB679Eet9iVvPYhFzu7GqKxgtnyEgVqN1dl2TDzT4q4vUYSVJIMXMoAAZKotQp8pg6ug/s320/myphoto.jpg" width="250" height="150" style="float:left;margin:5px 8px 5px 0;padding:2px;border:3px solid #FF1000;border-radius:6px;" /></a>Contoh Pemasangan Box Cantik dengan Efek Hover , Gelap terang, Membesar Mengecil, Terbalik dan sebagainya</div>
Itulah tadi berbagai macam cara untuk membuat efek gelap terang pada box atau image.
