Teknobeyin için zaman zaman küçüklü büyüklü eklentiler hazırlıyoruz ve düzenliyoruz. Akabinde bu eklentileri siz değerli ziyaretçilerimizin de kullanmak isteyebileceğini öngörüyoruz. Bu yüzden de her zaman olduğu gibi paylaşmak bizim için önem arz ediyor. Teknobeyin için oldukça farklı ve renk geçişi ile profesyonel bir görünüm elde ettiğimiz "Önerilen Bağlantılar" eklentisini sizlerle paylaşmak istiyoruz. Aşağıdaki kodları WordPress, Blogger v.b. dilediğiniz altyapıya sahip web sitenizde kullanabilirsiniz. Elbette, kırmızı alanları kendinize göre değiştirmeyi unutmayınız. Eklenti tamamen Responsive'dir.

Teknobeyin'deki "Önerilen Bağlantılar" Nasıl Yapılır?

<style>
@media screen and (max-width:150px){.anabasligim2{padding-left:10px!important;padding-right:10px!important}.anabasligim{padding-left:10px!important;padding-right:10px!important}.onerilenbu4{padding-left:10px!important;padding-right:10px!important}.onerilenbu3{padding-left:10px!important;padding-right:10px!important}.onerilenbu2{padding-left:10px!important;padding-right:10px!important}.onerilenbu1{padding-left:10px!important;padding-right:10px!important}}.anabaslikapsa2{border-left:10px solid #B42924;border-bottom:10px solid #B42924;border-right:10px solid #B42924}.anabasligim2{border-left:2px solid #fff;border-bottom:2px solid #fff;border-right:2px solid #fff;color:#fff;background-color:#B42924;padding:15px;line-height:1.8em;display:block;font-size:18px;font-family:arial,sans serif}.anabasligim2 p{overflow:hidden;margin-bottom:0;white-space:nowrap;font-size:18px;text-align:center}.anabaslikapsa{border-left:10px solid #B42924;border-top:10px solid #B42924;border-right:10px solid #B42924}.anabasligim{border-left:2px solid #fff;border-right:2px solid #fff;border-top:2px solid #fff;color:#fff;background-color:#B42924;padding:15px;line-height:1.8em;display:block;font-size:18px;font-family:arial,sans serif}.onerikapsa{margin-top:35px;background:#fff;width:100%;margin-bottom:15px;font-family:Arial,sans serif}.anabasligim p{overflow:hidden;margin-bottom:0;white-space:nowrap;font-size:18px;text-align:center}.onerilenbu1{padding:15px;line-height:2em;border-left:2px solid #fff;border-right:2px solid #fff;background-color:#333;display:block}.onerilenbu1 a{color:#fff}.onerilenbu1kapsa{border-left:10px solid #BB3E39;margin-top:2px;border-right:10px solid #BB3E39}.onerilenbu1 p{overflow:hidden;margin-bottom:0;white-space:nowrap}.onerilenbu2{padding:15px;line-height:2em;border-left:2px solid #fff;border-right:2px solid #fff;background-color:#474747;display:block}.onerilenbu2 a{color:#fff}.onerilenbu2kapsa{border-left:10px solid #C3534F;margin-top:2px;border-right:10px solid #C3534F}.onerilenbu2 p{overflow:hidden;margin-bottom:0;white-space:nowrap}.onerilenbu3{padding:15px;line-height:2em;border-left:2px solid #fff;border-right:2px solid #fff;background-color:#5B5B5B;display:block}.onerilenbu3 a{color:#fff}.onerilenbu3kapsa{border-left:10px solid #CA6965;margin-top:2px;border-right:10px solid #CA6965}.onerilenbu3 p{overflow:hidden;margin-bottom:0;white-space:nowrap}.onerilenbu4{padding:15px;line-height:2em;background-color:#707070;display:block;border-right:2px solid #fff;margin-left:2px}.onerilenbu4 a{color:#fff}.onerilenbu4kapsa{border-left:10px solid #D27E7B;margin-top:2px;margin-bottom:2px;border-right:10px solid #D27E7B}.onerilenbu4 p{overflow:hidden;margin-bottom:0;white-space:nowrap}
</style>
<div class="onerikapsa">
<div class="anabaslikapsa"><div class="anabasligim"><p>Önerilen Bağlantılar</p></div></div>
<div class="onerilenbu1kapsa"><div class="onerilenbu1"><p><a href="#" title="Başlık">Başlık 1</a></p></div></div>
<div class="onerilenbu2kapsa"><div class="onerilenbu2"><p><a href="#" title="Başlık">Başlık 2</a></p></div></div>
<div class="onerilenbu3kapsa"><div class="onerilenbu3"><p><a href="#" title="Başlık">Başlık 3</a></p></div></div>
<div class="onerilenbu4kapsa"><div class="onerilenbu4"><p><a href="#" title="Başlık">Başlık 4</a></p></div></div>
<div class="anabaslikapsa2"><div class="anabasligim2"><p><b>Siteniz</b>.uzanti</p></div></div>
</div>


Örnek Görünüm