Tampilkan postingan dengan label tips & trik. Tampilkan semua postingan
1. Masuk ke MySQL Sebagai Root
#mysql -h localhost -u root
2. Membuat Database
mysql>CREATE DATABASE NAMADATABASE;
3. Menghapus Database
mysql>DROP DATABASE NAMADATABASE;
4. Menampilkan Database
mysql>SHOW DATABASES;
5. Menggunakan Database
mysql>USE NAMADATABASE;
6. Membuat Tabel (nama tabel : BIODATASISWA)
mysql>CREATE TABLE BIODATASISWA (
->nis int(5) NOT NULL default,
->nama varchar(70) NOT NULL default '',
->alamat varchar(255) NOT NULL default '',
->tempat_lahir varchar(50) NOT NULL default '',
->tanggal_lahir date NOT NULL default '0000-00-00',
->PRIMARY KEY (NIS)
->);
7. Menampilkan Tabel
mysql>SHOW TABLES;
8. Menggunakan Tabel
mysql>USE NAMATABEL;
9. Melihat Keterangan/properti pada Sebuah Tabel
mysql>DESCRIBE NAMATABEL;
10. Memasukkan Data ke Tabel
mysql>INSERT INTO BIODATASISWA VALUE ('06888','Boni Fajarwan','Jl. Ahmad Yani 17 Banjarbaru','Palangkaraya','1991-06-14');
11. Menghapus Isi Tabel
mysql>DELETE FROM BIODATASISWA;
12. Menampilkan Data pada Tabel
mysql>SELECT * FROM BIODATASISWA;
13. Mengubah/mengupdate Data pada Tabel
mysql>UPDATE BIODATASISWA SET tempat_lahir='Banjarmasin' WHERE nis='06888';
14. Menambah Field
mysql>ALTER TABLE BIODATASISWA ADD nama_ayah VARCHAR(70) NOT NULL default '';
15. Menghapus Field
mysql>ALTER TABLE BIODATASISWA DROP alamat;
16. Keluar dari MySQL
mysql>quit;
Efek gambar
atau juga disebut Efek hover, tersebut akan terlihat ketika mouse
didekatkan pada gambar yang bersangkutan atau diarahkan dengan mouse/pointer
pada gambar tersebut, gambar juga dapat berupa link yang tertuju pada sebuah
URL tertentu tetapi bisa juga tanpa link samasekali.
Hover Opacity à
.img1:hover
{
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}
Efek Hover Berputar ( 360 degree rotate
image ) à
.img2{
-webkit-transition:
all 1s ease-in-out;
-moz-transition:
all 1s ease-in-out;
-o-transition:
all 1s ease-in-out;
transition:
all 1s ease-in-out;
}
.img2:hover
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
Efek Hover Spin and Zoom à
.img3
{
-webkit-transition:
all 1s ease-in-out;
-moz-transition:
all 1s ease-in-out;
-o-transition:
all 1s ease-in-out;
transition:
all 1s ease-in-out;
}
.img3:hover
{
-webkit-transform:
scale(1.2) rotate(1080deg);
-moz-transform:
scale(1.2) rotate(1080deg);
-o-transform:
scale(1.2) rotate(1080deg);
-ms-transform:
scale(1.2) rotate(1080deg);
transform:
scale(1.2) rotate(1080deg);
}
Efek Hover Efek Zoom à
.img4 {
height:auto;
transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.img4:hover
{
transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
Efek Hover Efek Transform à
.img5 {
border-radius: 30px 0 30px 0;
-moz-border-radius: 30px 0 30px 0;
-webkit-border-radius: 30px 0 30px 0;
-o-border-radius: 30px 0 30px 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.img5:hover
{
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.5);
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
}
Efek Hover Efek Moving à
.img6 {
box-shadow: 0 3px 6px rgba(0,0,0,.25);
transform:
rotate(+2deg);
-o-transform: rotate(+2deg);
-webkit-transform: rotate(+2deg);
-moz-transform: rotate(+2deg);
}
.img6:hover
{
box-shadow:
0 3px 6px rgba(0,0,0,.5);
transform:
rotate(-1deg);
-webkit-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
Efek Hover Efek Border Transform à
.img7 {
border:5px
solid #0000ff;
}
.img7:hover
{
border:8px
solid #00ff00;
}
