Tam Versiyonu Görüntüle: Sağ Tarafta Kaymayan Sabit Reklam

mahmutsan
01.12.2007, 03:02
SAĞ TARAFTA KAYMAYAN SABİT REKLAM.

Örnek
http://www.istanbuldahayat.com
Sağ taraftaki reklama tıklayınız.

Alınacak Reklamın Resmin Boyutu: 200px 600px ebatlarında olmalı

1 AŞAMA

bu kodu
default.asp
haberler.asp
haber_detay.asp sayfalarında

</head> tagından sonra koymanız gerekmektedir.

-----------------------


<div id="kayan_reklam_sag"><a target=_blank href=http://www.istanbuldahayat.com/sayfa.asp?sayfaID=2><img border=0 src=http://www.istanbuldahayat.com/reklam.jpg alt=REKLAM_ALANINIZ align=right style=position: absolute; left: 800; top: 0 widş=200 height=600></a></div>

__________________________________________________________________

2 AŞAMA
inc klasoru içindeki stil.css dosyasını aşağıdaki gibi değiştiriniz.

inc/stil.css

-----------------------

body {
     margin:0; padding:0; font:11px Tahoma, Arial, Verdana, Sans-Serif; background:url(../img/ust_bg.gif) no-repeat fixed; };
     
#kayan_reklam_sag {
position : fixed;
_position : absolute;
top : 0;
_top : expression(eval(document.body.scrollTop));
right : 10;
margin : 0;
}

td {
     vertical-align:top; }

a {
     color:#3070ca; }

#orta h1 {
     font-family:Arial; font-size:20px; background:url(../img/h1_bg.gif) bottom left repeat-x; padding-bottom:10px; margin:0 0 5px 0; }

h2 {
     font-family:Arial; font-size:23px; margin:0 0 4px 0; border-bottom:1px solid #ccc; }

h3.son-haberler {
     font-size:11px; font-family:Tahoma; margin:2px; }

.son_haber h3 a {
     text-decoration:none; }

a.sitebaslik {
     color:#444444; text-decoration:none; }

a.makale_baslik {
     color:#349FD4; font-family:Tahoma,Verdana; font-weight:bold; font-size:11px; text-decoration:none; }

#main {
     background-color:#fff; border:5px solid #fff; }

#ust {
     height:65px; }

#ust h1 {
     font-family:Arial; font-size:44px;letter-spacing:-2px; margin:6px 5px 6px 0; }

#bant {
     background:url(../img/bant_bg.jpg) repeat-x; padding:6px; height:16px; color:#fff; }

#bant a {
     padding:0 5px 0 5px; font-family:Arial; font-size:12px; font-weight:bold; color:#fff; text-decoration: none; }

#sol {
     widş:160px; padding:5px 5px 0 0; }

#orta {
     widş:468px; padding:5px 0 0 0; }
     
#sag {
     widş:160px; padding:5px 0 0 5px; }

#kategoriler, .sol-kutu {
     margin:0 0 5px 0; }

#kategoriler, .sol-kutu, #anket, .kutu, .yazar-tablo {
     widş:156px; border:1px solid #C6C6C6; border-top:4px solid #C6C6C6; padding:1px; background:url(../img/kategoriler_bg.jpg) top left no-repeat; }

#anket, .kutu, .yazar-tablo {
     margin:0 0 5px 0; }

.yazar-tablo {
     widş:100%; }

.son_haber {
     padding:7px; background:url(../img/son_haber_bg.gif) top left no-repeat; color:#666; height:98px; font-family:Tahoma; font-size:11px; margin-bottom:5px; }

.son_haber h3 {
     padding:3px 0 5px 13px; background:url(../img/h2_icon.gif) 3px 7px no-repeat; margin:0; color:#818181; font-family:Arial; font-size:12px; font-weight:bold; }

#kategoriler ul {
     list-style:none; margin:0px; padding:5px; }

#kategoriler li {
     padding:4px 0 5px 22px; background:url(../img/menu_icon.gif) 1% 8px no-repeat; }

#kategoriler a {
     color:#333333; font-family:Arial; font-weight:bold; font-size:12px; text-decoration:none; }

#kategoriler ul ul {
     list-style:none; margin:7px 0 0 0; padding:5px 0 0 0; }

#kategoriler li li {
     padding:0 0 9px 12px; background:url(../img/menu_icon2.gif) 1% 5px no-repeat; }

.sol-kutu ul {
     list-style:none; margin:0px; padding:5px; }

.sol-kutu li {
     padding:5px 0 5px 0; border-bottom:1px solid #ccc; }

.sol-kutu a {
     color:#333333; font-family:Tahoma; font-size:11px; text-decoration:none; }

#manset-resimler {
     vertical-align:top; widş:250px; height:190px; }

#mansetler {
     background:url(../img/manset_baslik_bg.gif) 1px 0 no-repeat; height:240px; }

#mansetler ul {
     list-style:none; padding:9px 0 6px 0; margin:0 2px 5px 1px; }

#mansetler li {
     background:url(../img/manset-icon.gif) 9px 9px no-repeat; padding:5px 5px 5px 20px; }
     
#mansetler a {
     color:#3070ca; text-decoration:none; font-family:Arial; color:#666; font-size:11px; font-weight:bold; }

#manset-aciklama {
     widş:250px; height:60px; font-size:11px; color:#D4DADE; padding:5px 0 0 0; color:#585858; }

#manset-aciklama p {
     margin:3px 0 3px 0; }

#manset-aciklama h3 {
     font-family:Tahoma; font-size:12px; margin:2px 0 4px 0; color:#333; }

#arama {
     margin:0 0 5px 0; widş:156px; border:1px solid #C6C6C6; border-top:4px solid #C6C6C6; padding:1px; background:url(../img/kategoriler_bg.jpg) top left no-repeat; }

#arama, #anket {
     font-family:Tahoma; }

#arama form, #anket form {
     padding:5px; margin:0; }
     
#arama .input {
     margin:2px; widş:125px; font-family:Tahoma; font-size:11px; border-widş:1px; border-color:#F7F7F7; }
     
#alt {
     border-top:1px solid #ccc; text-align:center; padding:2px 0 2px 0; color:#666666; }

#alt a {
     color:#999999; }

.basliklar h2 {
     border:0; margin-top:0; background:url(../img/h2_bg.jpg) no-repeat; padding:4px 0 5px 17px; color:#2A6DA6; font-family:Arial; font-size:12px; font-weight:bold; }

.basliklar ul {
     padding:0; margin:0 0 10px 5px; list-style:none; }

.basliklar li {
     background:url(../img/baslik_icon.gif) 2px 4px no-repeat; margin:5px 0 5px 0; padding:0 0 0 12px; }

.basliklar a {
     color:#333333; text-decoration:none; }
     
.kutu ul {
     list-style:none; margin:0px; padding:5px; }

.kutu li {
     padding:5px 0 5px 0; border-bottom:1px solid #ccc; }

.kutu a {
     color:#333333; font-family:Tahoma; font-size:11px; text-decoration:none; }

.kutu h3, .sol-kutu h3, #arama h3, #anket h3, .sol-kutu h3 {
     padding:5px 0 2px 18px; background:url(../img/h2_icon.gif) 8px 10px no-repeat; margin:0; color:#818181; font-family:Arial; font-size:12px; font-weight:bold; }

.buton {
     margin:2px; font-family: Verdana, Helvetica; font-size: 8pt; font-weight: normal; }

#son-dakika {
     widş:158px; margin:0 0 5px 0; border:1px solid #EA2803; }

#son-dakika a {
     color:#f00; font-weight:bold; }

#son-dakika h3 {
     padding:5px; background:url(../img/son_dakika_bg.gif) top left repeat-x; margin:0; color:#fff; font-family:Arial; font-size:12px; font-weight:bold; }
     
#son-dakika-ayrinti {
     height:75px; padding:5px; }
     
#ust-banner {
     text-align:right; padding:0 0 5px 0; }

#yorum-yaz label {
     display:block; widş: 50px; float:left; margin-bottom:5px; margin-top:5px; text-align: right; widş: 75px; padding-right: 20px;}

#yorum-yaz input, #yorum-yaz textarea {
     display: block; float: left; }

#yorum-yaz br {
     clear:left; }

#puan_ver {
     clear:boş; margin:10px 0 10px 0; padding:5px; background:url(../img/oy_ver.jpg) repeat-x; }

#haber-bilgi, #haber-bilgi a {
     color:#666; }

#haber-bilgi a {
     text-decoration:none; }

.ssel {
     border-widş:1px; border-color:#E6E9ED; background-color:#f7f7f7; font-family:tahoma; font-size:11px; margin:2px; }

.input, .input2 {
     border-widş:1px; border-color:#E6E9ED; background-color:#f7f7f7; font-family:tahoma; font-size:11px; }

.input {
     widş:250px; margin-bottom:5px; margin-top:5px; }

#puan_form .input {
     widş:150px; margin:0; }

.haber-resim {
     widş:250px; padding:0 5px 5px 0; }

.yazar-baslik {
     vertical-align:middle; padding-left:5px; }

.yazar-avatar {
     background-color:#FFFFFF; }

.yazar-ad {
     height:14px; font-size:10px; color:#7D8682; vertical-align:middle; padding-left:5px; }

.ozet {
     font-size:12px; }

.yorum_baslik {
     border-bottom:1px solid #A4ABC1; background:#F3F3F6 url(../img/yorum_baslik.gif) 1% 56% no-repeat; }

.yorum_ozet {
     background:url(../img/manset-icon.gif) 0 9px no-repeat; padding:5px 5px 5px 15px; border-bottom:1px solid #ccc; }

.uyari {
     padding: 10px 0 10px 0; text-align:center; widş:100%; border:1px solid #FF3300; background: #FFCCCC; }

.oy_bg {
     widş:140px; background:url(../img/oy_bg.gif) repeat-x; height:7px; margin-bottom:3px; }

.yuzde {
     color:#7F7F7F; }

#anket-sonuc {
     padding:0 5px 0 5px; }

.arama-gecerli {
     font-weight:bold; }

a.sayfala {
     padding: 2px 5px 2px 5px; margin: 2px 4px 2px 0; border: 1px solid #f60; text-decoration: none; color: #000099; }

a.sayfala:hover, a.sayfala:active {
     border:1px solid #f90; color: #000; }

a.sayfala {
     border:1px solid #f90; color: #000; }mahmutsan2007-12-01 03:06:48

bademix
01.12.2007, 13:50
inc/stil.css

dosyasıyla oynamış olan arkadaşlar için sadece dosyayı acıp aşagıdaki kodları eklemeleride yeterli
-----------------------
      
#kayan_reklam_sag {
position : fixed;
_position : absolute;
top : 0;
_top : expression(eval(document.body.scrollTop));
right : 10;
margin : 0;
}

papirus00
02.01.2008, 17:01
verdiğin boyutlarda resmi ekledim fakat hem sabit olmadı hemde küçük kaldı sağ tarafa yaslı bi resim gibi gözüküyo sölediklerinin aynen yaptım ne yanlışlık yapmışımdır?

maximiki
24.01.2008, 19:03
çalışmıyor yardımmmmmm plese...... reklam sabit kalmıyor :S

jobar
30.04.2008, 14:58
css kodunu şu şekilde ekleyin.Diğer haliyle siteyi kitliyor.

#kayan_reklam_sag {
right : 10;
margin : 0;
widş:1200px;
}

grafikir
24.07.2008, 14:35

www.kirikkaledennehaber.com

arkadaşlar ben yaptım oldu fakat benim bi ricam var üstadlardan. siteyi her yenile yaptığımızda yada, sitede gezerken ,her sayfaya girip çıktığımızda farklı bir reklam olsa daha iyi olmazmı.Siteye her girip çıktıımızda farklı bir resim olması,hem kazanç hemde görsellik açısından zenginlik verir. böyle bir yöntemi bizimle paylaşan olursa çok memnun olurum. şimdiden teşekkürlerr.