Sitene Ekle | HTML Kodları

6 Kasım 2016 Pazar

Tr.gg Bedava Forum Teması 2016

Den-Forum V1 Teması Tr.Gg

<body>
<div id="Logobg">
<div id="logo">
</div>
<div id="buton">
<a href="http://denforum.tr.gg/Forum/anmelden.htm">KAYIT OL</a> <a href="http://denforum.tr.gg/Forum/index.htm">GİRİŞ YAP</a></div>
</div>
<div id="menu">
<ul>
<li><a href="http://denforum.tr.gg/Forum/index.htm#" class="forum">FORUM</a></li>
<li><a href="http://denforum.tr.gg/-Ue-yelerimiz.htm
" class="uyeler">ÜYELER</a></li>
<li><a href="http://denforum.tr.gg/Y.oe.netim.htm
" class="yonetim">YÖNETİM</a></li>
<li><a href="http://denforum.tr.gg/Gruplar.htm" class="gruplar">GRUPLAR</a></li>
<li><a href="http://denforum.tr.gg/Ba%26%23351%3Bvuru-yap.htm
" class="basvuru">BAŞVURU</a></li>
<li><a href="http://denforum.tr.gg/Ekstra.htm
" class="ekstra">EKSTRA</a></li>
</ul>
</div>
<div id="icerik">
<div id="content">

Tasarımın altındaki yazı:

</div>
</div>
<div id="alt">
<table width="880" border="0" cellspacing="10">
<tr>
<td width="220" height="153" align="center" valign="top"><div id="altbaslik">
<a href="#">SİTELERİM</a></div>
<div id="altmenuv1">
<ul>
<li><a href="#">Dentasarım</a></li>
<li><a href="#">Denmüzik</a></li>
<li><a href="#">SİTENİ EKLE</a></li>
<li><a href="#">SİTENİ EKLE</a></li>
<li><a href="#">SİTENİ EKLE</a></li>
</ul>
</div>
</td>
<td width="220" height="153" align="center" valign="top"><div id="altbaslik">
<a href="#">REKLAM ALANI</a></div>
<div id="altmenuv1">
 
<ul>
<li><a href="http://nextbear.tr.gg/">NextBear</a></li>
<li><a href="http://opentube.tr.gg/">Opentube</a></li>
<li><a href="http://www.teknoanaliz.tr.gg">Teknoanaliz </a></li>
<li><a href="#">SİTENİ EKLE </a></li>
<li><a href="#">SİTENİ EKLE </a></li>
</ul>
</div>
</td>
<td width="220" height="153" align="right" valign="top"><div id="altbaslik">
<a href="#">HAKKIMIZDA</a></div>
<div id="altyaziv1">
Sıra geldi bana, 18 yaşındayım, İstanbul' da yaşıyorum, henüz lise son sınıftayım, bölümüm bilgisayar değil ama hobi olarak tasarım ve css kodlamayı öğreniyorum, ne bilim bana zevkli geliyor, kimine göre boş iş, kimine göre zevkli. </div>
</td>
<td width="220" height="153" align="center" valign="top"><div id="altbaslik">
<a href="#">SİTEMİZ HAKKINDA</a></div>
<div id="altyaziv1">
Sitemizin tüm hakları korunmaktadır, izinsiz alıntı yapılamaz veya kopyalanamaz, DMCA ile korunmaktadır. İzinsiz bir bağlantı, metin, resim vs. kopyalandığında siteniz kapatılabilir. Kaynak göstermeden paylaşmak yasaktır.</div>
</td>
</tr>
</table>
<div id="altv1">
 TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="#">DENTASARIM</a></div>
</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;
}

#ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb {
margin:auto;
}
#webme_footer_textlink_dont_hide {
margin-left: 350px;
}
#webme_sky_ad {
}

 

 

body {
background-image: url(http://img.webme.com/pic/d/denforum/aw-background.png);
background-position: top;
background-color: #FFF;
}

#menu {
margin: auto;
width: 900px;
height: 50px;
background-color: #F7F7F7;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu ul li a {
width: 150px;
float: left;
height: 50px;
line-height: 50px;
text-align: center;
display: block;
color: #333;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
box-shadow: 0px 0px #666;
background-color: #F7F7F7;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#icerik {
width: 880px;
margin-top: 10px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
height: auto;
background-color: #F7F7F7;
padding: 10px;
color: #333;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
}
#alt {
padding: 10px;
width: 880px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
height: auto;
background-color: #F7F7F7;
}
#altmenuv1 ul li a {
text-decoration: none;
color: #666;
text-align: left;
display: block;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 10px;
font-weight: bold;
line-height: 25px;
height: 25px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#altyaziv1 {
font-size: 12px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-weight: normal;
text-align: left;
}
#altyaziv1 a {
text-decoration: none;
font-size: 11px;
color: #333;
border: 1px dashed #333;
height: 20px;
display: block;
width: 150px;
float: right;
}
#altmenuv1 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#altbaslik a {
line-height: 25px;
height: 25px;
width: auto;
color: #333;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
text-align: left;
display: block;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #333;
}
#menu ul li .forum {
background-color: #3CF;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
}
#menu ul li a:hover {
background-color: #33CCFF;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
height: 40px;
width: 130px;
margin-right: 10px;
margin-left: 10px;
line-height: 40px;
margin-top: 5px;
margin-bottom: 5px;
}
#menu ul li .forum:hover {
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
height: 50px;
width: 150px;
line-height: 50px;
margin: 0px;
padding: 0px;
}
#Logobg {
width: 900px;
margin: auto;
height: 100px;
background-repeat: no-repeat;
}
#logo {
background-image: url(http://img.webme.com/pic/d/denforum/denforumlogov1.png);
background-repeat: no-repeat;
height: 100px;
width: 330px;
float: left;
}
#buton {
float: right;
width: 225px;
height: 40px;
margin-top: 25px;
margin-bottom: 25px;
}
#buton a {
font-size: 12px;
text-decoration: none;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #333;
width: 80px;
height: 20px;
line-height: 20px;
text-align: center;
display: block;
float: right;
margin-left: 10px;
padding: 10px;
background-color: #F7F7F7;
border: 1px dotted #F3F3F3;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#baslikv1 {
line-height: 35px;
height: 35px;
border-left-width: 3px;
border-left-style: solid;
padding-left: 5px;
width: auto;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
font-size: 12px;
font-weight: bold;
color: #181818;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-top-color: #181818;
border-right-color: #181818;
border-bottom-color: #181818;
border-left-color: #181818;
}
#yesilv1 {
line-height: 35px;
height: 35px;
border-left-width: 3px;
border-left-style: solid;
padding-left: 5px;
width: auto;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
font-size: 12px;
font-weight: bold;
color: #666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-top-color: #063;
border-right-color: #063;
border-bottom-color: #063;
border-left-color: #063;
background-color: #0C3;
}
#baslikv1 a {
display: block;
text-decoration: none;
color: #181818;
}
#yesilv1 a {
display: block;
text-decoration: none;
color: #181818;
}
#buton a:hover {
font-size: 12px;
text-decoration: none;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #333;
width: 80px;
height: 20px;
line-height: 20px;
text-align: center;
display: block;
float: right;
margin-left: 10px;
padding: 10px;
background-color: #33CCFF;
border: 1px solid #F3F3F3;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
border-radius: 10px;
}
#uyari {
line-height: 35px;
height: 35px;
border-left-width: 3px;
border-left-style: solid;
padding-left: 5px;
width: auto;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
font-size: 12px;
font-weight: bold;
color: #666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-top-color: #C00;
border-right-color: #C00;
border-bottom-color: #C00;
border-left-color: #C00;
background-color: #FFD5D5;
}
#alt #altv1 a {
text-decoration: none;
font-size: 11px;
color: #333;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
}
#alt #altv1 {
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
text-align: center;
line-height: 25px;
height: 25px;
background-color: #3CF;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
}
#uyari a {
display: block;
text-decoration: none;
color: #181818;
}
#altmenuv1 ul li a:hover {
text-decoration: none;
color: #3CF;
text-align: left;
display: block;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 10px;
font-weight: bold;
line-height: 25px;
height: 25px;
padding-left: 5px;
}

#siralama {
font-size: 12px;
height: auto;
width: auto;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #333;
}
#siralama ul {
list-style-type: square;
padding-top: 0px;
padding-bottom: 0px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#siralamaul li {
transition: 1s;
}
#siralama ul li:hover {
padding-left: 5px;
color: #33CCFF;
}

#siralama ul li a {
font-size: 12px;
font-weight: bold;
color: #333;
text-decoration: none;
font-family: Arial, Calibri, "Microsoft YaHei";
line-height: 20px;
display: block;
height: 20px;
width: auto;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}

#siralama ul li a:hover {
padding-left: 3px;
color: #33CCFF;
width: auto;
}

Forum kodu:

<style>
a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;

Color: #333;

}

/* Profil resmi */
td[width="123"] b a[href="profil-1.htm"]:after{content:url(http://images.clipartlogo.com/files/images/14/148275/monster-vector-image_t.gif);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto;}

/* UnkNowN'in profil resmi */
td[width="123"] b a[href="profil-4.htm"]:after{content:url(http://th09.deviantart.net/fs70/150/i/2012/309/7/0/sar_kata_insan__the_beheaded_man__by_immadb-d5jezax.jpg);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto; width: 100px}

/* TeknoAnaliz'in profil resmi */
td[width="123"] b a[href="profil-2.htm"]:after{content:url(http://s10.postimg.org/45bdhaamt/matrix1_chateau_photo_03_dp3.jpg);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto; width: 100px}

 

/* Profil resmi - herkese */
td[width="123"] b a:after{content:url(http://img.webme.com/pic/d/dentasarim/karakterv1.png);display:block;margin-top:1px}

/* Görüntülenme */
td[width="75"]{background:url(http://img.webme.com/pic/f/forumkitab/kagit.png) no-repeat left;text-align:center}td[width="120"],
</Style>

<style>
/* Konu resimleri */
td[width="300"]{background:url(http://2-ps.googleusercontent.com/x/www.tamindir.com/img.tamindir.com/ti_e_ul/erkancalp/p/xklasorler-wphone-simge_32x32.png.pagespeed.ic.jL1WkyqYL5.png) left no-repeat;padding:30px 10px 30px 55px;}
</Style>

30 Eylül 2016 Cuma

Sitene Günün Sözü Ekle Html Kodu

Sitenize 24 saatte bir yenilenen günün sözü eklemek isterseniz hemen kodu yapıştırın.

Sitene Haber Ekle Html Kodu

Sitenize güzel bir haber köşesi eklemek ister misiniz? Hemde konuları otomatik çeker.

Sitenin Sol Tarafına Türk Bayrağı Ekleme Html

Sitenizin en sol tarafında üst kısma sabit bir Türk bayrağı eklemek ister misiniz? Html kodu

<style type="text/css">div.fixed-position{_position:absolute;}div.fixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="kod_dostu turk_bayragi" style="width:135px;height:135px;background-image:url(http://img13.imageshack.us/img13/2687/yomoho.png)"><a target="_blank"  onfocus="this.blur();" href="http://kaankose.com/" class="kdrs" style="margin:0px;padding:0px;border:none;text-decoration:none;display:block;width:90px;height:18px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UeyRzIcRbKFhatiMDGlwjlp3PwQr0ACH0gPIOT1XAvFyq75ykqRda3ooHY-4rS4hrFxLX17aSMdbrrqgR1cS36Nr2bBWXNBEAhjHGayAnpT0j2ZZYU9HK0nEGRSvL4JTfyV9KD8oxX_f/s1600/kd32.png);opacity:0.45;filter:alpha(opacity=45);position:absolute;top:0px;left:-62px;"></a><style>.kdrs:hover{left:0px !important;opacity:0.70 !important;filter:alpha(opacity=70) !important;}</style><style type="text/css">div.kod_dostu{position:fixed;z-index:3000;}div.turk_bayragi{top:0px;left:0px;}</style></div>
<script src="https://www.koddostu.com/duzelt.js?no=250"></script>

Sitene Giriş (İntro) Ekle Lamba Html

Sitenize lamba, intro girişi ekleyin, lambaya tıklayınca açılsın hemde html kodu!

<!DOCTYPE HTML><style type="text/css">div.tht-position{position:fixed;z-index:6010;}div.tht-s-e{top:72px;right:0px;}</style><style type="text/css">div.tht-position{_position:absolute;}div.tht-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><koddostu></koddostu><div class="tht-position tht-s-e">
<a id="lambakapali"  onclick="document.getElementById('lambaacik').style.display='block';document.getElementById('lambakapali').style.display='none';document.getElementById('gölgem').style.display='none';" style="margin:0px !important;padding:0px !important;border:none !important;background-color:transparent !important;cursor:pointer;"  title="Lambayı Aç"><img  style="margin:0px !important;padding:0px !important;border:none !important;background-color:transparent !important;"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfSbycZ-myRcJ1XQFZWtV7-XbTWOHSyPi7xBeXrA1DQUORjwW7ozFpf6RMf1WI9w5Z9lxtR_1BDytfcdbWhRCajt0SGSOpbwBZovaaOeEs72cxyZOaGuhSTUNUNff_i5GKRRNgCsW58rXl/s1600/LampOff.png" border="0"></a><script Language='Javascript'>

</Script></div>
<style type="text/css">div.gtg-position{position:fixed;text-align:center;z-index:6008;background-color:black;opacity:0.98;
filter:alpha(opacity=98);width:100%;height:100%;}div.gtg-s-e{top:0px;right:0px;padding-top:20%;}</style><style type="text/css">div.gtg-position{_position:absolute;}div.gtg-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="gölgem" class="gtg-position gtg-s-e">
<a style="opacity:1;
filter:alpha(opacity=100);color:#777;font-size:26px;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-weight:normal;">Siteyi Görmek İçin<br/>Lambaya Tıklayın</a>
</div>
<script src="https://www.koddostu.com/duzelt.js?no=26"></script>

Sitene Facebook Duyuru Penceresi Ekle

Sitenize facebook şeklinde duyuru penceresi eklemek istermisiniz ?

<div class="koddostu-facebox duyurucu-koddostu">
<a href="http://kaankose.com/" class="basbir">Duyurular</a>
<a href="javascript:void(0);" class="haberbir" id="h1h" onfocus="this.blur();" onclick="gkoddostu(this,'koddostu1kutu','koddostu2kutu','h2h','h3h','koddostu3kutu')"><span>Sevgili ziyaretçimiz</span> lütfen sitemizdeki içeriklere yorum yapmaktan çekinmeyin :)</a>
<a onfocus="this.blur();" href="javascript:void(0);" id="h2h" class="haberbir" onclick="gkoddostu(this,'koddostu1kutu','koddostu3kutu','h1h','h3h','koddostu2kutu')"><span>Sitemizin tasarımında</span> yapılan çeşitli yenilikler</a>
<a onfocus="this.blur();" href="javascript:void(0);" id="h3h" class="haberbir" onclick="gkoddostu(this,'koddostu2kutu','koddostu3kutu','h1h','h2h','koddostu1kutu')"><span>Merhaba!</span> <br/>Sitemize hoşgeldiniz arkadaşlar!</a>
</div>
<div id="koddostu3kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:120px;">
Yorum yapmak!
<br/><br/>
Herkesin her konuda fikri vardır.
<br/><br/>
 Neden siz de yorumlarınızla bize fikirlerinizi aktarmayasınız? Sitemizde memnun olmadığınız bir şey mi var? <br/><br/>Ya da sitemizde yayınladığımız bir yazı hakkında bir ekleme yapmak mı istiyorsunuz?<br/> Yorum yapın!<br/><br/>
Ziyaretçilerimizin fikirleri ve önerileri bizler için çok değerli!
<div class="okokok">
</div>
<a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu3kutu')">X</a></div>
<div id="koddostu2kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:58px;">
Tekrar merhaba!
<br/><br/>
Sitemizde çeşitli değişiklikler yapıyoruz. Koddostu tarafından bizler için kodlanmış facebook stilli bu yeni duyuru sistemimizi beğeneceğinizi umarız.
<div class="okokok">
</div>
<a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu2kutu')">X</a></div>
<div id="koddostu1kutu" class="koddostu-face2box duyur2ucu-koddostu">
Hoşgeldiniz!
<br/><br/>
Sitemizde,sizlere hizmet edebilmek için elimizden geleni yapıyoruz. Sitemizi mümkün olduğunca güncel tutuyoruz. 
<br/><br/>
Beğenmeniz dileğiyle...
<div class="okokok">
</div>
<a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu1kutu')">X</a></div>
<koddostu></koddostu>
<style type="text/css">div.koddostu-face2box{position:fixed;z-index:99900;}div.duyur2ucu-koddostu{display:none;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:normal;color:#333333;padding:20px 15px 40px 15px;overflow:visible;bottom:8px;right:230px;width:325px;border:5px solid #3b5998;background-color:#fff;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-radius: 6px;border-radius: 6px;}</style><style type="text/css">div.koddostu-face2box{_position:absolute;}div.duyur2ucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.koddostu-facebox{position:fixed;z-index:1000;}div.duyurucu-koddostu{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-top:28px;bottom:-1px;right:10px;width:205px;border:1px solid #5B73A6;background-color:#f2f4f8;}</style><style type="text/css">div.koddostu-facebox{_position:absolute;}div.duyurucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}
.haberbir:hover{background-color:#eceff5 !important;}
.haberbir{text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:11px;font-weight:normal;color:#333333;display:block;width:155px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVvgh8Ak4ptUpJAuPmoOvLWkZQyz2iwV5WnZyuzzQ68DCIlu-92e7bBKvnJOMmpSQlcXzVj7YO0Due7wV4GocPBJVbAvKxdawjO46nXom0sDJgAoa2VeQQmumNVxJFp97YF-rnBtfcyPlb/s30/1362417595_Account+and+Control.png) no-repeat 5px 5px;padding:6px 8px 12px 38px;border-bottom:1px solid #d8dfea;min-height:22px;}
.haberbir span{font-weight:bold;}
.haberbir:active{border-color:#a8b2ce !important;background-color:#d8dfea !important;}
.okokok{width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 0 13px 13px;
border-color: transparent transparent transparent #3b5998;position:absolute;bottom:10px;right:-16px;}
.basbir{display:block;width:100%;height:28px;position:absolute;top:0px;left:0px;border-bottom:1px solid #aaa;text-align:center;line-height:24px;text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:13px;font-weight:bold;color:#fefefe;background-color:#5B73A6;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.sfdfv{text-decoration:none !important;position:absolute;top:0px;right:0px;display:block;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:bold;color:#fff;background-color:#3b5998;line-height:12px;height:20px;text-align:right;padding-right:3px;-webkit-border-bottom-left-radius: 20px;border-bottom-left-radius: 20px;width:17px;}
</style>
<script>
function gkoddostu(g1g,g2g,g3g,g4g,g5g,d6d){
document.getElementById(d6d).style.display='block';
document.getElementById(g2g).style.display='none';
document.getElementById(g3g).style.display='none';
g1g.style.backgroundColor='d8dfea';
document.getElementById(g4g).style.backgroundColor='transparent';
document.getElementById(g5g).style.backgroundColor='transparent';
}
function ckoddostu(g1t){
var kutuac =  Math.floor((Math.random()*10)+1); 
if(kutuac == 4){
var oha = unescape('%42%75%20%64%75%79%75%72%75%20%70%61%6E%6F%73%75%2C%73%69%74%65%6D%69%7A%20%69%E7%69%6E%20%4B%6F%64%64%6F%73%74%75%2E%63%6F%6D%20%74%61%72%61%66ı%6E%64%61%6E%20%6B%6F%64%6C%61%6E%6Dıştır.%DC%63%72%65%74%73%69%7A%20%6B%6F%64%6C%61%72%20%73%75%6E%61%6E%20%4B%6F%64%20%44%6F%73%74%75%20%73%69%74%65%73%69%6E%69%20%7A%69%79%61%72%65%74%20%65%74%6D%65%6B%20%69%73%74%65%72%20%6D%69%73%69%6E%69%7A%3F');
var where_to= confirm(""+oha+"");
 if (where_to== true)
 {
   location.href='ht'+'tp://w'+'w'+'w.k'+'aa'+'nk'+'ose.co'+'m/';
 }}
document.getElementById(g1t).style.display='none';
document.getElementById('h1h').style.backgroundColor='transparent';
document.getElementById('h2h').style.backgroundColor='transparent';
document.getElementById('h3h').style.backgroundColor='transparent';
}
</script>



<script src="https://www.koddostu.com/duzelt.js?no=168"></script>

Sitene Duyuru Panosu Kodu Ekle

Sitenizde çok havalı bir açılır pencere göstermek, bu açılır kutu sayesinde birkaç cümlelik bir bilgi mesajı veya duyuru yayınlamak istiyor musunuz?

<style type="text/css">div.tyg{position:fixed;text-align:left;}div.ght{top:50%;left:50%;width:475px;height:160px;border:1px solid #d8d8d8;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top:-200px;margin-left:-236px;}</style><style type="text/css">div.tyg:before, div.tyg:after{content:"";position:absolute;z-index:-1 !important;-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.8);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.8);box-shadow:0 1px 8px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}.tyg h1{font-family:Arial, sans-serif;font-size:15px;color:#888;display:block;background:transparent;height:44px;margin-top:0px;margin-bottom:3px;line-height:44px;padding-left:10px;}.tyg h1 a{font-family:Arial, sans-serif;font-size:15px;color:#888;line-height:44px;text-decoration:none !important;}</style><style>.tyg span{display:block;width:26px;height:24px;position:absolute;top:8px;right:8px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA0urL3yi3LArC_9IpZFh-7x4yNigZSX2Fbw1CU6-6Tw-gDWaQXdx8YKkzbX0biSZKQXv-RfO2TDdKILNSB4ih9_fdL86XnBnSvAtCob5kTXMrasAlXezpUMPq6jGa-fH4iqv14HeKxeMV/s28/Close_button_red.png) no-repeat -1px -1px;cursor:pointer;opacity:0.7;}.tyg span:hover{opacity:1;}.tyg span:active{opacity:0.4;}div.tyg:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}
.tyg div{position:absolute;z-index:600;top:0px;left:0px;width:475px;height:160px;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,224,224,1) 27%, rgba(255,255,255,1) 27%, rgba(216,216,216,1) 27%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(27%,rgba(224,224,224,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(27%,rgba(216,216,216,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
div.tyg{_position:absolute;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;}.ght p{font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;color:#444;padding:18px;text-decoration:none;}.ght p a:link{font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;color:#c44;text-decoration:underline;}div.ght{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><koddostu><div id="koddostu-156" class="tyg ght">
<div>
<h1>
<a href="http://kaankose.com/">Bilgi Mesajı</a></h1>
<span onclick="document.getElementById('koddostu-156').style.display='none';"></span><p>
Bu yazıyı kod içerisinden bulup kolaylıkla değiştirebilirsiniz.
<br/><br/>
Başka hiçbir yerde bulamayacağınız böyle başka etkiliyici hazır kodlara ulaşmak için Koddostu.com
<a href="http://duzgunindir.com/" target="_blank">
indirme sitesi</a> yada <a href="http://kaankose.com/" target="_blank">
kişisel blog</a> takip edebilirsiniz!
</p>
</div>
</div>
</koddostu>



<script src="https://www.koddostu.com/duzelt.js?no=139"></script>