Tr.GG Facebook Zaman Tüneli Teması kendi kodlamamdır.Bir kaç ******** çaldı temmamı ben yaptım dedi millete şahitlerim çook neyse direk temayı dagıtıyorum tr.gg işi bitmiştir benim için.
İlk Önce Tema Panelinden.Tasarım Ayarlarına girelim.
Daha Sonra Temel Tasarım Da Css- Pek Sevilmeyeni Seçip kaydedelim daha sonra altta Gelişmiş Ayarlara Gelelim.
Tasarım Ustundeki Yazı:
<div id="fb-root"></div><script src="http://connect.facebook.net/tr_TR/all.js#appId=128074204005340&xfbml=1"></script><link href="http://dl.dropbox.com/u/99909467/site/assets/bootstrap.css" rel="stylesheet" type="text/css" /><link href="http://dl.dropbox.com/u/99909467/site/style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://dl.dropbox.com/u/99909467/site/assets/bootstrap-dropdown.js"></script><script type="text/javascript" src="http://dl.dropbox.com/u/99909467/site/assets/bootstrap-modal.js"></script><script type="text/javascript">
jQuery.fn.resizeWidthMaintainRatio = function(newWidth){
if (this.aspectRatio == undefined)
this.aspectRatio = jQuery(this).width() / jQuery(this).height();
jQuery(this).width(newWidth);
jQuery(this).height(newWidth / this.aspectRatio);
}
jQuery(document).ready(function () {
jQuery(".span3").hover(function (){
var splith = jQuery(".thumbnail img.the_img").height();
jQuery(this).find('.onhover').height(splith);
splith = (splith - 16) / 2;
jQuery(this).find('.onhover span').css('top', splith+'px');
jQuery(this).find('.onhover').css('display','block');
var leftw = jQuery(this).width() - jQuery(this).find('.onhover span').width();
leftw = leftw / 2;
jQuery(this).find('.onhover span').css('left', leftw+'px');
}, function () {
jQuery(this).find('.onhover').css('display','none');
});
});
</script></head><div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> <div class="topbar"><div class="fill"> <div class="container"><a class="brand" href="http://facebookkapakfotolari.tr.gg/" title="Facebook kapak fotografları">Kapak Fotoları</a><ul class="nav"><li class="menu-sample-page"><a href="http://facebookkapakfotolari.tr.gg/">AnaSayfa</a></li><li class="menu-sample-page"><a href="http://facebookkapakfotolari.tr.gg/"></a></li><li class="menu-sample-page"><a href="http://timelinekapakresimleri.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" target="_blank">İletişim</a></li>
<li class="menu-sample-page"><a href="http://timelinekapakresimleri.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" target="_blank">Reklam Alanı ve Banneler</a></li><li class="menu-sample-page"><a href="# " target="_blank" >Temayı İNDİR</a></li></ul><form method="get" action="" id="search-form" class="pull-right"><button class="glass js-search-action" type="submit"><i></i></button><input class="input-large" name="s" type="text" placeholder="Site içinde Arama"></form></div></div></div><div id="container"><div id="content_sg"><img src="http://dl.dropbox.com/u/99909467/site/images/arkaask.jpg" /></div><div id="profilepic"><img src="http://dl.dropbox.com/u/99909467/site/images/profilepic.png" /></div><div id="content_single"><div id="content_title"><h2>Facebook Kapak Fotografları</h2><span id="entry-meta"><span class="meta-prep meta-prep-author">Eski Adresimiz.</span> <a href="http://facebookkapakfotolari.tr.gg/" title="Kapak Fotografları" rel="bookmark"><span class="entry-date"> www.timelinekapakresimleri.tr.gg'dir.</span></div><div id="gear"><div id="desk-left"><span id="btbt solcizgi"><br><center>Hoş geldiniz sitemizden 10.000'lerce resme buradan ulaşabilirsiniz.Hepsi ücretsiz ve reklamsızdır! Burdasın [subpage] | Bugün: [visits] | Klik: [hits] | IP: [ip] | Tarih: <SCRIPT language=JavaScript>
var now = new Date();
var monNames = new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık");
document.write("" + now.getDate()+" "+monNames[now.getMonth()]+ " " + now.getFullYear() + "</a>");
</SCRIPT> </center></span><div class="right-col"><div class="shortcode-google-plusone fl"><div class="g-plusone" data-size="tall" data-href="http://facebookkapakfotolari.tr.gg/" data-annotation="bubble"></div></div></div></div></div><div id="geje"><div id="desk-right"><a href="http://facebookkapakfotolari.tr.gg/" title="Notlar" rel="bookmark"><img class="the_img" src="http://dl.dropbox.com/u/99909467/site/images/not.png" width="109" alt="Boss At Profile Pic" /></a></div><a href="http://facebookkapakfotolari.tr.gg/" title="kategori" rel="bookmark">Notlar</a></div><div id="geje"><div id="desk-right"><a href="http://facebookkapakfotolari.tr.gg/" title="Harita" rel="bookmark"><img class="the_img" src="http://dl.dropbox.com/u/99909467/site//images/harita.png" width="109" alt="Singapore" /></a></div><a href="http://facebookkapakfotolari.tr.gg/" title="Permalink to Singapore" rel="bookmark">Harita</a></div></div> </div>Tasraım altındaki Yazı:<center><a href="http://www.dmca.com/Protection/Status.aspx?ID=0efa8d35-0933-40dd-9a18-64ada87a2b34" title="DMCA"> <img src ="http://images.dmca.com/Badges/dmca_protected_sml_120k.png?ID=0efa8d35-0933-40dd-9a18-64ada87a2b34" alt="DMCA.com" /></a><img src="http://dl.dropbox.com/u/99909467/site/images/html5.png" width="60" border="auto"></img><script id="_waud27">var _wau = _wau || [];
_wau.push(["colored", "a2tbrrrvgdhh", "d27", "ffc20e000000"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/colored.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script> </center><div id="footer"><center>Copyright © 2012 www.FacebookKapakFotolari.Tr.GG
</center></div></div><style>
table {margin-left: auto;margin-right: auto}
</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script>
!window.jQuery && document.write('<script src="http://dl.dropbox.com/u/99909467/site/js/jquery-1.4.3.min.js"></script></script><script type="text/javascript" src="http://dl.dropbox.com/u/99909467/site/js/jquery.mousewheel-3.0.4.pack.js"></script><script type="text/javascript" src="http://dl.dropbox.com/u/99909467/site/js/jquery.fancybox-1.3.4.pack.js"></script><link rel="stylesheet" type="text/css" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//fancybox/jquery.fancybox-1.3.4.css" media="screen" /><script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
$("a#example1").fancybox();
$("a#example2").fancybox({
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
$("a#example3").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("a#example4").fancybox({
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none'
});
$("a#example5").fancybox();
$("a#example6").fancybox({
'titlePosition' : 'outside',
'overlayColor' : '#000',
'overlayOpacity' : 0.9
});
$("a#example7").fancybox({
'titlePosition' : 'inside'
});
$("a#example8").fancybox({
'titlePosition' : 'over'
});
$("a[rel=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
/*
* Examples - various
*/
$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("#various2").fancybox();
$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
$("#various4").fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
</script><style type="text/css">div.foixed-position{position:fixed;z-index:4000;}div.foixed-s-e{bottom:25px;left:20px;}</style>
<style type="text/css">div.foixed-position{_position:absolute;}div.foixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="foixed-position foixed-s-e" id="bildrm" style="width:230px;height:37px;" ><a onclick="getElementById('bildrm').style.display='none';getElementById('kapamaseyi').style.display='none';" onmouseover="getElementById('kapamaseyi').style.display='block';" id="kapamaseyi" style="position:absolute;display:none;width:9px;height:10px;right:5px;top:2px;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;cursor:pointer;"><img src="http://dl.dropbox.com/u/99909467/site/images/kapama.png" style="margin:0px;padding:0px;background-color:transparent;border:none;" /></a><a onmouseout="getElementById('kapamaseyi').style.display='none';" onmouseover="getElementById('kapamaseyi').style.display='block';" style="margin:0px;padding-top:9px;text-align:left;font-family:Helvetica, Calibri, Arial, sans-serif;font-size: 12px;font-weight: normal;text-decoration: none;color:#3b5998;border:none;" href="https://www.facebook.com/kapakfotograflariindir" target="_blank" class="facebuton">Facebook Sayfamızı Begenin!<br><div class="fb-like" data-href="https://www.facebook.com/kapakfotograflariindir" data-send="false" data-layout="button_count" data-width="70" data-show-faces="false"></div></a></div>
</body>
</html>Css Kodu: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;} table {margin-left: auto;margin-right: auto}
</style> <meta name="google-site-verification" content="RZ53HqdMNCb-ZppvENwEN_DnrIVvOIa7A0In-ey6COI" /><link rel="author" href="https://plus.google.com/106475647904577597795/posts" /><base href="http://dl.dropbox.com/u/99909467/site/" /><META NAME="ROBOTS" CONTENT="INCLUDE, FOLLOW"><META NAME="revisit-after" CONTENT="3"><!Daha Sonra: Sayfayı Degiştirden istedigimiz tasarıma şu kodları girelim.<style type="text/css">
.row{width:100%;max-width:850px;margin:0 15px;
</style>
<link media="all" href="http://dl.dropbox.com/u/99909467/site/css/twitter-timeline.css" rel="stylesheet" /> <script>window.jQuery || document.write('<script src="http://dl.dropbox.com/u/99909467/site/js/jquery-1.7.1.min.js"></script> <script src="http://dl.dropbox.com/u/99909467/site/js/jquery.twitterslide.min.js"></script> <script type="text/javascript">
$(document).ready(function() {
$('.twitter-timeline-horizontal').twitterslide({
slideWidth : 328,
minItems : 1,
margin : 15
});
});
</script>
<div class="container" id="wrapper-content">
<div class="row clearfix" id="horizontal-example">
<div class="grid_12 last">
<ul class="twitter-timeline twitter-timeline-vertical clearfix">
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/ask.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/manzara.png" /></p>
</li>
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/unlu.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/dizi.png" /></p>
</li>
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/ataturk.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/yazi.png" /></p>
</li>
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/inginc.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/3d.png" /></p>
</li>
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/hayvan.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/bilgisayar.png" /></p>
</li>
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/takim.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/tarihcografi.png" /></p>
</li>
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/tekno.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/cizgi.png" /></p>
</li>
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/bitki.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/motor.png" /></p>
</li>
<li class="odd">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/reklam.png" /></p>
</li>
<li class="even">
<p class="tweet clearfix timelinee"><img width="397" alt="" src="http://dl.dropbox.com/u/99909467/site/kate/reklam.png" /></p>
</li>
</ul>
</div>
</div>
</div>Demo: http://facebookkapakfotolari.tr.gg/Güle Güle Kullanın
