Jadikan Gambar LatarBelakang Skrin Penuh

December 16, 2009 HTML-JavaScript No comments

DEMO



demoSKRIN_Penuh

SILA KLIK PADA GAMBAR DI ATAS UNTUK MELIHAT DEMOSTRASINYA

 

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


[download id="167"]
{/tab}

Incoming search terms:

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Upload Files

You can include images or files in your comment by selecting them below. Once you select a file, it will be uploaded and a link to it added to your comment. You can upload as many images or files as you like and they will all be added to your comment.

Spam Protection by WP-SpamFree