SORU
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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Artorius FullPower

    Artorius Ful

    29 Temmuz 2007
  • TechRax

    TechRax

    21 EYLÜL 2009
  • Tinkernut

    Tinkernut

    28 Aralık 2006