Tekil Mesaj gösterimi - Süper Facebook Timeline Teması Gri

Konu Süper Facebook Timeline Teması Gri

18-09-2012, 19:51:41

Üyeliği durduruldu

Tr.GG sitem iiçin kodlamıştım hitli siteye ama siteyi sattım nasip olmadı buyrun dagıtıyorum herkeze demo www.facebookkapakfotolari.tr.gg isteyen HTML yapıp entegre etsin.

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