CSS-HEADER
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 | <head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html, body, #latar, #latar table, #latar td {
font-family:Tahoma, Geneva, sans-serif;
height:100%;
width:100%;
overflow:hidden;
}
#latar {
position:fixed;
}
#latar div {
height:200%;
left:-50%;
position:absolute;
top:-50%;
width:200%;
}
#latar td {
text-align:center;
vertical-align:middle;
}
#latar img {
margin:0 auto;
min-height:50%;
min-width:50%;
}
.bah1{
width:100%;
position:absolute;
top:0; left:0;
z-index:70;
overflow:hidden;
}
.kotak1{
color:white;
margin-top:50px;
line-height:2.5;
border-bottom:1px solid white;
}
.kotak1 #tajuk{
padding:11px;
background-image:url(lutsinar_gray.png);
}
.kotak1 #isi{
margin-top:10px;
padding:11px;
}
.kotak5{
margin-top:80%;
font-size:12px;
float:right;
padding:10px;
}
.slidePilih li{
display:inline;
height:300px;
}
.slidePilih li p{
float:left;
}
.slidePilih li #isiSlide{
text-align:justify;
padding:12px;
}
</style>
</head> |
HTML-BODY
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <body> <div class="bah1"> <p class="kotak1"> <span id="tajuk"><b>ESANSTUDIO.NET</b></span> <span id="isi">stop wasting time always productive</span> <div style="height:300px;width:800px;margin:0 auto;"> <br/> <ul class="slidePilih"> <li> <a href="#">Kata-Kata 1</a> <p id="isiSlide"> Rasulullah SAW pernah bersabda: “Konstantinopel itu akan ditawan oleh tentera Islam. Rajanya(menakhluknya) adalah sebaik-baik raja, dan tenteranya adalah sebaik-baik tentera” </li> <li> <a href="#">Kata-Kata 2</a> <p id="isiSlide"> “Wahai anakku, di sana terdapat kota Konstantinopel. Dan Rasulullah SAW bersabda: Konstantinopel itu akan ditawan oleh tentera Islam. Rajanya(menakhluknya) adalah sebaik-baik raja, dan tenteranya adalah sebaik-baik tentera. Ketahuilah anakku, engkau lah orangnya” </li> </ul></div> <p class="kotak5"> copyright @ 2009 esanstudio.net </div> <div id="latar"> <div> <table> <tr> <td> <img src="fullbg.jpg"/> </td> </tr> </table></div> </div> </body> |
MUAT TURUN SKRIP PENUH
Latar Belakang Skrin Penuh (unknown, 60 hits)
RUJUK: http://esanstudio.net/jadikan-gambar-latarbelakang-skrin-penuh/
{/tab}
Popularity: 3% [?]
