Assalamualaikum temen temen...
Yoo hello gengs kembali lagi bersama mimin,kali ini mimin ingin memperlihatkan karya mimin yaitu membuat biodata menggunakan PHP, eits bukan php (Pemberi Harapan Palsu) ya... tapi ini PHP bahasa pemrograman, nanti deh di next posting mimin akan bahas khusus buat si php ini. Yuah daripada banyak basa basi nih liat codingannya dulu yak:
<!DOCTYPE html>
<html>
<head>
<title>Biodata</title>
<link rel="stylesheet" href="biodata1.css">
</head>
<body>
<center>
<p>
<a href="#">Home</a>  
<a href="#">Profile</a>  
<a href="#">Portofolio</a>  
<a href="#">Contact Us</a>
</p>
<div>
<center><h3>My biodata</h3></center>
<center><img src="bahan/brush.png" alt=""></center>
<?php
$nama = "Annisa";
$kelas = "XI RPL 1";
$sekolah = "SMKN 4";
$umur = "16";
$tinggi = "150";
$berat = "40";
$hobby = "Bersepeda";
echo " <br>   Perkenalkan nama saya $nama lahir di Bandung 29 Januari 2002. Sekarang saya berusia $umur tahun dan masih duduk di kelas $kelas yang bersekolah di $sekolah Bandung.";
?>
</div>
</center>
</body>
</html>
<html>
<head>
<title>Biodata</title>
<link rel="stylesheet" href="biodata1.css">
</head>
<body>
<center>
<p>
<a href="#">Home</a>  
<a href="#">Profile</a>  
<a href="#">Portofolio</a>  
<a href="#">Contact Us</a>
</p>
<div>
<center><h3>My biodata</h3></center>
<center><img src="bahan/brush.png" alt=""></center>
<?php
$nama = "Annisa";
$kelas = "XI RPL 1";
$sekolah = "SMKN 4";
$umur = "16";
$tinggi = "150";
$berat = "40";
$hobby = "Bersepeda";
echo " <br>   Perkenalkan nama saya $nama lahir di Bandung 29 Januari 2002. Sekarang saya berusia $umur tahun dan masih duduk di kelas $kelas yang bersekolah di $sekolah Bandung.";
?>
</div>
</center>
</body>
</html>
Untuk styling mimin tambahkan css, cekidoot:
body{
background-image: url(bahan/flash.jpg);
font-family: Tw Cen MT;
font-size: 30px;
color :white;
}
* {
box-sizing: border-box;
}
div {
text-align: left;
width: 600px;
height: 570px;
border: 2px solid white;
border-radius: 0px 0px 10px 10px;
padding-left: 20px;
color: white;
background-color: #1a2a2c;
opacity: 0.7;
}
div:hover{
zoom :120%;
opacity: 1;
}
img{
width:45%;
border-radius: 20px;
}
p{
background-color: white;
border: 2px solid white;
border-radius: 10px 10px 0px 0px;
width: 600px;
padding: 10px;
text-align: center;
margin-bottom: 0px;
opacity: 0.7;
}
p:hover{
zoom:120%;
opacity: 1;
}
a{
color: black;
text-decoration-line: none;
}
a:hover{
color: blue;
zoom:120%;
}
background-image: url(bahan/flash.jpg);
font-family: Tw Cen MT;
font-size: 30px;
color :white;
}
* {
box-sizing: border-box;
}
div {
text-align: left;
width: 600px;
height: 570px;
border: 2px solid white;
border-radius: 0px 0px 10px 10px;
padding-left: 20px;
color: white;
background-color: #1a2a2c;
opacity: 0.7;
}
div:hover{
zoom :120%;
opacity: 1;
}
img{
width:45%;
border-radius: 20px;
}
p{
background-color: white;
border: 2px solid white;
border-radius: 10px 10px 0px 0px;
width: 600px;
padding: 10px;
text-align: center;
margin-bottom: 0px;
opacity: 0.7;
}
p:hover{
zoom:120%;
opacity: 1;
}
a{
color: black;
text-decoration-line: none;
}
a:hover{
color: blue;
zoom:120%;
}
Penasaran kan ini dia hasilnya ya:
Sebelum di klik
Setelah diklik
Ini dia yang lebih jelasnya gengs
Oke itu saja dari mimin, tumben ya dikit banget postingan kali ini hehehe, yoo sampai jumpa di lain waktu, Jangan salfok sama flash nya fokus aja sama akunya eaaaa *canda ya gengs (the slash singing, the flash singing slayser...) seketika inget spongebob, Maafkan mimin yang gaje ini ya guys..
0 Komentar