Forum'da ara:
Ara


Yazar Mesaj
Mesaj14.03.2012, 23:17 (UTC)    
Mesaj konusu: Sitene Windows Pencereleri

Aşağıdaki kodla sitenize windows penceresi ekleyebilirsiniz.

önizlemesi ve kodu şuradan da görebilirsiniz:
http://siteneeklekodlari.blogspot.com/2012/03/sitene-windows-penceresi-ekle-aclr.html





Kod:
<!--Kod Dostu Kod Başlangıcı-->
<!--Eğer Kod Kendiliğinden Açılsın İstiyorsanız, Aşağıdaki display:none yazısını silin:-->
<style>#koddostuwin{ display:none }</style>


<!--Açma Butonu Başlangıcı-->
<a style="text-decoration:none;" href="javascript:void(0)" onclick="document.getElementById('koddostuwin').style.display='block';"><button>Tıklayın</button></a>
<!--Açma Butonu Bitişi-->

<!--Pencere Tasarımı Başlangıcı-->
<div class="koddostuwin7 acilirpencere" id="koddostuwin"><center><div style="margin-top:10%;position:relative;width:500px;height:357px;background-image:url(http://1.bp.blogspot.com/-sCNWbKlJVLs/T10sDC8HfQI/AAAAAAAAFN0/eXhWuDDOLzg/s1600/arkdk.png)">
<a onmouseover="this.style.backgroundPosition='0px -18px';" onmouseout="this.style.backgroundPosition='0px 0px';" onclick="document.getElementById('koddostuwin').style.display='none';" class="kapasaei" style="display:block;width:31px;height:17px !important;overflow:hidden;background-image:url(http://1.bp.blogspot.com/-prE6NQyJ0rc/T10sCkdZwfI/AAAAAAAAFNw/agHmrmaj5lk/s1600/abaney.png);position:absolute;right:46px;top:10px;border:none;margin:0px;padding:0px;"></a>
<a href="http://siteneeklekodlari.blogspot.com/2012/03/sitene-windows-penceresi-ekle-aclr.html" onclick="document.getElementById('koddostuwin').style.display='none';" style="display:block;width:40px;height:40px;background-color:transparent;position:absolute;right:0px;bottom:0px;"></a>
<div style="width:442px;height:282px;background-color:transparent;position:absolute;top:34px;left:16px;overflow:scroll;overflow-x:hidden;text-align:left;">
<br/>

<!--DEĞİŞTİRİLEBİLİR KISIM BURADA BAŞLIYOR-->

Bu kısımda yazanları değiştirebilirsiniz:<br/><br/>
Sığmaz diye korkmayın! Buraya ne yazarsanız yazın, sığmasa bile pencerenin yan tarafında bir kaydırma çubuğu var!<br/><br/>
Kod içerisinde, burada yazanları kendi yazılarınızla değiştirirken <br/> <!--Not: satır atlamak için <br/> kodunu kullanın.-->kodunu satır atlamak için kullanabilirsiniz!<br/><br/>
<br/>
Ayrıca, işte örnek bir resim:

<img src="http://1.bp.blogspot.com/-ZnbBMuFMJz8/T10sD1J6ajI/AAAAAAAAFN8/LV6ui2eHyis/s180/vanillas.jpg" style="border:none;margin:7px;padding:0px;float:right;"/>
<br/><br/>Harika değil mi? <br/> En şık kodlar için <a href="http://siteneeklekodlari.blogspot.com" target="_blank">bizi</a> her zaman takip edin!
<br/>Son olarak, bu açılır pencereye en çok ne yakışır biliyor musunuz? <br/>Windows 7 başlat çubuğu tarzı menü kodumuz! Her neyse, fazla uzatmayalım:
<br/><br/>Kod Dostu'ndan Hepinize İyi Çalışmalar!<br/><br/>

<!--DEĞİŞTİRİLEBİLİR KISIM BURADA BİTİYOR-->

</div>

</div></center></div>

<style>
.kapasaei:hover{background-position:0px -18px;}
</style>


<style type="text/css">

div.koddostuwin7{

 width:100%;height:100%;
position:fixed;z-index:4000;
 }
 
div.acilirpencere{
top:0px;left:0px;
}
</style>
<style type="text/css">
div.koddostuwin7{_position:absolute;}
div.acilirpencere{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}
</style>
<!--Pencere Tasarımı Bitişi-->

<!--Kod Dostu Kod Bitişi-->
Mesaj15.03.2012, 20:01 (UTC)    
Mesaj konusu:

güzel.
Mesaj18.03.2012, 10:34 (UTC)    
Mesaj konusu:

teşekkürler
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu