Selamat malam semua para Nabilah Holic , sekarang saya akan membeberkan pembuatan WEB profil Nabilah JKT48 , sebenarnya di balik pembuatan WEB profil ini saya di bantu oleh salah satu teman saya yang bernama
Rizky dwi aria dia di sini sebagai pembuat script tata letaknya lho....
- Dan buat kalian yang ingin tahu script nya bisa di lihat di bawah ini :
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<title>Profil Nabilah JKT48</title>
</head><body onload="type_text()" onfinish="type_text(reload)" ;="">
<style>
body{background:#EEEEEE url( URL Gambar ) no-repeat; opacity:.5; overflow-x:hidden;}
@font-face{font-family:Facebook Letter Faces;src:url('http://www.mediafont.com/storage/contents/11/font.eot');/* IE */ src:local('Facebook Letter Faces'),url('http://www.mediafont.com/storage/contents/11/FACEBOLF.OTF');/* non-IE */}
#g{
font:15px Facebook Letter Faces;
color:#000;
background:url( URL Gambar )
no-repeat;
border:solid 3px #ddd;
boder-radius:10px;
box-shadow:0px 0px 10px #000;
position:absolute;
left: 695px;
top: 164px;
width: 500px;
height: 456px;
z-index:-3;
}
.gmbar{
background:url( URL Gambar ) no-repeat;
border:solid 5px #ddd;
border-radius:10px;
box-shadow:0px 0px 20px #000;
position:absolute;
width: 450px;
height: 579px;
left: 30px;
top: 38px;
z-index:-5;
}
.kotak{
font:25px Facebook Letter Faces;
color:#000;
text-align:center;
background:#fff;
width:256px;
height:32px;
border:solid 2px #000;
border-radius:10px;
position:absolute;
left: 813px;
top: 117px;
}
.tali{background:url(http://1.bp.blogspot.com/-ZQIrmcYDaic/T83JljU2lCI/AAAAAAAAAxI/yBTZRfdKSeg/s1600/tali2.png) no-repeat;width:102px;height:10px;position:absolute;-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);left:-85px;top:37px;z-index:15; }
.tali2{background:url(http://1.bp.blogspot.com/-ZQIrmcYDaic/T83JljU2lCI/AAAAAAAAAxI/yBTZRfdKSeg/s1600/tali2.png) no-repeat;width:102px;height:10px;position:absolute;-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);left:293px;top:139px; z-index:15;}
</style>
<div class="gmbar"></div>
<div class="kotak">Judul
<div class="tali">
<div class="tali2"></div>
</div></div>
<form>
<textarea name="textarea" cols="100" rows="17" readonly="readonly" id="g"></textarea>
</form>
<script language="Javascript"><!--
var tl=new Array(
ISI TEKS
);
var speed=60;
var index=0; text_pos=0;
var str_length=tl[0].length;
var contents, row;
function type_text()
{ contents=''; row=Math.max(0,index-17); while(row<index) contents += tl[row++] + '\r\n'; document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "|"; if(text_pos++==str_length) { text_pos=0; index++; if(index!=tl.length) { str_length=tl[index].length; setTimeout("type_text()",500); } } else setTimeout("type_text()",speed);
}
//--></script>
- Di sini pembuatannya enggak rumit kox cuma butuh beberapa gambar yang ada di bawah ini dan gambar yang berada di atas sendiri pada post ini.
Buat kalian yang ingin melihat hasilnya
klik di sini ( http://for-nabilah.zz.mu/home.html )
