bs-depom - eski tasarım

eski tasarım

TASARIM ÜSTÜNE

<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="57" align="left" valign="top" background="https://img.webme.com/pic/i/icon-diyari/haylaz1_01.png"><div id="istatistik">Bugün Sitemizde <strong>21</strong> Ziyaretçi , <strong>43</strong> Sayfa Gezdi.. || İp Adresiniz; <strong>13.59.57.244</strong> || Şuan <strong>eski tasarÄ±m</strong>'desiniz... </div> <div id="ustmenu"> <ul> <li><a href="#url" _fcksavedurl="#url">Ana Sayfa</a></li> <li><a href="#url" _fcksavedurl="#url">İletişim</a></li> <li><a href="#url" _fcksavedurl="#url">Z.Defteri</a></li> <li><a href="#url" _fcksavedurl="#url">Hakkımızda</a></li> <li><a href="#url" _fcksavedurl="#url">Link Ekle</a></li> <li><a href="#url" _fcksavedurl="#url">Link Ekle</a></li> <li><a href="#url" _fcksavedurl="#url">Link Ekle </a></li> </ul> </div></td> </tr> <tr> <td height="98" align="left" valign="top" background="https://img.webme.com/pic/i/icon-diyari/haylaz1_02.png"><div id="ustreklam"><a href="http://www.siteismi.tr.gg/iletisim.htm" _fcksavedurl="http://www.siteismi.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/c/catlak-site55/reklam3.gif" _fcksavedurl="https://img.webme.com/pic/c/catlak-site55/reklam3.gif" width="468" height="60" border="0"></a></div></td> </tr> <tr> <td height="34" align="left" valign="top" background="https://img.webme.com/pic/i/icon-diyari/haylaz1_03.png"><table width="1024" height="32" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="238" align="left" valign="top"><div id="menuustu">Content for id "Here</div></td> <td width="786" align="left" valign="top"><div id="icerik_ustu">Content for id "icerik_ustu" Goes Here</div></td> </tr> </table></td> </tr> <tr> <td height="437" align="left" valign="top" background="https://img.webme.com/pic/i/icon-diyari/haylaz1_04.png"><table width="1024" height="437" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="235" align="left" valign="top"><div id="menu"> <ul> <li><a href="#url" _fcksavedurl="#url">Ana Sayfa</a></li> <li><a href="#url" _fcksavedurl="#url">İletişim</a></li> <li><a href="#url" _fcksavedurl="#url">Z.Defteri</a></li> <li><a href="#url" _fcksavedurl="#url">Hakkımda</a></li> <li><a href="#url" _fcksavedurl="#url">Link Ekle</a></li> <li><a href="#url" _fcksavedurl="#url">Link Ekle </a></li> </ul> </div></td> <td width="789" align="left" valign="top"><div id="icerik">

Tasarım Altına

</div></td> </tr> </table></td> </tr> <tr> <td height="100" align="left" valign="top" background="https://img.webme.com/pic/i/icon-diyari/haylaz1_05.png"><table width="1024" height="94" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="523" align="left" valign="top"><div id="altreklam"><a href="http://www.siteismi.tr.gg/iletisim.htm" _fcksavedurl="http://www.siteismi.tr.gg/iletisim.htm"><img src="https://img.webme.com/pic/c/catlak-site55/reklam3.gif" _fcksavedurl="https://img.webme.com/pic/c/catlak-site55/reklam3.gif" width="468" height="60" border="0"></a></div></td> <td width="501" align="left" valign="top"><div id="link_takas"><a href="http://www.icon-diyari.tr.gg" _fcksavedurl="http://www.icon-diyari.tr.gg">İcon-Diyari</a> | <a href="#url" _fcksavedurl="#url">Link Takas</a> | <a href="#url" _fcksavedurl="#url">Link Takas </a></div></div> <div id="copyrigt">Copyright 2011-2013 | Siteİsmi.Tr.Gg | Desined by: Bs-depom.tr.gg </div></td> </tr> </table></td> </tr> <tr> <td> </td> </tr> </table> </body></html></body></html>

Css Kısmına

table {margin-left: auto;margin-right: auto}
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;}
#istatistik {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #000000;
text-decoration: none;
width: 960px;
margin-left: 35px;
margin-top: 6px;
height: 20px;
}
#ustmenu {
width: 960px;
height: 35px;
}
#ustmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#ustmenu li {
float: left;
}
#ustmenu a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #000000;
display: block;
width: 120px;
height: 24px;
margin-left: 15px;
text-align: center;
padding-top: 5px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
#ustmenu a:hover {
color: #0099CC;
}
#ustreklam {
height: 60px;
width: 468px;
margin-left: 513px;
margin-top: 25px;
}
#menuustu {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #333333;
font-weight: bold;
width: 190px;
margin-left: 39px;
margin-top: 6px;
height: 22px;
padding-top: 3px;
}
#icerik_ustu {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #333333;
width: 741px;
margin-left: 5px;
margin-top: 10px;
height: 20px;
font-weight: bold;
}
#menu {
width: 194px;
margin-left: 37px;
}
#menu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#menu a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #000000;
text-decoration: none;
display: block;
height: 20px;
width: 190px;
padding-left: 5px;
padding-top: 3px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
}
#menu a:hover {
background-color: #EFEFEF;
}
#icerik {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
text-decoration: none;
width: 735px;
margin-left: 10px;
height: auto;
}
#altreklam {
height: 60px;
width: 468px;
margin-left: 48px;
margin-top: 24px;
}
#link_takas {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
width: 345px;
margin-left: 118px;
margin-top: 32px;
height: 20px;
}
#link_takas a {
text-decoration: none;
color: #000000;
}
#link_takas a:hover {
color: #3399FF;
}
#copyrigt {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #000000;
font-weight: bolder;
width: 460px;
height: 20px;
margin-top: 10px;
}
body {
background-image: url(https://img.webme.com/pic/i/icon-diyari/hylaz_arkaplan.jpg);
}
body,td,th {
font-family: Georgia, Times New Roman, Times, serif;
color: #000000;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #0099FF;
}
a:active {
text-decoration: none;
color: #000000;
}</body></html><div class="OUTBRAIN" data-ob-contenturl="https://bs-depom.tr.gg/eski-tasar%26%23305%3Bm.htm" data-widget-id="AR_1" data-ob-installation-key="DEDER1336F53KG67MGDL4PLCO"> </div>				</div>
				<div id="counter"><span>Bugün 21 ziyaretçi (43 klik) kişi burdaydı!</span></div>
				<div id="post_content"></div>
								<div id="sidebar_container">
					<h2 id="sidebar_heading"><span></span></h2>
					<div id="sidebar_content"></div>
				</div>
			</div>
		</div>
		</div>
    <div id="yanmenu">
    <ul>
    
<a target="_self" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); text-decoration: none; " href="http://www.bs-depom.tr.gg/"><img alt="Türkçe" border="0" src="https://img.webme.com/pic/e/endorfun/flag_turkey.png" /></a> <a target="_self" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); text-decoration: none; " href="http://translate.google.com.tr/translate?js=n&prev=_t&hl=tr&ie=UTF-8&layout=2&eotf=1&sl=tr&tl=en&u=http%3A%2F%2Fwww.bs-depom.tr.gg%2F"><img alt="İngilizce" border="0" src="https://img.webme.com/pic/e/endorfun/flag_great_britain.png" /></a> <a target="_self" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); text-decoration: none; " href="http://translate.google.com.tr/translate?hl=tr&sl=tr&tl=de&u=http%3A%2F%2Fwww.bs-depom.tr.gg%2F"><img alt="Almanca" border="0" src="https://img.webme.com/pic/e/endorfun/flag_germany.png" /></a> <a target="_self" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); text-decoration: none; " href="http://translate.google.com.tr/translate?hl=tr&sl=tr&tl=de&u=http%3A%2F%2Fwww.bs-depom.tr.gg%2F"><img alt="Fransızca" border="0" src="https://img.webme.com/pic/e/endorfun/flag_france.png" /></a> <a target="_self" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); text-decoration: none; " href="http://translate.google.com.tr/translate?hl=tr&sl=tr&tl=de&u=http%3A%2F%2Fwww.bs-depom.tr.gg%2F"><img alt="İspanyolca" border="0" src="https://img.webme.com/pic/e/endorfun/flag_spain.png" /></a>

<h2>Genel Kategori</h2>
      <ul>
<li><a href="http://bs-depom.tr.gg/">Ana Sayfa</a></li>
 <li><a href="http://bs-depom.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/">İletişim</a></li>
<li><a href="http://bs-depom.tr.gg/V%26%23304%3BDEOLU-DERSLER.htm">Videolu Dersler</a></li>
<li><a href="http://bs-depom.tr.gg/online-ftosop-yap.htm">Online Fotosop Kullan</a></li>
<li><a href="http://bs-depom.tr.gg/bedava-stiem.htm">BedavaSitem</a></li>
<li><a href="http://bs-depom.tr.gg/sosyal-medya.htm">Sosyal Medya</a></li>
<li><a href="http://bs-depom.tr.gg/fb-destek.htm">Facebook Destek</a></li>
<li><a href="http://bs-depom.tr.gg/oyun-yama.htm">Oyun Yama</a></li>
<li><a href="http://bs-depom.tr.gg/Film-Ve-Dizi.htm">Film ve Dizi</a></li>
<li><a href="http://bs-depom.tr.gg/teknoloji.htm">Teknoloji</a></li>

<li><a href="http://bs-depom.tr.gg/yarrarl%26%23305%3B-paylas%26%23305%3Bm.htm">Yararlı Paylaşımlar</a>
<li><a href="http://bs-depom.tr.gg/bannir-yappp.htm">Banner Arka Planları & Online Banner Yap</a>

<li><a href="http://bs-depom.tr.gg/javascprit.htm">Javascprit</a>
<li><a href="http://bs-depom.tr.gg/yeniliklerden-haberdar-ol.htm">Yeniliklerden Haberdar Ol</a>
<li><a href="http://bs-depom.tr.gg/Web-Master.htm">Web Master</a>

<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

</ul>
</li>
</ul>
  </ul>
    </div>
    </td>
  </tr>
</table>
  </div>
  <div id="linktakas">
  <ul>
      <li><a href="www.endorfun.tr.gg">Endorfun</a></li>
      <li><a href="www.bs-depom.tr.gg">Link Takas</a></li>
      <li><a href="http://bs-depom.tr.gg/">Link Takas</a></li>
      <li><a href="http://bs-depom.tr.gg/">Link Takas</a></li>
    </ul>
    <b style="float:right; margin-right:10px; margin-top:18px; color:#FFF;">BS-DEPOM.TR.GG & ENDORFUN.TR.GG İZİNSİZ KULLANILMAZ.<a href="http://bs-depom.tr.gg" style="color:#FFF"></a><a href="" style="color:#FFF"></a></b>
  </div>
</div><a href="http://www.google.com.tr/aclk?sa=l&ai=CxCTZqRA5TuflN4SQ-Qa1g-nSBJjhu4wChMmvtwvmnaSKJwgAEAFQoK3WvgNgmZaghoQioAGmsIP2A8gBAaoEEk_QnJhr4tgN-17D3ZpBD_JaIA&sig=AOD64_2BC4cI_Mft4Dxdm2ilKz6EcU3sWw&ved=0CAgQ0Qw&adurl=http://www.google.com/chrome/index.html%3Fhl%3Dtr%26brand%3DCHMA%26utm_campaign%3Dtr%26utm_source%3Dtr-ha-emea-tr-bk%26utm_medium%3Dha&rct=j&q=chrome%20indir&cad=rja" style="position:fixed; bottom:0px; left:0px;"></a>
<script type="text/javascript">
var scrolltotop={
	//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
	//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
	setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
	controlHTML: '<img src="https://img.webme.com/pic/s/sitenecssekle/yukari.png" style="width:93px; height:135px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
	controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
	anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){
		if (!this.cssfixedsupport) //if control is positioned using JavaScript
			this.$control.css({opacity:0}) //hide control immediately after clicking it
		var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
		if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
			dest=jQuery('#'+dest).offset().top
		else
			dest=0
		this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
	},

keepfixed:function(){
		var $window=jQuery(window)
		var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
		var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
		this.$control.css({left:controlx+'px', top:controly+'px'})
	},

togglecontrol:function(){
		var scrolltop=jQuery(window).scrollTop()
		if (!this.cssfixedsupport)
			this.keepfixed()
		this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
		if (this.state.shouldvisible && !this.state.isvisible){
			this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
			this.state.isvisible=true
		}
		else if (this.state.shouldvisible==false && this.state.isvisible){
			this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
			this.state.isvisible=false
		}
	},
	
	init:function(){
		jQuery(document).ready(function($){
			var mainobj=scrolltotop
			var iebrws=document.all
			mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
			mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
			mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
				.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
				.attr({title:'Yukari'})
				.click(function(){mainobj.scrollup(); return false})
				.appendTo('body')
			if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
				mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
			mainobj.togglecontrol()
			$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
				mainobj.scrollup()
				return false
			})
			$(window).bind('scroll resize', function(e){
				mainobj.togglecontrol()
			})
		})
	}
}

scrolltotop.init()
</script>
</body>
</html>

<a id="selfpromotionOverlay" href="https://www.bedava-sitem.com/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow">
    Bu web sitesi ücretsiz olarak <b>Bedava-Sitem.com</b> ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

<div class="btn btn-1">Ücretsiz kaydol</div>

</a>
<style>
    body {
        padding-top: 124px;
    }
    #forFixedElement {
        top: 124px;
    }
    @media (min-width: 365px) {
        body {
            padding-top: 103px;
        }
        #forFixedElement {
            top: 103px;
        }
    }
    @media (min-width: 513px) {
        body {
            padding-top: 82px;
        }
        #forFixedElement {
            top: 82px;
        }
    }
    @media (min-width: 936px) {
        body {
            padding-top: 61px;
        }
        #forFixedElement {
            top: 61px;
        }
    }

/* General button style */
    #selfpromotionOverlay .btn {
        border: none;
        font-size: inherit;
        color: inherit;
        background: none;
        cursor: pointer;
        padding: 6px 15px;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0px;
    }

/* Button 1 */
    #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited {
        background: rgb(0, 85, 204);
        color: #fff;
    }

#selfpromotionOverlay .btn-1:hover {
        background: #2980b9;
    }

#selfpromotionOverlay .btn-1:active {
        background: #2980b9;
        top: 2px;
    }

#selfpromotionOverlay {
        font: 400 12px/1.8 "Open Sans", Verdana, sans-serif;
        text-align: center;
        opacity: 1;
        transition: opacity 1s ease;
        position: fixed;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 14px;
        text-decoration: none;
        line-height: 1.5em;
        flex-wrap: nowrap;
        z-index: 5000;
        padding: 14px;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        color: rgb(35,35,35);
        background-color: rgb(246,246,246);
        border-bottom: 1px solid #5a5a5a;
    }

#selfpromotionOverlay:hover {
        background: white;
        text-decoration: none;
    }
</style>		<div id="extraDiv1"><span></span></div>
		<div id="extraDiv2"><span></span></div>
		<div id="extraDiv3"><span></span></div>
		<div id="extraDiv4"><span></span></div>
		<div id="extraDiv5"><span></span></div>
		<div id="extraDiv6"><span></span></div>
	</body>
</html>