Siteniz İçin Html Gazete Kodu
Kodu:<style type="text/css">
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:501;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 0%;
left: 8%;
width: 85%;
height: 85%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
<p><a onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" href="javascript:void(0)">Ön izleme yapmak için buraya tıklayın</a></p>
<div id="light" class="white_content"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://bilgilisite.abcz8.com/bs-aktif/gazete/booklet/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://bilgilisite.abcz8.com/bs-aktif/gazete/booklet/jquery.booklet.1.1.0.min.js" type="text/javascript"></script>
<link href="http://bilgilisite.abcz8.com/bs-aktif/gazete/booklet/jquery.booklet.1.1.0.css" type="text/css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="http://bilgilisite.abcz8.com/bs-aktif/gazete/css/style.css" type="text/css" media="screen"/>
<script type="text/javascript">
Cufon.replace('h1,p,.b-counter');
Cufon.replace('.book_wrapper a', {hover:true});
Cufon.replace('.title', {textShadow: '1px 1px #C59471', fontFamily:'ChunkFive'});
Cufon.replace('.reference a', {textShadow: '1px 1px #C59471', fontFamily:'ChunkFive'});
Cufon.replace('.loading', {textShadow: '1px 1px #000', fontFamily:'ChunkFive'});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7243260-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="book_wrapper">
<a id="next_page_button"></a>
<a id="prev_page_button"></a>
<div id="loading" class="loading">Loading pages...</div>
<div id="mybook" style="display:none;">
<div class="b-load">
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-1</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-2</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-3</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-4</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-5</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-6</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-7</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-8</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-9</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-10</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-11</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-12</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-13</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
<div>
<img src="https://img.webme.com/pic/b/bs-aktif/dergibaslik.png" alt=""/>
<h1>Dergi Başlık a-14</h1>
<p>Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...
Bu alana yazı yazacaksınız. Gazete yazısı bu alana...</p>
</div>
</div>
</div>
</div>
<div>
<span class="reference">
</span>
</div>
<!-- The JavaScript -->
<script type="text/javascript">
$(function() {
var $mybook = $('#mybook');
var $bttn_next = $('#next_page_button');
var $bttn_prev = $('#prev_page_button');
var $loading = $('#loading');
var $mybook_images = $mybook.find('img');
var cnt_images = $mybook_images.length;
var loaded = 0;
//preload all the images in the book,
//and then call the booklet plugin
$mybook_images.each(function(){
var $img = $(this);
var source = $img.attr('src');
$('<img/>').load(function(){
++loaded;
if(loaded == cnt_images){
$loading.hide();
$bttn_next.show();
$bttn_prev.show();
$mybook.show().booklet({
name: null, // name of the booklet to display in the document title bar
width: 800, // container width
height: 500, // container height
speed: 600, // speed of the transition between pages
direction: 'LTR', // direction of the overall content organization, default LTR, left to right, can be RTL for languages which read right to left
startingPage: 0, // index of the first page to be displayed
easing: 'easeInOutQuad', // easing method for complete transition
easeIn: 'easeInQuad', // easing method for first half of transition
easeOut: 'easeOutQuad', // easing method for second half of transition
closed: true, // start with the book "closed", will add empty pages to beginning and end of book
closedFrontTitle: null, // used with "closed", "menu" and "pageSelector", determines title of blank starting page
closedFrontChapter: null, // used with "closed", "menu" and "chapterSelector", determines chapter name of blank starting page
closedBackTitle: null, // used with "closed", "menu" and "pageSelector", determines chapter name of blank ending page
closedBackChapter: null, // used with "closed", "menu" and "chapterSelector", determines chapter name of blank ending page
covers: false, // used with "closed", makes first and last pages into covers, without page numbers (if enabled)
pagePadding: 10, // padding for each page wrapper
pageNumbers: true, // display page numbers on each page
hovers: false, // enables preview pageturn hover animation, shows a small preview of previous or next page on hover
overlays: false, // enables navigation using a page sized overlay, when enabled links inside the content will not be clickable
tabs: false, // adds tabs along the top of the pages
tabWidth: 60, // set the width of the tabs
tabHeight: 20, // set the height of the tabs
arrows: false, // adds arrows overlayed over the book edges
cursor: 'pointer', // cursor css setting for side bar areas
hash: false, // enables navigation using a hash string, ex: #/page/1 for page 1, will affect all booklets with 'hash' enabled
keyboard: true, // enables navigation with arrow keys (left: previous, right: next)
next: $bttn_next, // selector for element to use as click trigger for next page
prev: $bttn_prev, // selector for element to use as click trigger for previous page
menu: null, // selector for element to use as the menu area, required for 'pageSelector'
pageSelector: false, // enables navigation with a dropdown menu of pages, requires 'menu'
chapterSelector: false, // enables navigation with a dropdown menu of chapters, determined by the "rel" attribute, requires 'menu'
shadows: true, // display shadows on page animations
shadowTopFwdWidth: 166, // shadow width for top forward anim
shadowTopBackWidth: 166, // shadow width for top back anim
shadowBtmWidth: 50, // shadow width for bottom shadow
before: function(){}, // callback invoked before each page turn animation
after: function(){} // callback invoked after each page turn animation
});
Cufon.refresh();
}
}).attr('src',source);
});
});
</script>
</body>
</html><a onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" href="javascript:void(0)">Gazete Penceresini Kapatmak, Siteye geri dönmek için tıklayınız...</a></div>
<div id="fade" class="black_overlay"> </div>
DİKKAT ÖNEMLİ NOT !!!
KODU ÖNCE NOT DEFTERİNDE DÜZENLEYİN SONRA SİTENİZE EKLEYİN. KODUNU SİTENİZE EKLEDİKTEN SONRA KAYNAK A TIKLAYIP KODUN İÇİNDEKİ BOŞLUKLARI SİLDİĞİNİZDE KOD CALISMAYACAKTIR...
Not:Alıntıdır
Not:Alıntıdır
Bugün: 1 | Klik: 5 | Buradasın: Siteniz İçin Html Gazete Kodu | İp: 3.135.198.7