Sergrafik
Tasarım
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;
}
#webme_footer_textlink_dont_hide {
margin-left: auto;
margin-right: auto;
padding: 5px;
background: #333;
margin-top. 4px;
width: 940px;
display: block;
color: #fff;
font-size: 11px;
text-decoration: none;
text-align: center;
}
body a {text-decoration: none; color: #333;}
body {background: url(http://www.notionproductions.com/wp-content/uploads/2014/07/clean_background.jpg); font-family: Arial; font-size: 12px; background-size: cover; margin: 0px; padding: 0px;}
#logo {width: 950px; height: 80px; margin: auto;margin-bottom: 10px; margin-top: 10px;}
#menu {width: 950px; height: 50px; margin: auto; background: #e62758; z-index:2;}
#menu ul {list-style: none; margin: 0px; padding: 0px;}
#menu ul li a {display: block; text-align: center; float: left; padding-left: 15px; padding-right: 15px; line-height: 52px; height: 50px; color: #fff; text-decoration: none; font-family: Arial; font-size: 13px; box-shadow: 1px 0px 0px #e62758; transition: 0.4s;}
#menu ul li a:hover {background: #b01f44; }
#altmenu {width: 950px; height: 40px; margin: auto; background: #222;}
#altmenu ul {margin: 0px; padding: 0px; list-style: none;}
#altmenu ul li a {float: left; display: block; padding-left: 15px; padding-right: 15px; line-height: 40px; height: 40px; text-align: center; font-family: Arial; text-decoration: none; font-size: 12px; color: #fff; transition: 0.4s;}
#altmenu ul li a:hover {background: #111;}
#resim {width: 950px;padding-top: 150px; padding-bottom: 150px; margin: auto; background: url(https://ununsplash.imgix.net/43/tbExnLgTFScrSctjStm4_IMG_0684.JPG?q=75&fm=jpg&s=ca75e884850de971a384a0dad6fe1b91); background-size: cover; background-position-y: top;}
#resimyazi {font-size: 30px; background: #111; opacity: 0.6; color: #fff; padding: 30px;}
#ic {width: 920px; height: auto; margin: auto; background: #f9f9f9; padding: 15px; }
#footer {width: 950px; height: 150px; background: #222; margin: auto; padding-top: 10px; padding-bottom: 10px;}
#kutu1 {float: left; width: 216px; margin-left: 8px; margin-right: 8px;}
#kutu2 {float: left; width: 214px; margin-left: 8px; margin-right: 8px;}
#kutu2 img:hover { -webkit-filter: contrast(120%); filter: contrast(120%);}
#kutu2 img {width: 214px; height: 150px; transition: 0.1s;}
#baslik { width: 100%; height: 25px; line-height: 25px; border-left: 3px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; border-radius: 5px; padding-left: 5px; color: #fff; font-family: Arial; font-size: 13px; margin-bottom: 5px;}
#icbaslik { width: 100%; height: 35px; line-height: 35px; border-left: 3px solid #e62758; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 5px; padding-left: 5px; color: #fff; font-family: Arial; font-size: 14px; margin-bottom: 5px; color: #222; }
#kutu1 p {color: #f3f3f3;width: 210px; margin: auto; line-height: 17px;}
#kutu1 ul {list-style: none; margin: 0px; padding: 0px;}
#kutu1 ul li a {color: #f3f3f3; display: block; text-decoration: none; line-height: 17px; height: 17px;transition: 0.4s;}
#kutu1 ul li a :hover {}
#kaynak {width: 950px; text-align: center; height: 40px; line-height: 40px; background: #333; color: #fff; margin: auto;}
#kaynak a {color: #fff; font-weight: bold;text-decoration: none; height: 30px; line-height: 30px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #fff; padding: 4px; transition: 0.4s;}
#kaynak a:hover {background: #fff; color: #333;}
#clear {clear: both;}
/* Chicken scrollbar ayarlamalari */
/* Chicken scrollbar - 3 çizginin olduğu yer */
::-webkit-scrollbar-thumb {background:#e62758 url(https://img.webme.com/pic/c/chickenblog/scrollbar.gif) no-repeat center center; border:1px solid #e62758}
/* Chicken scrollbar - Scrollbar'ı boyutlandırabilirsiniz. */
::-webkit-scrollbar {width: 10px; height: 10px; }
/* Genel ayarlar sakin dokunma ! */
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;} ::-webkit-scrollbar-track-piece { background-color: #fff;}
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type='text/css'>
#menu table { background: black; color: white;}
#menu, td {
font: 13px sans-serif;
}
#stickyheader {
width: 100%;
height: 10px;
z-index:2;
}
#stickyalias {
display: none;
height: 10px;
}
#unstickyheader {
margin-bottom: 15px;
}
#othercontent {
margin-top: 20px;
}
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(function(){
// Check the initial Poistion of the Sticky Header
var stickyHeaderTop = $('#stickyheader').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > stickyHeaderTop ) {
$('#stickyheader').css({position: 'fixed', top: '0px'});
$('#stickyalias').css('display', 'block');
} else {
$('#stickyheader').css({position: 'static', top: '0px'});
$('#stickyalias').css('display', 'none');
}
});
});
});//]]>
</script>
<!--Tasarım Sepeti Reklam Gizleme START-->
<script>function tasarimsepetinoadd(){window.scrollTo(0,110)};tasarimsepetinoadd();
</script><style onload="tasarimsepetinoadd();">h6{box-shadow:none;}</style>
<!--Tasarım Sepeti Reklam Gizleme STOP-->
<body>
<div id="logo"><img src="https://img.webme.com/pic/s/sergrafik/Logo.png"/></div>
<div id="stickyheader">
<div id="menu">
<ul>
<li><a href="http://sergrafik.tr.gg/home.htm">Home</a></li>
<li><a href="http://sergrafik.tr.gg/Bize-ula%26%23351%3B-ar-.htm
">İletişim</a></li>
<li><a href="http://sergrafik.tr.gg/Hakk%26%23305%3Bmda.htm">Hakkımızda</a></li>
<li><a href="http://sergrafik.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretçi defteri</a></li>
<li><a href="http://sergrafik.tr.gg/Referanslar.htm">Referanslar</a></li>
</ul>
</div> <div id="clear"></div>
<div id="altmenu">
<ul>
<li><a href="http://sergrafik.tr.gg/Arkaplanlar.htm">Arkaplanlar</a></li>
<li><a href="http://sergrafik.tr.gg/Logolar.htm">Logolar</a></li>
<li><a href="http://sergrafik.tr.gg/Tasar%26%23305%3Bmlar.htm">Tasarımlar</a></li>
<li><a href="http://sergrafik.tr.gg/Dersler.htm">Dersler</a></li>
<li><a href="http://sergrafik.tr.gg/Ekstra-kodlar.htm">Ekstra kodlar</a></li>
<li><a href="http://sergrafik.tr.gg/Bize-ula%26%23351%3B-ar-.htm">Sorun bildir</a></li>
</ul>
</div></div><div id="clear"></div>
<div id="stickyalias"></div>
<div id="resim"><div id="resimyazi">Biz tasarlıyoruz!</div></div>
<div id="ic">
<div id="content">
</div>
</div>
<div id="footer">
<div id="kutu1">
<div id="baslik">Site hakkında</div>
<p>Sitemiz 19.02.2015 tarihinde kuruldu. Tüm haklarımız saklıdır. DMCA ile korunmaktadır. İzinsiz kopyalanması durumunda şikayet üzerine siteniz silinebilir. Site tamamen kendi kodlamamızdan oluşmuştur.</p>
</div>
<div id="kutu1">
<div id="baslik">Referanslar</div>
<ul>
<li><a href="#">> Dentasarım</a></li>
<li><a href="#">> Denmüzik</a></li>
<li><a href="#">> Kimyazar</a></li>
<li><a href="http://radyomaskot.tr.gg/">> RadyoMaskot</a></li>
<li><a href="#">> Siteni ekle</a></li>
<li><a href="#">> Siteni ekle</a></li>
</ul>
</div>
<div id="kutu1">
<div id="baslik">Link takas</div>
<ul>
<li><a href="#">> Siteni ekle</a></li>
<li><a href="#">> Siteni ekle</a></li>
<li><a href="#">> Siteni ekle</a></li>
<li><a href="#">> Siteni ekle</a></li>
<li><a href="#">> Siteni ekle</a></li>
<li><a href="#">> Siteni ekle</a></li>
</ul>
</div>
<div id="kutu1">
<div id="baslik">Abone ol</div>
<p> Sitemizden güncel paylaşımları, grafikleri, logoları vs. ilk size gelsin istiyorsanız, sitemize abone olup, güncel paylaşımlardan ilk senin haberin olabilir. Tek yapmak gereken <b>Buraya tıklayıp</b> abone olabilirsin.</p>
</div>
</div>
<div id="kaynak">Tüm hakları saklıdır. Tasarım ve kodlama: <a href="http://www.sergrafik.tr.gg/">SERGRAFİK</div>
</body>
<br>
