aaa
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sample Page</title>
</head>
<body class="init">
<nav id="navigation">
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
</ul>
</nav>
</body>
</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.
table[border="1"] {
border-collapse:collapse;
margin:10px;
}
table[border="1"],
table[border="1"] th,
table[border="1"] td {
border:1px solid #bbb;
padding:2px 7px;
}
td {
vertical-align:top;
}
table[border="1"] th {
background-color:#fafafa;
font-weight:700;
text-align:left;
}
.full,
table.full {
width:96.8%;
}
table.config {
background-color:#FFF0A0;
}
table.config td,
table.config th {
border-color:#333;
}
table.config th {
background-color:#333;
color:white;
}
#comments {
padding:20px 30px 30px;
margin:0 2%;
background-color:#2f2f2f;
border:2px solid #666;
box-shadow:inset 0 0 7px black;
color:white;
}
#comments .note,
#comments em[rel="note"] {
display:block;
padding:5px 10px;
border:1px solid black;
background-color:#222;
background-image:linear-gradient(top,#333,#222);
box-shadow:0 0 0 1px #555;
color:#ccc;
font:normal 11px Tahoma,Arial,Sans-Serif;
text-shadow:0 1px 0 black;
}
#comments .note a,
#comments .note code {
font-size:11px;
}
#comments img.incomment {
display:block;
margin:2px auto 0;
}
#comments blockquote img.incomment {
display:block;
margin:2px auto 0 !important;
}
#comments a {
color:#5687B8;
}
#comments a.allow,
#comments i[rel="anchor"] {
font-size:97%;
}
#comments i[rel="pre"] {
display:block;
font:normal 12px Monaco,"Courier New",Courier,monospace !important;
padding:0.5em 0.5em 0.5em 1em;
background-color:#002b36;
border-left:4px solid #268bd2;
position:relative;
overflow:auto;
white-space:pre;
word-wrap:normal !important;
}
#comments code,
#comments i[rel="code"] {
color:white;
font:normal 12px Monaco,'Courier New',Monospace;
}
#comments code a {
color:white;
}
#comments code a:hover {
background:transparent;
}
#comments i[rel="image"] {
display:block;
margin:2px auto;
width:50px;
height:50px;
border:5px solid #222;
overflow:hidden;
position:relative;
}
#comments i[rel="image"]:before {
content:"";
background:white url('http://hompimpa.googlecode.com/svn/trunk/images/loading.gif') no-repeat 50% 50%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
#comments iframe.video {
width:320px;
max-width:320px;
height:224px;
box-shadow:0 1px 3px black;
display:block;
margin:10px auto 10px;
border:4px solid #444;
background-position:50% 50%;
}
#discussionFrame {
border:4px solid #333;
box-shadow:0 1px 3px black;
}
#recentPostsLoader {
overflow:hidden;
}
.framePreloader iframe {
border:none;
width:100%;
}
#comments h4 {
color:white;
margin:0 0 10px;
}
#cm_block .no-js:target .cm_entry {border:2px solid yellow !important;}
#cm_block .no-js:target .avatar-image-container {padding:0;border:5px solid yellow !important;}
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.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
function framePreloader(frame, url, h) {
$(frame).html('<iframe src="' + url + '" height="' + h + '" frameborder="0" width="100%"></iframe>');
}
function frameReloader(triggerParent, title, target, url, h, text) {
$(triggerParent).append(' - <a href="#">' + title + '</a>');
$('a', triggerParent).on("click", function() {
$(target).html('<iframe width="100%" src="' + url + '" height="' + h + '"></iframe>');
$('#loadingtext').html('<span>' + text + '</span>');
$('iframe').load(function() {
$('#loadingtext span').remove();
});
return false;
});
}
$(window).bind("load", function() {
framePreloader('#discussionFrame', 'comm-frame.html', '770');
framePreloader('#fbLikeFrame', 'http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHompimpa-Alaihum-Gambreng%2F298981640118767&width=250&colorscheme=dark&show_faces=true&border_color=%233c3c3c&stream=false&header=false&height=288', '288');
framePreloader('#recentPostsLoader', 'postingterbaru.html', '420');
if(window.location.hash) {
var urlHash = window.location.href.split('#')[1];
$('html, body').animate({
scrollTop: $('.' + urlHash).offset().top - 30
}, 4000, function() {
$('.' + urlHash).find('div.cm_entry').css('border', '2px solid yellow');
$('.' + urlHash).find('div.avatar-image-container').css({
'padding': '0px',
'border': '5px solid yellow'
});
});
}
});
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.
8 comments
.framePreloader iframe {
border:none;
width:100%;
}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
test
test lagi
lagi
lagi
lagilagi
lageeeeee >.<
Komentator Konversi Kode Buka Emot