Temayı Genişlet / Daralt Kodu

[L34DRi]

Merhabalar,

Boş kaldığım için kendimi biraz JQuery'ye verdim. Komutlara bakınırken bunu kodlamaya karar verdim. Daha önce verildi mi bilmiyorum, ama aramalarım sonucunda bulamadım. Neyse fazla uzatmadan sadede geliyorum.

ÖNİZLEME

DAR



GENİŞ



CANLI DEMO

NOT: Site trk3 uzantılıdır. TaaRRuz adminin projesi olduğu için sorun olmayacağını düşünüyorum. Gerekirse başka bir 10tl.net sitesine kodu ekleyebilirim.

KOD

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button.bir").click(function(){
    var div=$("#container");  
    div.animate({width:'80%'},"slow");
  });
});
</script>
<script>
$(document).ready(function(){
  $("button.iki").click(function(){
    var div=$("#container");  
    div.animate({width:'95%'},"slow");
  });
});
</script>

<style>
.bir {
width:32px;
height:32px;
background: url(https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519978-042_ArrowsTogether-32.png) no-repeat;
border:none;
}
.iki{
width:32px;
height:32px;
background: url(https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519977-041_ArrowsApart-32.png) no-repeat;
border:none;
}
</style>


<button class="bir"></button>
<button class="iki"></button>

Kodlama default temaya göre yapılmıştır ( geniş ► %95 dar ► %80 ).


Kod :

Admin KP ► Şablon & Stil ► Şablonlar ► Temanızı Seçin ► Header Şablonlar ► header bölümüne eklenmelidir.

Bu bir GRAFOX projesidir.

Kolay Gelsin...

[Saint]

Teşekkürler Güzel birşey Yapmışın :)

[L34DRi]

Teşekkürler Güzel birşey Yapmışın :)

Rica ederim.

[DarKRooM]

Teşekkürler hocam.+ Rep

[L34DRi]

Teşekkürler hocam.+ Rep

Ben teşekkür ederim. Bir de sizden bir ricam olacak. Çok konu açmayın da benim konum geriye düşmesin. :)

[DarKRooM]

Teşekkürler hocam.+ Rep

Ben teşekkür ederim. Bir de sizden bir ricam olacak. Çok konu açmayın da benim konum geriye düşmesin. :)

Tamam hocam zaten durdum.Tekrar Teşekkürler.

[Novruz]

Aradığım Bir Koddu Teşekkürler +Rep..

[L34DRi]

İşinize yaramasına sevindim. :)

Rep için de teşekkürler.

[Neon Blazer]

Yapması gayet kolay. Teşekkürler..

[L34DRi]

Yapması gayet kolay. Teşekkürler..

Yorumunuz için teşekkürler. Evet gayet kolay jQuery bilene... :)

[$aruhan]

İyimiş yararlı. :)

[meta the god]

Bunun bir benzeri vardı Büyük - Orta - Küçük ama buda güzel elinize sağlık.

[L34DRi]

Bunun bir benzeri vardı Büyük - Orta - Küçük ama buda güzel elinize sağlık.

Arama yaptım ama bulamadım. Konu linkini verebilir misiniz ?

İyimiş yararlı. :)

Teşekkür ederim yorumunuz için...