Здесь курят мануал.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Мы в твиттере!
Мы вконтакте!
Мы на яндексе!

Краснодарское время: 25 Май, 2012, 11:49:28

Страниц: 1 [2]
Печать
Автор Тема: jQuery fieldsets => tabs  (Прочитано 347 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
Stasovsky    ↓ 
19 Январь, 2012, 09:19:19
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

никогда не юзал филды)) кривые они))
Записан
Sinkler    ↓ 
19 Январь, 2012, 09:28:49 , спустя 9 минут 30 секунд
НЕ ХУЕТА! ХУЕТА!

Похуй, пляшем!
Группа: Джедаи

Карма: 73
Сообщений: 6808
Сила слова: 1.07

юзаю в кейк-админках своих
Записан

artoodetoo    ↓ 
20 Январь, 2012, 09:14:44 , спустя 11 часов 45 минут 55 секунд
НЕ ХУЕТА! ХУЕТА!

с особым цинизмом
Группа: в ухо

Карма: 124
Сообщений: 3805
Сила слова: 3.26

зафавил тему. это то что реально нужно.
Записан
phpdude    ↓ 
20 Январь, 2012, 02:33:25 , спустя 5 часов 18 минут 41 секунду
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 345
Сообщений: 20790
Сила слова: 1.66

сдаю решение в общем, вдруг кому надо будет тоже.
 
http://jsfiddle.net/aYnY2/
 

tabs generation + tabs простые сами :-)
 
фидл не поддерживает lesscss, поэтому вот он.
 
CSS
.tabs{
    background: #fff;
 
    h2{
        float: left;
        margin: 10px 0 0 0;
        font-size: 12px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
    }
    .nav{
        float: left;
        margin: 0;
        font-size: 12px;
        li{
            float: left;
            margin: 0 0 0 7px;
        }
 
        a{
            display: block;
            padding: 9px 14px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            -webkit-border-top-left-radius:  6px;
            -webkit-border-top-right-radius: 6px;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            outline: none;
        }
        .active{
            background: #dbe7f1;
        }
    }
    .content{
        background: #efefef;
        clear: both;
        font-size: 14px;
        padding: 28px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        text-shadow: 1px 1px 0 #fff;
    }
 
    .disclaimer{
        background: #dbe7f1;
        padding: 15px;
        margin: -28px -28px 28px -28px;
        font-size: 12px;
        text-align: center;
        border-bottom: 1px solid #c4d2db;
    }
}
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
Stasovsky    ↓ 
20 Январь, 2012, 03:14:24 , спустя 40 минут 59 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

$(function () {
это в фиддле не обязательно, он умный))
 
по мне, так табсы на столько простая конструкция, что айдишники в ней нахер не нужны и проще сделать по номерам элементов))
Javascript
$('#nav li').click(function() {
    var li = $(this),
        div = $('#box div'),
        i = li.index();
       
    $.merge(div.eq(i), li)
        .addClass('active')
        .siblings()
        .removeClass('active');
}).eq(0).click();
Записан
phpdude    ↓ 
20 Январь, 2012, 03:23:27 , спустя 9 минут 3 секунды
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 345
Сообщений: 20790
Сила слова: 1.66

по мне, так табсы на столько простая конструкция, что айдишники в ней нахер не нужны и проще сделать по номерам элементов))
с айдишниками можно не завяываться на верстку + свои хуйнуть) но в принципе это как хочется - по желанию тобишь. я сделал по быстрому :-)
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
Ivan    ↓ 
20 Январь, 2012, 04:44:54 , спустя 1 час 21 минуту 27 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 27
Сообщений: 1366
Сила слова: 1.98

фидл не поддерживает lesscss
Пересел на lesscss всё таки?
Записан

Stasovsky    ↓ 
20 Январь, 2012, 04:52:59 , спустя 8 минут 5 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

и меня подсаживает, жук))
декомпилятор поставил, вкладки с доками открыты, но все никак не начну))
Записан
Ivan    ↓ 
20 Январь, 2012, 05:00:03 , спустя 7 минут 4 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 27
Сообщений: 1366
Сила слова: 1.98

декомпилятор поставил
может наоборот?)
Записан

Stasovsky    ↓ 
20 Январь, 2012, 05:08:08 , спустя 8 минут 5 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

ой, компилер XD
Записан
phpdude    ↓ 
20 Январь, 2012, 07:18:41 , спустя 2 часа 10 минут 33 секунды
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 345
Сообщений: 20790
Сила слова: 1.66


фидл не поддерживает lesscss
Пересел на lesscss всё таки?
уху. тлична явещь
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
kichSman    ↓ 
26 Январь, 2012, 01:30:26 , спустя 5 дней 6 часов 11 минут 45 секунд
НЕ ХУЕТА! ХУЕТА!

творю говно

Карма: 1
Сообщений: 398
Сила слова: 0.25

Все это говно!
Записан
Страниц: 1 [2]
Печать
 

Перейти в: