Bi Tasarım Yaptım Bakın İsteyen Alsın.
Tasarımın Üstündeki Yazı:
<!--Kod Dostu Tasarım Üstü START--><!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.--><!--Telif Sahibi:
www.koddostu.com--> <koddostu id="beginju"><!DOCTYPE HTML><style type="text/css">a.bannerkaydir{position:absolute;text-align:center;z-index:66000;line-height:22px;display:none;top:600px;right:5px;width:158px;height:22px;border:1px solid #000;border-top:none;font-family:Helvetica, Arial, sans-serif;color:#fff !important;font-size:14px;font-weight:bold;text-decoration:none !important;text-shadow:0 0 3px #000000;background:#333333 url(http://4.bp.blogspot.com/-xrymx8MldVE/UI0smo0sVoI/AAAAAAAAOog/WIMqHBz-d0g/s1600/gallery-back-other.png) repeat-x top left;}</style><a href="javascript:void(0)" class="bannerkaydir" name="koddostuuuu" onclick="koddostukaydirma();" id="koddostukaydir">Sola Kaydır</a></koddostu><script>var judoc = document;var endofju = judoc.getElementById('beginju');var kdmagname = endofju.tagName;var startju = 'D';var waitju = 'T';var stopju = 'O';if(kdmagname == 'K'+ stopju + startju + startju + stopju +'S'+ waitju +'U'){document.getElementById('koddostukaydir').style.display='block';}else{alert('Kor' + 'san ko' + 'd k' + 'ulla' + 'ndığı' + 'nız t' + 'es' + 'pit e' + 'dil' + 'di. L' + 'ütf' + 'en k' + 'oddo' + 'stu.c' + 'om u t' + 'erc' + 'ih e' + 'di' + 'n.');}</script><script>function koddostukaydirma(){var koddostutik = document.getElementById('koddostukaydir').name;if(koddostutik == 'koddostuuuu'){document.getElementById('webme_sky_ad').style.right='auto';document.getElementById('koddostukaydir').style.right='auto';document.getElementById('webme_sky_ad').style.left='5px';document.getElementById('koddostukaydir').innerHTML='Sağa Kaydır';document.getElementById('koddostukaydir').style.left='5px';document.getElementById('koddostukaydir').name = 'kdostuuu'}if(koddostutik == 'kdostuuu'){document.getElementById('webme_sky_ad').style.left='auto';document.getElementById('koddostukaydir').style.left='auto';document.getElementById('koddostukaydir').innerHTML='Sola Kaydır';document.getElementById('webme_sky_ad').style.right='5px';document.getElementById('koddostukaydir').style.right='5px';document.getElementById('koddostukaydir').name = 'koddostuuuu'}}</script><!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.--><!--Telif Sahibi:
www.koddostu.com--><!-- Kod Dostu Kod Başlangıcı --><style>#kutuboyutu{width:400px;height:200px;}</style><!DOCTYPE HTML><style type="text/css">div.dbhu{position:fixed;text-align:left;z-index:1000;}div.oocin{top:0px;left:0px;padding-top:120px;}</style><style type="text/css">div.dbhu{_position:absolute;}div.oocin{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="faceuyari" class="dbhu oocin" style="text-align:left;width:100%;height:100%;background-color.transparent;"><center><div id="kutuboyutu" style="padding:10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background-color:#868686;background-color: rgba(82, 82, 82, 0.7);"><div style="background-color:white;width:100%;height:100%;border:none;position:relative;overflow:hidden;padding-right:1px;border-right:1px solid #555;"><div style="width:100%;height:27px;background-color:#6d84b4;border-top:1px solid #3b5998;border-left:1px solid #3b5998;border-right:1px solid #3b5998;border-bottom:none !important;text-align:left;position:relative;"><!-- Bu kod Kod Dostu tarafından oluşturulmuştur --><!-- BU LİNKİ DEĞİŞTİRMEK YASAKTIR --><a target="_blank" href="http://koddostu.com/2012/01/sitene-facebookdaki-gibi-aclan-kutular.html" style="position:absolute;top:2px;right:3px;margin:0px;padding:0px;background-color:transparent;border:none;color:white;font-size:14px;font-family:Verdana;font-weight:bold;text-decoration:none;"><!-- BU LİNKİ DEĞİŞTİRMEK YASAKTIR -->?</a><a style="line-height:27px;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:14px;margin-left:10px;">Önizleme !</a></div><div style="width:100%;height:100%;border:1px solid #555555;border-top:none !important;margin-top:0px;text-align:left;padding:16px;font-family:Verdana;font-size:12px;font-weight:normal;color:black;"><!-- Aşağıdaki yazıları değiştirerek kutuda yazacak şeyleri belirleyebilirsiniz: -->Sitemize Hoş Geldiniz.</div><div style="background-color:#f2f2f2;width:100%;height:40px;position:absolute;bottom:0px;left:0px;border:1px solid #555555;border-top:1px solid #ccc !important;text-align:right;"><a onclick="document.getElementById('faceuyari').style.display='none';" style="margin:0px;padding:0px;border:none;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:12px;"><!-- Bu kod Kod Dostu tarafından oluşturulmuştur --><button style="margin-top:9px;margin-right:10px;border:1px outset #29447e;border-bottom:1px solid #213d79 !important;height:25px;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:12px;background-color:#5872a7;padding-bottom:3px;">Tamam</button></a></div></div></div></center></div><center><div id="koddostuheading"></div><div id="koddostucontent"><div id="koddostumain"><!--Kod Dostu Tasarım Üstü STOP-->
Tasrımın Altındaki Yazı:
<!--Kod Dostu Tasarım Altı START--></div><div id="koddostusidebar"><center><div style="text-align:left;"></div></center><center> </center><center> </center><center> </center></div></div><div id="koddostufooter">footer içeriği buraya gelecek</div></center><!--Kod Dostu Tasarım Altı STOP-->
Css Bölümü:
body{background:#ccc url(http://3.bp.blogspot.com/-t1ITk4j57II/UKjKqghOYPI/AAAAAAAAPjE/E5SHsZfrJHE/s1600/wood.jpg) repeat top left;}#koddostuheading{width:960px;border:1px solid #1C1C1C;height:100px;margin-top:5px;margin-bottom:10px;background:#efefef url(http://3.bp.blogspot.com/-nCSnzoo9Vjw/UKjKjsjUdqI/AAAAAAAAPiE/WJ_dEpJNhgE/s1600/black-audio-grey-stripes.gif) repeat top left;-webkit-border-radius:20px;border-radius:20px;}#title{left:35px;position: absolute;top: -115px;}#title span{font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:30px;text-shadow: 0 0 3px #000000;}body,a,p,span{color:#444444}h1,h2,h3,h4,h5,h6,b,a:link,{color:#111319;text-decoration:none;}h2 span{color:#fff !important;}#koddostucontent{position:relative;width:980px;}#header_container{display:none;}#nav_heading{display:none;}#sidebar_container{display:none;}#container{margin-left:10px;margin-top:10px;}#nav{padding-right:0px;padding-top:4px;padding-bottom:5px;padding-left:9px;margin:0px;height:39px;width:753px;background-color:#111319;position:absolute;top:0px;left:8px;-webkit-border-top-left-radius:20px;border-top-left-radius:20px;}#nav li{display:inline-block;list-style-type:none;padding:9px;vertical-align:middle;margin:0px;margin-left:8px;border:1px solid #1C1C1C;background-color:#111319;-webkit-border-radius:20px;border-radius:20px;}#nav li a span{color:#FFFFFF !important;text-decoration:none !important;}#nav li:hover{background-color:#111319 !important;text-decoration:none !important;}#nav li a{text-decoration:none !important;}#content_container{padding-top:39px;}#koddostumain{-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;}#koddostusidebar{-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;}#koddostumain{border-right:none !important;}#koddostucontent{width:980px}#koddostumain{text-align:left;display:inline-block;width:760px;min-height:500px;vertical-align:top;border:1px solid #1C1C1C;background-color:#FFFFFF;}#koddostusidebar{text-align:left;display:inline-block;width:200px;min-height:400px;vertical-align:top;border:1px solid #1C1C1C;background-color:#F1F1F1;min-height:500px;}#koddostufooter{width:980px;}
Merak ettiginiz birşeymi var?
