21 NİSAN 2009, Salı
JQuery ile dikey Sekme?
En üstte sayfanın sol tarafında sekmeler yerine istiyorum. Zaten başka nedenlerle JQuery (etkileri) yükleme yapıyorum, başka bir UI çerçeve JQuery kullanmayı tercih ediyoruz. Aramalarda "dikey sekmeler jquery" verim works-in-progress bağlantılar için.
Dikey Sekme tarayıcılar dolu iş arasında oluyor, ya da bir çözüm var bir kere, örnek kod sonrası için faydalı görünmüyor önemsiz mi bu?
CEVAP
6 EKİM 2009, Salı
the jQuery UI vertical Tabs Docubir göz at. İyi işe yaradı çalışıyorum.
<style type="text/css">
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
</style>
<script>
$(document).ready(function() {
$("#tabs").tabs().addClass('ui-tabs-vertical ui-helper-clearfix');
$("#tabs li").removeClass('ui-corner-top').addClass('ui-corner-left');
});
</script>
Bunu Paylaş:
Dikey sekme nedir?...
Nasıl SADECE yatay veya dikey olarak y...
Jquery-UI Sekme adı olarak seçilen sek...
yakalamak için nasıl jquery sekme için...
jQuery UI Sekmeleri Seçili Sekme Endek...