MyBB Depo Forum
Üstüne gelince, sağa doğru kayan efektli link Kodları? - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Çözülmüş Soru ve Sorunlar (https://mybbdepo.com/mybb-1-6-cozulmus-soru-ve-sorunlar-forumu)
+--- Konu Başlığı: Üstüne gelince, sağa doğru kayan efektli link Kodları? (/ustune-gelince-saga-dogru-kayan-efektli-link-kodlari-konusu.html)



Üstüne gelince, sağa doğru kayan efektli link Kodları? - User - 24-02-2013

sdsdfsdfds


Üstüne gelince, sağa doğru kayan efektli link Kodları? - xpserkan - 25-02-2013

CSS kodları:
Kod:
.linkler {
    color: #818181;
    font-family: Trebuchet MS;
    font-size: 9px;
    letter-spacing: 5px;
    line-height: 12px;
    padding-left: 10px;
    text-transform: uppercase;
}
.link-efekt {
    border-left: 20px solid #191919;
    padding-left: 10px;
    transition: all 0.5s ease 0s;
}
.link-efekt:hover {
    border-left: 40px solid #7A5830;
    color: #7A5830;
    transition: all 1s ease 0s;
}

HTML Kodları:
Kod:
<div class="linkler"><br />
<a href="http://site-adresi.com"><div class="link-efekt">Link Başlığı 1</div></a>
<a href="http://site-adresi.com"><div class="link-efekt">Link Başlığı 2</div></a>
<a href="http://site-adresi.com"><div class="link-efekt">Link Başlığı 3</div></a>
<a href="http://site-adresi.com"><div class="link-efekt">Link Başlığı 4</div></a>
<a href="http://site-adresi.com"><div class="link-efekt">Link Başlığı 5</div></a>
</div>

Css kodlarından, renkleri vs. kendinize göre ayarlayabilirsiniz..


Üstüne gelince, sağa doğru kayan efektli link Kodları? - User - 25-02-2013

Sensiz buralar bir hiç biliyorsun değil mi bunu?
Sağ olasın.


Cvp: Üstüne gelince, sağa doğru kayan efektli link Kodları? - Xray - 26-02-2013

(25-02-2013, Saat:20:44)User Adlı Kullanıcıdan Alıntı: Sensiz buralar bir hiç biliyorsun değil mi bunu?
Sağ olasın.

Katılıyorum