(03-16-2013, 09:55 PM)L34DRi Nickli Kullanıcıdan Alıntı:  İyi akşamlar,

Tamamen ben kodladım.

Demo 1
Demo 2

CSS

Admin KP ► Şablon & Stil ► Temanızı Seçin ► global.css en altına ekleyin

PHP Kod: Tümünü Seç Tümünü Kopyala

.kutuBir{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:20px; left:10px;}
     .kutuIki{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:20px; left:93px;}
     .kutuUc{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:97px; left:93px;}
     .kutuDort{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:174px; left:10px;}
     .kutuBes{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:97px; left:10px;}
     .kutuAlti{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:174px; left:93px;}
     .kutuYedi{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:97px; left:176px;}
     .kutuSekiz{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:20px; left:176px;}
     .kutuDokuz{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:174px; left:176px;}
     .kutuOn{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:20px; left:259px;}
     .kutuOnbir{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:97px; left:259px;}
     .kutuOniki{width: 90px; height: 50px; background: #FFFFF;float:left; margin: 10px; position:fixed; top:174px; left:259px;} 


HTML

Admin KP ► Şablon & Stil ► Şablonlar ► Temanızı Seçin ► Ana Sayfa Şablonlar ► index (header veya footer a da ekleyebilirsiniz.)

PHP Kod: Tümünü Seç Tümünü Kopyala

<!--- Powered By L34DRi -->

<div class="kutuBir"><a href="#"><img src="http://cdn.ientry.com/sites/webpronews/pictures/ie10logonov2012_320x245.jpg" width="80" height="75"></a>
<div class="kutuIki"><a href="#"><img src="http://cdn2.iconfinder.com/data/icons/metro-ui-icon-set/128/Windows_Store_8.png" width="80" height="75"></a></div>
<div class="kutuUc"><a href="#"><img src="http://cdn1.iconfinder.com/data/icons/metro-ui-dock-icon-set--icons-by-dakirby/128/Windows_Media_Player_alt.png" width="80" height="75"></a></div>
<div class="kutuDort"><a href="#"><img src="http://cdn2.iconfinder.com/data/icons/metro-ui-dock/128/Windows_Easy_Transfer.png" width="80" height="75"></a></div>
<div class="kutuBes"><a href="#"><img src="http://cdn2.iconfinder.com/data/icons/metro-ui-icon-set/128/Messaging_8.png" width="80" height="75"></a></div>
<div class="kutuAlti"><a href="#"><img src="http://st.10tl.net/tema/l34dri/dersler/win8/VLC.png" width="80" height="75"></a></div>
<div class="kutuYedi"><a href="#"><img src="http://st.10tl.net/tema/l34dri/dersler/win8/xbox.jpg" width="80" height="75"></a></div>
<div class="kutuSekiz"><a href="#"><img src="http://st.10tl.net/tema/l34dri/dersler/win8/Ubuntu.png" width="80" height="75"></a></div>
<div class="kutuDokuz"><a href="#"><img src="http://st.10tl.net/tema/l34dri/dersler/win8/YouTube.png" width="80" height="75"></a></div>
<div class="kutuOn"><a href="#"><img src="http://st.10tl.net/tema/l34dri/dersler/win8/face.png" width="80" height="75"></a></div>
<div class="kutuOnbir"><a href="#"><img src="http://st.10tl.net/tema/l34dri/dersler/win8/gplus.png" width="80" height="75"></a></div>
<div class="kutuOniki"><a href="#"><img src="http://st.10tl.net/tema/l34dri/dersler/win8/twitter.png" width="80" height="75"></a></div>
</div>

<!--- Powered By L34DRi --> 


Kodları istediğiniz gibi geliştirebilirsiniz.Size bir de ikon paketi vereceğim.Tüm windows8 ikonları..

http://st.10tl.net/tema/l34dri/dersler/win8/ICONS.zip