-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
152 lines (121 loc) · 5.5 KB
/
main.html
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
<title>BF3R</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<link type="text/css" rel="stylesheet" href="load.css"/>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<audio src="sound/Click-sound.mp3" class = "Sound"></audio>
<audio loop="loop" autoplay="autoplay">
<source src="sound/Bf-Theme.mp3" />
</audio>
</head>
<body>
<div id="preloader">
<div id="status"><img src="images/status.gif"></div>
</div>
<header>
<img src = 'images/logo.png' id = "logo"/>
</header>
<div class = "chatbox">
<table border="0" class = "chatTD">
<tr>
<td class = "chatTD">INVITES</td>
<td class = "chatTD">FRIENDS<b style = "color:#05cff4" >2</b></td>
</tr>
</table>
<div id = "ScrollChat">
<p>In Battlefield 3's campaign, players take on the personas of several military roles:
a U.S. Marine, an F18 weapons system officer, an M1A2 Abrams tank operator, and a Spetsnaz GRU operative.
The campaign takes place in various locations, including Iran to New York City;
and follows the stories of Sergeant Henry Blackburn and Dimitri Mayakovsky.</p>
<p>DICE is proud to have delivered online vehicle warfare since 2002.
But what’s your favorite vehicle in the history of Battlefield?
Vote below and let us know your thoughts in the comments.
Vehicles are part of what makes combat on the Battlefield unique.
What's your favorite vehicle type?</p>
<p>
Get the latest Battlefield 4 screenshots from the “Angry Sea” single player demo
and “Siege of Shanghai” multiplayer map at E3 2013 here. Click for full size.
They’re great for your desktop!</p>
</div>
</div>
<div class = "battle">
<ul>
<li style="background-color:rgba(72, 81, 142, 0.84); color:white"> BATTLE FEED</li>
<li style="background-color:rgba(39, 39, 39, 0.84);font-size:15px; color:#e39505"> ACCOUNT NOT ACTIVATED</li>
</ul>
</div>
<ul class = "menu">
<div class = "TILT1">
<li class = "large"><a href="#">CAMPAIGN</a>
</li>
<li class = "large"><a href="#" title="MULTIPLAYER">MULTIPLAYER</a></li>
</div>
<div class = "TILT2">
<li class = "large"><a href="co-op.html" title="CO-OP">CO-OP</a></li>
<li class = "large" id = "Premium"><a href="#">PREMIUM</a></li>
</div>
<div class = "TILT3">
<li class = "small" id = "soldier"><a href="#">MY SOLDIER</a></li>
<li class = "small">OPTIONS</li>
</div>
<div class = "TILT4">
<li class = "small"><a href="#">STORE</a></li>
<li class = "small"><a href="#">EXTRAS</a></li>
</div>
</ul>
<div id = "Abutton">
<table border="0">
<tr>
<td><img src="images/a.png" style="height:40px"></td>
<td>SELECT</td>
<td><img src="images/ButtonClick.gif" style="height:60px"></td>
<td>SHOW BATTLE FEED</td>
</tr>
</table>
</div>
<script type="text/javascript">
$(window).load(function() {
$("#status").fadeOut(1000);
$("#preloader").delay(1000).fadeOut("slow");
})
</script>
</body>
</html>
<script>
//changes white font color on hover
$(".menu .large, .small").hover(function() {
$(this).css( "color", "black" );
$(this).css("background-color", "white");
$(".menu .large, .small").mouseleave(function() {
$(this).css( "color", "white" );
$(this).css( "background", "rgba(0, 0, 0, 0)" );
});
});
//changes premium font color on hover
$("#Premium").hover(function() {
$(this).css( "color", "black" );
$('html').css( "background-image", "url(images/bfpreWide.jpg)" );
$("#Premium").mouseleave(function() {
$(this).css( "color", "#ff6200" );
$('html').css( "background-image", "url(images/tanks.jpg)" );
});
});
// tilt screen on hover
$(".TILT1").hover(function(){
$(' #logo, .menu').css("-webkit-transform", "skew(-6deg)"); });
$(".TILT2").hover(function(){
$('#logo, .menu').css("-webkit-transform", "skew(-7deg)"); });
$(".TILT3").hover(function(){
$(' #logo, .menu').css("-webkit-transform", "skew(-8deg)"); });
$(".TILT4").hover(function(){
$(' #logo, .menu').css("-webkit-transform", "skew(-9deg)"); });
//play sound on button hover
$(function(){
$('.menu li').hover(
function() {$(".Sound")[0].play();},
function() {$(".Sound")[0].pause();}
)
});
</script>