Как сделать такие кнопки выбора

(Ответов: 8, Просмотров: 1184)
  1. Banned
    • Регистрация: 12.08.2011
    • Сообщений: 307
    • Репутация: 15
    Здравствуете. Интересует вопрос как можно сделать _http://1001golos.ru/33070 выбор комментарий?
    • 0
  2. Опытный Аватар для TBicTep
    • Регистрация: 08.06.2011
    • Сообщений: 342
    • Репутация: 64
    SimpleTabs должен подойти. Скачать здесь http://nuevvo.com/labs/simpletabs/ пример тамже
    • 1

    Спасибо сказали:

    Skog94(10.09.2011),
  3. Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,375
    • Записей в дневнике: 1
    • Репутация: 2506
    Заходишь сюда за кодом _http://developers.facebook.com/docs/guides/web/ и сюда _http://vkontakte.ru/developers.php?oid=-1&p=Comments а переключение допиливаешь на ajax

    ---------- Сообщение добавлено 19:23 ---------- Предыдущее 19:22 ----------

    TBicTep,ну или так, но код с фейсбука и вконтакте тоже нужно будет вставить
    • 1

    Спасибо сказали:

    Skog94(10.09.2011),
  4. Опытный Аватар для TBicTep
    • Регистрация: 08.06.2011
    • Сообщений: 342
    • Репутация: 64
    ArhStrAngeR, ну это естественно.
    • 0
  5. Студент Аватар для WinneR
    • Регистрация: 07.11.2009
    • Сообщений: 79
    • Репутация: 13
    • Webmoney BL: ?
    ArhStrAngeR, не обязательно на ajax, я бы сдела на jQuery просто смену стиля, display: none; вешал бы на тот блок который не активен сейчас, просто в этом случае обе формы сразу загрузятся и при переключении между ними не нужно будет ждать подгрузки формы коментариев контакта, или фейсбука.
    • 1

    Спасибо сказали:

    Skog94(10.09.2011),
  6. Super Moderator Аватар для staurus
    • Регистрация: 12.06.2009
    • Сообщений: 615
    • Репутация: 888
    • Webmoney BL: ?
    • 1

    Спасибо сказали:

    Skog94(10.09.2011),
  7. Banned
    • Регистрация: 12.08.2011
    • Сообщений: 307
    • Репутация: 15
    Спасибо всем, мне нужно было только узнать как сделать выбор так, а остальное уже нашел. Кажется и это то что посоветовал TBicTep

    ---------- Сообщение добавлено 20:29 ---------- Предыдущее 20:07 ----------

    TBicTep,не получается, нужно что-то вроде этого http://www.sohtanaka.com/web-design/...-w-css-jquery/ , но с английским не дружу. Может кто-то помочь?

    ---------- Сообщение добавлено 21:12 ---------- Предыдущее 20:29 ----------

    Эти вкладки никак сделать не получается
    • 0
  8. Опытный Аватар для TBicTep
    • Регистрация: 08.06.2011
    • Сообщений: 342
    • Репутация: 64
    Код HTML:
    //Подключаем simpletabs
    <script type="text/javascript" src="simpletabs_1.3.js"></script>
    //Внешний вид
    <style type="text/css">
    div.simpleTabs { padding:10px; }
    ul.simpleTabsNavigation { margin:0 10px; padding:0; text-align:left; }
    ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
    ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; padding:3px 6px; background:#F0F0F0; font-size:14px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; }
    ul.simpleTabsNavigation li a:hover { background-color:#F6F6F6; }
    ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:1px solid #fff; }
    div.simpleTabsContent { border:1px solid #E0E0E0; padding:5px 15px 15px; margin-top:3px; display:none; }
    div.simpleTabsContent.currentTab { display:block; }
    </style>
    //Собсна сами блоки
    <div class="simpleTabs"> <ul class="simpleTabsNavigation"> <li><a href="#">Вконтакте</a></li> <li><a href="#">Facebook</a></li> </ul> <div class="simpleTabsContent">					
    	Код комментариев vkontakte
    	</div> <div class="simpleTabsContent">
    	Код комментариев Facebook
    	</div> </div>
    Вроде фурычит
    • 1

    Спасибо сказали:

    Skog94(11.09.2011),
  9. Banned
    • Регистрация: 12.08.2011
    • Сообщений: 307
    • Репутация: 15
    TBicTep, спасибо, сделал! Все получилось
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
YML или мы не такие как все...
Софт, скрипты, сервисы 0 26.06.2010 02:30
11 критериев выбора пп
Партнерские программы 9 29.12.2009 12:40
CJ, кто такие?
Адалт и дейтинг 13 19.12.2009 16:22

Интересные темы

парсер yml

Как правильно и просто создать свой парсер xml, чтобы все работало и не было ошибок.

как скачать с rutube

Здесь можно прочитать о всех возможных методах того, как скачать с rutube видео.

как скачать с рутуб

Не знаешь, как скачать с рутуб, какой программой удобнее всего воспользоваться для этого, читай здесь.

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры