placard

<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> <div class="shuffle"> </div> <div class="hover"> </div> <div id="rp_list" class="rp_list"> <ul> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">Açıklama-1</span> <span class="rp_links"> <a target="_blank" href="http://airreo.tr.gg" _fcksavedurl="http://airreo.tr.gg">Kodlar</a> <a target="_blank" href="http://airreo.tr.gg" _fcksavedurl="http://airreo.tr.gg">Resim-1</a> </span></div> </li> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">AÇIKLAMA-10</span> <span class="rp_links"> <a target="_blank" href="http://airreo.tr.gg" _fcksavedurl="http://airreo.tr.gg">Kod</a> <a target="_blank" href="RESİM-ADRES-10">Resim-10</a> </span></div> </li> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">AÇIKLAMA 3</span> <span class="rp_links"> <a target="_blank" href="KOD-ADRES-3" _fcksavedurl="KOD-ADRES-3">Kod</a> <a target="_blank" href="RESİM-ADRES-3" _fcksavedurl="RESİM-ADRES-3">Resim-3</a> </span></div> </li> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">AÇIKLAMA 4</span> <span class="rp_links"> <a target="_blank" href="KOD-ADRES-4" _fcksavedurl="KOD-ADRES-4">Kod</a> <a target="_blank" href="RESİM-ADRES-4" _fcksavedurl="RESİM-ADRES-4">Resim-4</a> </span></div> </li> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">AÇIKLAMA 5</span> <span class="rp_links"> <a target="_blank" href="KOD-ADRES-5" _fcksavedurl="KOD-ADRES-5">Kod</a> <a target="_blank" href="RESİM-ADRES-5" _fcksavedurl="RESİM-ADRES-5">Resim-5</a> </span></div> </li> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">AÇIKLAM- 6</span> <span class="rp_links"> <a target="_blank" href="KOD-ADRES-6" _fcksavedurl="KOD-ADRES-6">Kod</a> <a target="_blank" href="RESİM-ADRES-6" _fcksavedurl="RESİM-ADRES-6">Resim-6</a> </span></div> </li> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">AÇIKLAMA- 7</span> <span class="rp_links"> <a target="_blank" href="KOD-ADRES-7" _fcksavedurl="KOD-ADRES-7">Kod</a> <a target="_blank" href="RESİM-ADRES-7" _fcksavedurl="RESİM-ADRES-7">Resim-7</a> </span></div> </li> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">AÇIKLAMA- 8</span> <span class="rp_links"> <a target="_blank" href="KOD-ADRES-8" _fcksavedurl="KOD-ADRES-8">Kod</a> <a target="_blank" href="RESİM-ADRES-8" _fcksavedurl="RESİM-ADRES-8">Resim-8</a> </span></div> </li> <li> <div><img alt="" src="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" _fcksavedurl="http://www.resimyukle.gen.tr/image-5EE7_4D6F6124.jpg" /> <span class="rp_title">AÇIKLAMA- 9</span> <span class="rp_links"> <a target="_blank" href="KOD-ADRES-9" _fcksavedurl="KOD-ADRES-9">Kod</a> <a target="_blank" href="RESİM-ADRES-9" _fcksavedurl="RESİM-ADRES-9">Resim-9</a> </span></div> </li> </ul> <span id="rp_shuffle" class="rp_shuffle"> </span></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> $(function() { /** * the list of posts */ var $list = $('#rp_list ul'); /** * number of related posts */ var elems_cnt = $list.children().length; /** * show the first set of posts. * 200 is the initial left margin for the list elements */ load(200); function load(initial){ $list.find('li').hide().andSelf().find('div').css('margin-left',-initial+'px'); var loaded = 0; //show 5 random posts from all the ones in the list. //Make sure not to repeat while(loaded < 5){ var r = Math.floor(Math.random()*elems_cnt); var $elem = $list.find('li:nth-child('+ (r+1) +')'); if($elem.is(':visible')) continue; else $elem.show(); ++loaded; } //animate them var d = 200; $list.find('li:visible div').each(function(){ $(this).stop().animate({ 'marginLeft':'-10px' },d += 100); }); } /** * hovering over the list elements makes them slide out */ $list.find('li:visible').live('mouseenter',function () { $(this).find('div').stop().animate({ 'marginLeft':'-220px' },200); }).live('mouseleave',function () { $(this).find('div').stop().animate({ 'marginLeft':'-50px' },200); }); /** * when clicking the shuffle button, * show 5 random posts */ $('#rp_shuffle').unbind('click') .bind('click',shuffle) .stop() .animate({'margin-left':'-18px'},700); function shuffle(){ $list.find('li:visible div').stop().animate({ 'marginLeft':'60px' },200,function(){ load(-60); }); } }); </script>

Tasarım üstü:

<!DOCTYPE KİŞİSEL html "-//RMN//DTD XHTML 1.0 mutlâk//EN" "http://www.kodbanks.tr.gg/TR/html1/fbml/xhtml"> <!-- Design by kodbanks 2011 ermans http://www.kodbanks.tr.gg iZİNSİZ KULANAMAZSIN. Title : Mavi-tasarım Version : 1.0 Released : 02032011 Açıklama: İki sütun sabit genişliği şablon küçük web siteleri için uygundur. --> <html xmilyonlar="http://www.KODBANKS.TR.GG/2011/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Kodbanks by Tasarım düzenleme</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="http://www.kodbanks.tr.gg/">Kodbanks</a></h1> <h2><a href="http://www.kodbanks.tr.gg/">Tasarım,kod siteniz</a></h2> </div> <!-- end div#logo --> </div> <!-- end div#header --> <div id="menu"> <ul> <li class="active"><a href="http://berilsyn.tr.gg/">Anasayfa</a></li> <li><a href="#">Galeri</a></li> <li><a href="http://berilsyn.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li> <li><a href="http://berilsyn.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretci defteri</a></li> </ul> </div> <!-- end div#menu --> <div id="page"> <div id="page-bgtop"> <div id="content"> <div class="post"> <h2 class="title"><a href="http://kodbanks.tr.gg/">Html,Fbml,Javasprint,resim,gif,icon,logo</a></h2> <p class="byline">www.Kodbanks.tr.gg</p> <div class="entry"> </div> </div> </div> <!-- end div#content --> <div id="sidebar"> <ul> <li id="search"> <h2 class="search">Arama yap</h2> <form method="get" action=""> <fieldset> <input type="text" id="search-text" name="s" value="" /> <input type="submit" id="search-submit" value="Search" /> </fieldset> </form> </li> <li> <h2 class="categories">MENÜ</h2> <ul> <li><a href="http://berilsyn.tr.gg/">Anasayfa</a></li> <li><a href="http://bkodbanks.tr.gg/">Link-1 </a></li> <li><a href="http://bkodbanks.tr.gg/">Link-2</a></li> <li><a href="http://bkodbanks.tr.gg/">Link-3</a></li> <li><a href="http://bkodbanks.tr.gg/">Link-4</a></li> <li><a href="http://bkodbanks.tr.gg/">Link-5</a></li> <li><a href="http://bkodbanks.tr.gg/">Link-6</a></li> </ul> </li> <li> <h2>KATEGORİLER</h2> <ul> <li><a href="http://bkodbanks.tr.gg/">Kategori-1</a></li> <li><a href="http://bkodbanks.tr.gg/">Kategori- 2</a></li> <li><a href="http://bkodbanks.tr.gg/">Kategori- 3</a></li> <li><a href="http://bkodbanks.tr.gg/">Kategori- 4</a></li> <li><a href="http://bkodbanks.tr.gg/">Kategori- 5</a></li> <li><a href="http://bkodbanks.tr.gg/">Kategori- 6</a></li> <li><a href="http://bkodbanks.tr.gg/">Kategori- 7</a></li> </ul> </li> <li> <h2>Dost siteler </h2> <ul> <li><a href="#">Dost site-1 </a></li> <li><a href="#">Dost site- 2</a></li> <li><a href="#">Dost site- 3</a></li> <li><a href="#">Dost site- 4</a></li> <li><a href="#">Dost site- 5</a></li> <li><a href="#">Dost site- 6</a></li> <li><a href="#">Dost site- 7</a></li> <li><a href="#">Dost site- 8</a></li> </ul> </li> </ul> </div>

Tasarım altı:

<!-- end div#sidebar --> <div style="clear: both; height: 1px"></div> </div> </div> <!-- end div#page --> <div id="footer"> <p>Copyright © 2011 KODBANKS. <br /> by Alparslan<a href="http://www.kodbanks.tr.gg">Tasarım</a>. <a href="http://www.kodbanks.tr.gg">Html kod</a> | <a href="http://www.kodbanks.tr.gg">Javasprint</a></p> </div> <!-- end div#footer --> </div> <!-- end div#wrapper --> </body> </html> <style><!--body{background: url(http://www.resimyukle.gen.tr/image-E2FB_4D6E776B.jpg) fixed}--></style><div><a href="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" target="new"></a></div> <a href="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" target="_blank"><img src="http://img370.yukle.tc/images/6744Kodbanks-icon.jpg" _fcksavedurl="http://img370.yukle.tc/images/6744Kodbanks-icon.jpg" style="position:absolute; left:0px; top: 0px;" border="0"></a>

Css kodu:

table {margin-left: auto;margin-right: auto} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by alparslan-2011-kodbanks http://www.kodbanks.tr.gg iZİNSİZ KULANAMAZSIN. */ * { margin: 0; padding: 0; } body { margin: 0px; background: #000033 url(http://www.resimyukle.gen.tr/image-E4C4_4D6E27E6.jpg) repeat-x left top; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; color: #7D807A; } h1, h2, h3 { color: #AA2808; } h1 { } h2 { } h3 { } p, blockquote, ul, ol { margin-bottom: 10px; line-height: 2em; } p { } blockquote { } ul, ol, li { margin: 0px; padding: 0px; list-style: none; } a { text-decoration: underline; color: #ff0000; } a:hover { text-decoration: none; color: #C11414; } /* Wrapper */ #wrapper { } /* Header */ #header { width: 1000px; height: 130px; margin: 0 auto; background: url(http://www.resimyukle.gen.tr/image-1C2C_4D6E27E6.jpg) no-repeat left top; } /* Logo */ #logo { float: left; width: 310px; height: 70px; margin: 0px; padding-left: 30px; text-align: center; } #logo h1 { margin: 0; padding: 10px 0px 0px 0px; text-transform: lowercase; font: normal 46px Georgia, "Times New Roman", Times, serif; } #logo h2 { margin: -2px 0 0 0; padding: 0; text-transform: lowercase; letter-spacing: 2px; font-size: 12px; font-weight: normal; font-style: italic; color: #FFFFFF; } #logo a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { width: 1000px; height: 60px; margin: 0 auto; padding: 0px 0px 0px 0px; background: url(http://www.resimyukle.gen.tr/image-9389_4D6E27E6.jpg) no-repeat left top; } #menu ul { margin: 0px; padding-left: 30px; padding-top: 6px; list-style: none; line-height: normal; } #menu li { display: inline; text-align: center; } #menu a { height: 23px; display: block; float: left; margin: 0px 2px 0px 0px; padding: 3px 20px 0px 20px; text-decoration: none; text-align: center; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; font-style: italic; color: #FFFFFF; } #menu a:hover, #menu .active a { background: url(http://img371.yukle.tc/images/1352imko8-08-1a11c42.jpg) repeat-x left top; color: #FFFFFF; } /* Search */ #header-search { width: 940px; height: 51px; margin: 0 auto; padding: 0px 0px 0px 0px; } #header-search form { float: right; width: 300px; margin: 0; padding: 12px 0px 0px 0px; } #header-search fieldset { margin: 0; padding: 0; border: none; } #header-search-text { width: 200px; padding: 2px 3px; background: #1E1E1E; border: none; color: #4D4D4D; } #header-search-submit { background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E4E4E4; } #search { height: 51px; margin: 0 auto; padding: 0px 0px 60px 0px; } #search form { margin: 0; padding: 12px 0px 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { float: left; font: 12px Arial, Helvetica, sans-serif; } #search-text { width: 160px; height: 18px; margin-left: 50px; padding: 3px 0 3px 5px; border: 1px solid #999999; color: #000000; } #search-submit { margin-left: 10px; padding: 4px 4px; border: none; background: #C11212; font-size: 10px; color: #FFFFFF; } /* Page */ #page { width: 1000px; margin: 0 auto; padding: 0px 0px; background: url(http://www.resimyukle.gen.tr/image-B1AF_4D6E7F2E.jpg) repeat-y left top; } #page-bgtop { margin: 0px; padding: 0px 60px; background: url(http://img379.yukle.tc/images/6446imgkod6-06-1a11c6a.jpg) no-repeat left top; } /* Content */ #content { float: left; width: 540px; padding-top: 19px; padding-right: 40px; } BURASI .post .title { margin: 0px; color: #BF0B0B; } .post .title a { padding: 0px 0px 0px 0px; letter-spacing: -1px; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; font-weight: normal; font-style: italic; color: #BF0B0B; } .post .entry { padding: 20px 0px; } .post img { float: left; padding: 15px 0px; } .post .meta { text-align: right; padding: 0px 0 20px 0; font-weight: bold; color: #202020; } .post .byline { font-size: 12px; font-style: italic; text-transform: lowercase; color: #7D807A; } /* Sidebar */ #sidebar { float: right; width: 300px; padding: 100px 0px 0px 0px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 1px; } #sidebar li ul { margin: 0px 0px 0px 0px; padding: 0px 0px 40px 50px; } #sidebar li li { margin: 0; padding: 7px 0px; border-bottom: 1px solid #998D62; background: none; } #sidebar h2 { height: 35px; margin: 0px; padding: 10px 0px 10px 50px; background: url(http://img379.yukle.tc/images/1128image-A0AD_ok.jpg) no-repeat left top; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; font-style: italic; color: #524B36; } #sidebar h3 { font-size: 77%; color: #110404; } #sidebar p { margin: 0; line-height: normal; color: #D4C792; } #sidebar a { border: none; text-decoration: none; color: #4E4628; } #sidebar a:hover { text-decoration: underline; color: #ffffff; } /* Submenu */ #submenu { } /* News */ #news { } #news a { font-size: 85%; } /* Footer */ #footer { width: 1000px; height: 100px; margin: 0 auto; padding: 0px; background: url(http://img370.yukle.tc/images/7400imkod7--C76E_4D6CF02A.jpg) no-repeat left top; color: #9C9C9C; } #footer p { margin: 0; padding: 60px 40px; text-align: left; font-size: 11px; } #footer a { text-decoration: underline; color: #808080; } #footer a:hover { text-decoration: none; color: #ffffff; } .rp_list { font-family:Verdana, Helvetica, sans-serif; position:fixed; right:-220px; top:20px; margin:0; padding:0; } span.rp_shuffle{ background:#000033 url(http://www.createafreewebsite.net/bullets/staryellow.gif) no-repeat 10px 50%; width:28px; height:14px; display:block; margin:10px 0px 0px 20px; cursor:pointer; padding:4px; border:1px solid #ffff00; -moz-border-radius:5px 0px 0px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .rp_list ul{ margin:0; padding:0; list-style:none; } .rp_list ul li{ width: 240px; margin-bottom:5px; display:none; } .rp_list ul li div{ display: block; line-height:15px; width: 240px; height: 80px; background:#000033; border:1px solid #000; -moz-border-radius:5px 0px 0px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .rp_list ul li div img{ width:70px; border:none; float:left; margin:4px 10px 0px 4px; border:1px solid #00FFFF; -moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; box-shadow:1px 1px 3px #000000; } span.rp_title{ font-size:11px; color:#000000; height:46px; margin:4px 0px 0px 20px; display:block; text-shadow:1px 1px 1px #000; padding-top:3px; background:#E0FFFF; -moz-box-shadow:0px 0px 5px #f000 inset; -webkit-box-shadow:0px 0px 5px #00ff00 inset; box-shadow:0px 0px 5px #000 inset; } span.rp_links{ width:195px; height:8px; padding-top:2px; display:block; margin-left:42px; } span.rp_links a{ background: #00ff00 url(http://www.resimyukle.gen.tr/thumb-91C9_4D6F7157.jpg) repeat-x; padding: 2px 18px; font-size:10px; color: #ffff00; text-decoration: none; line-height: 1; -moz-box-shadow: 0 1px 3px #000; -webkit-box-shadow: 0 1px 3px #000; box-shadow:0 1px 3px #000; text-shadow: 0 -1px 1px #222; cursor: pointer; outline:none; } span.rp_links a:hover{ background-color:#ffff00; color:#fff; }