sıkça sorulan sorular bölümü için açılır kapanır açıklamalar.

28-12-2013, 21:54:11

sıkça sorulan sorular bölümü iiçn. sayfamın uzun olmasını istemiyorum. bunun için soru başlıklarına tıklanınca cevapları görülsün istiyorum. aslında çok güzel örnekleri var ama şuan aklıma gelmiyor.

sanırım anladınız. örnek bir kod parçasını ayarlayıp verebilecek arkadaş varmı. ücretli de olabilir.

örnek buldum.
http://windows.microsoft.com/tr-tr/w...ions=windows-8

bu şekilde de olabilir.
daha görsel de olabilir. mesela jquery kullanılabilir ve efekt verilebilir.
5 10 tane soru için birine tıklayınca diğerleri otomatik kapanabilir. böylesi daha iyi olur.

bu şekilde ücret ödeyebilirim.

28-12-2013, 23:09:11

#2

dark_way

Özel mesaj aldım bu konunun linki vardı

Hocam istediğin çok basit bişey ücret gerektircek bi durm yok ta karalamaya üşendim çünkü kod bilginiz ne seviyede bilmiyorum bulduğunuz herhangi bi örneğin kaynağından alabilirsiniz kodları aslında yine de istek olursa örnek bi kod yazarım iyi çalışmalar.

28-12-2013, 23:17:35

#3

buddy

dark_way adlı üyeden alıntı: mesajı görüntüle

Özel mesaj aldım bu konunun linki vardı

Hocam istediğin çok basit bişey ücret gerektircek bi durm yok ta karalamaya üşendim çünkü kod bilginiz ne seviyede bilmiyorum bulduğunuz herhangi bi örneğin kaynağından alabilirsiniz kodları aslında yine de istek olursa örnek bi kod yazarım iyi çalışmalar.

aslında bunun çok hoş olanlarını gördüm. ama şuan aklıma hangi sitelerde oldukları gelmiyor. dediğim gibi jguery ile yumuşak geçişler yaparak ve css ile de açılır kapanır bölümleri görselleştirmek istiyorum. ve bir sorunun üzerine tıklayınca diğer cevapların kapanması gerekiyor. 10 tane sss sorum var.

varsa örnek güzel bir uygulama bunla ilgili bana yazarsanız ben uyarlarım kendi içeriklerimle. ilginiz için çok tşkler.

28-12-2013, 23:30:29

#4

dark_way

Hocam css tanımlarını kullanacağınız yere ve zevkinize göre kendiniz düzenlersiniz. Ben bikaç satır bişeyler karaladım umarım işinizi görür.

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<style type="text/css">
#sorucevap{text-align:center;}
#sorucevap .s{border-bottom:2px solid #000;
	font:bold 13px Arial; padding:10px; cursor:pointer; color:#fff;
	background-image: -ms-linear-gradient(top left, #091421 0%, #75A1C7 100%);
	background-image: -moz-linear-gradient(top left, #091421 0%, #75A1C7 100%);
	background-image: -o-linear-gradient(top left, #091421 0%, #75A1C7 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #091421), color-stop(1, #75A1C7));
	background-image: -webkit-linear-gradient(top left, #091421 0%, #75A1C7 100%);
	background-image: linear-gradient(to bottom right, #091421 0%, #75A1C7 100%);
}
#sorucevap .c{display:none; background:#eee; border:1px solid #aaa; border-top:none;}
</style>
</head><body>
	
<div id="sorucevap">
	<div class="s">Soru</div><div class="c">Cevap</div>
	<div class="s">Soru</div><div class="c">Cevap</div>
	<div class="s">Soru</div><div class="c">Cevap</div>
	<div class="s">Soru</div><div class="c">Cevap</div>
	<div class="s">Soru</div><div class="c">Cevap</div>
</div>
	
<script type="text/javascript">
$('#sorucevap .s').click(function(){
	$(this).next().slideToggle(500).siblings('.c').slideUp(500);
});
</script>

</body></html>

İyi çalışmalar

30-12-2013, 09:36:41

#5

Elegantrap

Accordion menu jquery veya Accordion menu css3 olarak aratırsan önüne birçok örnek çıkacaktır. Ben bi tane örnek link vereyim. TIKLA

30-12-2013, 17:18:00

#6

buddy

emeği geçen zaman ayrıranlara gönülden tşklr. halledilmiştir.