» » » Testing Syntax
Monday, 15 September 2014
,

aaa
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sample Page</title>
</head>
<body class="init">
<!-- top navigation -->
<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>

    <!--
    Funky Syntax Highlighter Experiment
    by Taufik Nurrohman
    WARNING: THIS REGEX IS TOO SIMPLE AND INACURRATE!!!
    -->

</nav>
</body>
</html>
/**
 * Multiline comments
 * Lorem ipsum dolor sit amet...
 * TADA!!!
 */

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;}
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');
    // Fix Bug!
    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'
            });
        });
    }
});
01:50
Ichi Hikaru
,
Related Post Komentar
No more

8 comments

avatar
Balas Hapus
Khairul Ma'mun 16 September 2014 at 08:16 WIB Permalink

.framePreloader iframe {
border:none;
width:100%;
}

avatar
Balas Hapus
Khairul Ma'mun 16 September 2014 at 08:25 WIB Permalink

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

avatar
Balas Hapus
Ichi Hikaru 16 September 2014 at 22:13 WIB Permalink

test

avatar
Balas Hapus
Ichi Hikaru 16 September 2014 at 22:19 WIB Permalink

test lagi

avatar
Balas Hapus
Ichi Hikaru 16 September 2014 at 22:23 WIB Permalink

lagi

avatar
Balas Hapus
Ichi Hikaru 16 September 2014 at 22:26 WIB Permalink

lagi

avatar
Balas Hapus
Ichi Hikaru 16 September 2014 at 22:30 WIB Permalink

lagilagi

avatar
Balas Hapus
Ichi Hikaru 16 September 2014 at 22:31 WIB Permalink

lageeeeee >.<


Komentator Konversi Kode Buka Emot

Subscribe to: Post Comments (Atom)
 
close