Yenilikler Sayfası Kodu

       Bu gün benden hala kurtulmuş sayılmazsınız. Bu sefer de yenilikleri yayınlamak için bir kod buldum. İlk başta kendim de kullancaktım ama ana sayfam için pek iyi sayılmazdı bende sizinle paylaşıyorum ön izlemesi alttadır körler için söyliyim. Neyse kodu buyrun :


<br />
<link rel="stylesheet" href="http://bilgilisite.abcz8.com/bs-aktif/slide/css/style.css" type="text/css" media="screen" />     <script src="http://bilgilisite.abcz8.com/bs-aktif/slide/js/Bebas_400.font.js" type="text/javascript"></script>   <script type="text/javascript">
 
Cufon('.cn_wrapper h1,h2', {
 
textShadow: '-1px 1px black'
 
});
 
</script>           <style type="text/css">             span.reference a{   text-shadow:1px 1px 1px #fff;   color:#999;   text-transform:uppercase;               text-decoration:none;               position:fixed;               right:10px;               top:10px;               font-size:13px;   font-weight:bold;             }             span.reference a:hover{               color:#555;             }    h1.title{    color:#777;    font-size:30px;    margin:10px;    font-weight:normal;    text-shadow:1px 1px 1px #fff;   }         </style>
<div class="cn_wrapper">
<div id="cn_preview" class="cn_preview">
<div class="cn_content" style="top: 5px;"><img src="https://img.webme.com/pic/b/bs-aktif/yenilikvarabc23a.png" alt="" />
<h1>Ana sAYFA</h1>
<span class="cn_date">0</span><strong>Ana Sayfamız yenilenmiştir. Yeni men&uuml;ler eklenmiştir. Kod Paylaşım b&ouml;l&uuml;m&uuml; a&ccedil;ılmıştır.</strong><a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/fullpageimagegallery.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">08/09/2010</span>   <span class="cn_category">Tutorials</span>
<p>In this tutorial we are going to create a stunning full page gallery with   scrollable thumbnails and a scrollable full screen preview.</p>
<a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/collapsingsitenavigation.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">06/09/2010</span>   <span class="cn_category">Tutorials</span>
<p>Today we will create a collapsing menu that contains vertical   navigation bars and a slide out content area. When hovering   over a menu item, an image slides down from the top and a   submenu slides up from the bottom.</p>
<a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/thumbnailsnavigation.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">29/07/2010</span>   <span class="cn_category">Tutorials</span>
<p>In this tutorial we are going to create an extraordinary   gallery with scrollable thumbnails that slide out from a   navigation. We are going to use jQuery and some CSS3   properties for the style.</p>
<a href="hhttp://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/musicportfoliotemplate.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">26/07/2010</span>   <span class="cn_category">Development</span>
<p>Today we want to share a music portfolio template with you.   The idea is to create an artist portfolio with a discography   line up and HTML5 audio player jPlayer.</p>
<a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/relatedpostsslideouts.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">21/07/2010</span>   <span class="cn_category">Tutorials</span>
<p>The main idea is to show a fixed list at the right side   of the screen with some thumbnails sticking out. When   the user hovers over the items, they slide out.</p>
<a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/LatestTweetsTooltip.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">20/07/2010</span>   <span class="cn_category">Development</span>
<p>If you have a news website, it might be interesting   for you to allow your users to see the latests tweets   about a topic. Here is a jQuery plugin for showing the   latest tweets about a certain word or phrase.</p>
<a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/slidedownbox.jpg" alt="" />
<h1>Slide Down Box Menu with jQuery and CSS3</h1>
<span class="cn_date">16/07/2010</span>   <span class="cn_category">Tutorials</span>
<p>In this tutorial we will create a unique sliding box   navigation. The idea is to make a box with the menu   item slide out, while a thumbnail pops up.</p>
<a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/MinimalisticSlideshowGallery.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">05/07/2010</span>   <span class="cn_category">Tutorials</span>
<p>In today&rsquo;s tutorial we will create a simple and   beautiful slideshow gallery that can be easily   integrated in your web site.</p>
<a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/imagehighlight.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">04/07/2010</span>   <span class="cn_category">Tutorials</span>
<p>In this tutorial we will show you how to highlight   and preview images that are integrated in an   article or spread over a page.</p>
<a href="http://bs-aktif.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
<div class="cn_content"><img src="http://bilgilisite.abcz8.com/bs-aktif/slide/images/photodesk.jpg" alt="" />
<h1>Baslik buraya</h1>
<span class="cn_date">01/07/2010</span>   <span class="cn_category">Development</span>
<p>In this little experiment we created an interactive photo   desk that provides some &ldquo;realistic&rdquo; interaction possibilities   for the user.</p>
<a href="http://systemwarez.tr.gg" target="_blank" class="cn_more">Devamını oku.</a></div>
</div>
<div id="cn_list" class="cn_list">
<div class="cn_page" style="display: block;">
<div class="cn_item selected">
<h2>BASLİK 1</h2>
<p>Tutorial on how to create a gallery in polaroid style</p>
</div>
<div class="cn_item">
<h2>BASLİK 2</h2>
<p>to make a full page image gallery with some jQuery</p>
</div>
<div class="cn_item">
<h2>BASLİK 3</h2>
<p>This tutorial shows how to create a stylish sliding site navigation</p>
</div>
<div class="cn_item">
<h2>T-BASLİK 4</h2>
<p>This gallery will show images in a scrollable menu navigation</p>
</div>
</div>
<div class="cn_page">
<div class="cn_item">
<h2>T-BASLİK 5</h2>
<p>A template for a music portfolio website with an HTML5 audio player</p>
</div>
<div class="cn_item">
<h2>T-BASLİK 6</h2>
<p>Show users more of your articles with these slide out boxes</p>
</div>
<div class="cn_item">
<h2>T-BASLİK 7</h2>
<p>A Plugin for showing the latest tweets with a certain word in your article</p>
</div>
<div class="cn_item">
<h2>T-BASLİK 8</h2>
<p>A menu with a nice effect</p>
</div>
</div>
<div class="cn_page">
<div class="cn_item">
<h2>T-BASLİK 9</h2>
<p>A compact image gallery for your website</p>
</div>
<div class="cn_item">
<h2>T-BASLİK 10</h2>
<p>Highlight and preview images that are integrated in an article</p>
</div>
<div class="cn_item">
<h2>T-BASLİK 11</h2>
<p>Creating a photo desk with some real world interaction</p>
</div>
</div>
<div class="cn_nav">&nbsp;</div>
</div>
</div>
<div><span class="reference">               </span></div>
<!-- The JavaScript -->           <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>   <script type="text/javascript" src="http://bilgilisite.abcz8.com/bs-aktif/slide/jquery.easing.1.3.js"></script>           <script type="text/javascript">
 
            $(function() {
 
                //caching
 
//next and prev buttons
 
var $cn_next = $('#cn_next');
 
var $cn_prev = $('#cn_prev');
 
//wrapper of the left items
 
var $cn_list = $('#cn_list');
 
var $pages = $cn_list.find('.cn_page');
 
//how many pages
 
var cnt_pages = $pages.length;
 
//the default page is the first one
 
var page = 1;
 
//list of news (left items)
 
var $items = $cn_list.find('.cn_item');
 
//the current item being viewed (right side)
 
var $cn_preview = $('#cn_preview');
 
//index of the item being viewed.
 
//the default is the first one
 
var current = 1;
 
 
/*
 
for each item we store its index relative to all the document.
 
we bind a click event that slides up or down the current item
 
and slides up or down the clicked one.
 
Moving up or down will depend if the clicked item is after or
 
before the current one
 
*/
 
$items.each(function(i){
 
var $item = $(this);
 
$item.data('idx',i+1);
 
 
$item.bind('click',function(){
 
var $this = $(this);
 
$cn_list.find('.selected').removeClass('selected');
 
$this.addClass('selected');
 
var idx = $(this).data('idx');
 
var $current = $cn_preview.find('.cn_content:nth-child('+current+')');
 
var $next = $cn_preview.find('.cn_content:nth-child('+idx+')');
 
 
if(idx > current){
 
$current.stop().animate({'top':'-300px'},600,'easeOutBack',function(){
 
$(this).css({'top':'310px'});
 
});
 
$next.css({'top':'310px'}).stop().animate({'top':'5px'},600,'easeOutBack');
 
}
 
else if(idx < current){
 
$current.stop().animate({'top':'310px'},600,'easeOutBack',function(){
 
$(this).css({'top':'310px'});
 
});
 
$next.css({'top':'-300px'}).stop().animate({'top':'5px'},600,'easeOutBack');
 
}
 
current = idx;
 
});
 
});
 
 
/*
 
shows next page if exists:
 
the next page fades in
 
also checks if the button should get disabled
 
*/
 
$cn_next.bind('click',function(e){
 
var $this = $(this);
 
$cn_prev.removeClass('disabled');
 
++page;
 
if(page == cnt_pages)
 
$this.addClass('disabled');
 
if(page > cnt_pages){
 
page = cnt_pages;
 
return;
 
}
 
$pages.hide();
 
$cn_list.find('.cn_page:nth-child('+page+')').fadeIn();
 
e.preventDefault();
 
});
 
/*
 
shows previous page if exists:
 
the previous page fades in
 
also checks if the button should get disabled
 
*/
 
$cn_prev.bind('click',function(e){
 
var $this = $(this);
 
$cn_next.removeClass('disabled');
 
--page;
 
if(page == 1)
 
$this.addClass('disabled');
 
if(page < 1){
 
page = 1;
 
return;
 
}
 
$pages.hide();
 
$cn_list.find('.cn_page:nth-child('+page+')').fadeIn();
 
e.preventDefault();
 
});
 
 
            });
 
        </script>

Ana sAYFA

0Ana Sayfamız yenilenmiştir. Yeni menüler eklenmiştir. Kod Paylaşım bölümü açılmıştır.Devamını oku.

Baslik buraya

08/09/2010 Tutorials

In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview.

Devamını oku.

Baslik buraya

06/09/2010 Tutorials

Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom.

Devamını oku.

Baslik buraya

29/07/2010 Tutorials

In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties for the style.

Devamını oku.

Baslik buraya

26/07/2010 Development

Today we want to share a music portfolio template with you. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer.

Devamını oku.

Baslik buraya

21/07/2010 Tutorials

The main idea is to show a fixed list at the right side of the screen with some thumbnails sticking out. When the user hovers over the items, they slide out.

Devamını oku.

Baslik buraya

20/07/2010 Development

If you have a news website, it might be interesting for you to allow your users to see the latests tweets about a topic. Here is a jQuery plugin for showing the latest tweets about a certain word or phrase.

Devamını oku.

Slide Down Box Menu with jQuery and CSS3

16/07/2010 Tutorials

In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up.

Devamını oku.

Baslik buraya

05/07/2010 Tutorials

In today’s tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site.

Devamını oku.

Baslik buraya

04/07/2010 Tutorials

In this tutorial we will show you how to highlight and preview images that are integrated in an article or spread over a page.

Devamını oku.

Baslik buraya

01/07/2010 Development

In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the user.

Devamını oku.

BASLİK 1

Tutorial on how to create a gallery in polaroid style

BASLİK 2

to make a full page image gallery with some jQuery

BASLİK 3

This tutorial shows how to create a stylish sliding site navigation

T-BASLİK 4

This gallery will show images in a scrollable menu navigation

T-BASLİK 5

A template for a music portfolio website with an HTML5 audio player

T-BASLİK 6

Show users more of your articles with these slide out boxes

T-BASLİK 7

A Plugin for showing the latest tweets with a certain word in your article

T-BASLİK 8

A menu with a nice effect

T-BASLİK 9

A compact image gallery for your website

T-BASLİK 10

Highlight and preview images that are integrated in an article

T-BASLİK 11

Creating a photo desk with some real world interaction

 
 
ANKET
 
Daha hiç anket oluşturulmamış!


Sorun Cevaplayalım !
 
 
Bilgileriniz sistemimize kaydedilmektedir.
KURALLARA UYMAYANLARA IP Sİ ENGELLENİR
 
~ DUYURU ~
 

Duyuru panosu

~Duyurular~
WEBMASTER :
ARDA ALTINÖRS


İSTEDİĞİNİZ SORUYU SORUN
EN GEÇ
24 SAAT SONRA CEVAP VERİLİR

Yetkilerimiz :
Html Kodları : açık
Fbml Kodları : açık
Css tasarımlar : açık
Alıntı yapma : açık
Alıntı yapma
Şaka olarak yazıldı !!

VATAN İÇİN
KAN DÖKMEK
GEREKİRSE
DÜNYANIN ŞAH
DAMARINI KESERİZ !



Hem HTML Kodlarını paylaşıp Hem oyunlarla ilgilenme konumzda ve başkakonuların hepsini birden paylaşma yönümüzden DÜNYADA İLK VE TEKİZ !

TR.GG SİTELERİNİN YAPACAĞI YARIŞMAYA HAZIR MISINIZ ? HADİ ACELE EDİN !

Duyuru Panosu

CESURMATRİX - RADYO
 


 
Bugün 119 ziyaretçikişi burdaydı!
Developed by Arda Altınörs Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol