BloÄŸumun Sidebar’ındaki ”Görülesi Siteler” Kısmı
Bu yazı 1 yıl 9 ay 23 gün önce yayınlanmış olduğundan güncelliğini yitirmiş veya içeriğindeki bilgilerin geçerliliği kaybolmuş olabilir. Yazıya yorum bırakırken bu durumu göz önünde bulundurun.
Aslında bu bir bileÅŸen veya wordpress eklentisi deÄŸil arkadaÅŸlar.Bu konuyla alakalı ”Ä°letiÅŸim” kısmından pek çok mesaj gönderildi bana.O yüzden bu yazıyı yazma gereÄŸi duydum.Bu tamamen temamın sidebar.php dosyasına kendi çaktığım kodlardan oluÅŸan bir iÅŸlev.Anlatıma geçmeden önce iÅŸin ehli, profesyonel arkadaÅŸların konuyu uzun uzadıya okumaması için bunu diyorum: Sadece linkli resimler ekledim ve style.css dosyasına daha önce eklediÄŸim bir class sınıfını, clas=”transparan” betiÄŸi ile çağırdım, üzerine gelince efekt vermesi için.
Benim sidebar’ımdaki kodlar bu ÅŸekilde:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <div class="box">
<div class="box-top"><span></span></div><div class="spacer">
<h2>Görülesi Siteler</h2>
<ul>
<center>
<a href="http://www.tatlisesvideo.com" title="TatlisesVideo.Com" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/tatlisesvideo.gif" border="0" alt="TatlisesVideo.Com"/></a>
<a href="http://www.simpleturk.com" title="SimpleTurk.Com" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/simpleturk.gif" border="0" alt="SimpleTurk.Com"/></a>
<a href="http://www.candirgen.com" title="CanDirgen.Com" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/candirgen.gif" border="0" alt="CanDirgen.Com"/></a>
<a href="http://www.gozde.net" title="Gozde.Net" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/gozde.gif" border="0" alt="Gozde.Net"/></a>
<a href="http://www.sonkralice.net" title="SonKralice.Net" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/sonkralice.gif" border="0" alt="SonKralice.Net"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<br>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<br>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<br>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
<a href="http://www.shalgam.com/iletisim" title="Reklam Ver!" target="_blank"><img class="transparan" src="<?php bloginfo('template_url'); ?>/images/reklam/reklam.gif" border="0" alt="Reklam Ver!"/></a>
</center>
</ul>
</div><div class="box-bot"><span></span></div></div> |
Burada 1-2-3-4-38 ve 39 nolu satırlar sizin kullandığınız temada farklılıklar gösterecektir.Bu kısımları kendi sidebar.php dosyanızdaki işlevlere göre düzenleyin.En basitinden sidebar.php dosyanızdaki diğer eklenmişlere bakıp, aynı yapıda oluşturun.
Temamın style.css dosyasına eklediğim transparan kodları da şunlar:
1 2 3 4 5 6 7 8 9 10 11 12 13 | .transparan {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.transparan:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
} |
Bu kodları da style.css dosyanızın en altına yapıştırarak çalıştırabilirsiniz.Resim kodlarındaki class=”transparan” betiÄŸini çalıştırarak, resimlere efekt verir.DeÄŸerler üzerinde zevkinize göre oynayabilirsiniz.
Estetik açısından link deÄŸiÅŸimi yaptığım arkadaÅŸlardan 30×30, mini bir logo isterim ve bu logoyu Photo Filtre adlı program ile yuvarlarım.Photo Shop programından çok daha ufak boyutta ve hızlı olan bu programcık ile hemen hemen her PS iÅŸini becerebiliyorum.Oldukça kullanışlı olan bu programın ücretsiz sürümüne ”buradan” ulaÅŸabilirsiniz.Ayrıca ücretli güncel sürümlerini ve Türkçe de dahil olmak üzere tüm dil dosyalarını ”buradaki” sayfadan takip edebilirsiniz.
Yorum Yaz