Кодировка HTML | Демо-сайт CMS uCoz | Почта

Как организовать панель дополнительное инфо?

Здесь задаём вопросы и получаем ответы по системе uCoz!
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!

Как организовать панель дополнительное инфо?

Сообщение To4kacool » 31 дек 2009, 02:33

Всем привет! :D
Пыталась разобраться сама, но у меня мало чего получилось.

Я хочу вот что.

Как организовать переключатель ?

Изображение

То что находится внутри переключателя я сделаю сама. А вот как организовать сам переключатель ,понять не могу (

Помогите кто сможет.. желательно готовым кодом. 8-)
Изображение
To4kacool
Салага
Салага
 
Автор темы
Сообщения: 11
Возраст: 33
Зарегистрирован: 29 сен 2008, 23:56
Карма: + 0 -

Re: Как организовать панель дополнительное инфо?

Сообщение SOKOJI » 31 дек 2009, 08:58

To4kacool, выкладывали уже. В архиве поищи. Ключевое слово - "табы". Там и красивые эффекты можно сделать при переключении с одной вкладки, на другую.
Оказываю небесплатную помощь по сайтам. Обращаться в ЛС или в ICQ (см.профиль).
Пишу PHP-скрипты на заказ. За подробной информацией в ЛС (или в ICQ).

Помощь по форуму:
Раздел для Ваших вопросов | Поиск!
Аватара пользователя
SOKOJI
Модератор
Модератор
 
Сообщения: 234
Зарегистрирован: 01 июл 2009, 21:19
Карма: + 29 -

Re: Как организовать панель дополнительное инфо?

Сообщение To4kacool » 31 дек 2009, 12:58

Спасибо! А то весь форум облазила , а не нашла
Изображение
To4kacool
Салага
Салага
 
Автор темы
Сообщения: 11
Возраст: 33
Зарегистрирован: 29 сен 2008, 23:56
Карма: + 0 -

Re: Как организовать панель дополнительное инфо?

Сообщение To4kacool » 31 дек 2009, 13:23

Не то это(
Изображение
To4kacool
Салага
Салага
 
Автор темы
Сообщения: 11
Возраст: 33
Зарегистрирован: 29 сен 2008, 23:56
Карма: + 0 -

Re: Как организовать панель дополнительное инфо?

Сообщение SOKOJI » 31 дек 2009, 13:38

To4kacool, viewtopic.php?f=3&t=1348 - вот эти вкладки получше будут.
Оказываю небесплатную помощь по сайтам. Обращаться в ЛС или в ICQ (см.профиль).
Пишу PHP-скрипты на заказ. За подробной информацией в ЛС (или в ICQ).

Помощь по форуму:
Раздел для Ваших вопросов | Поиск!
Аватара пользователя
SOKOJI
Модератор
Модератор
 
Сообщения: 234
Зарегистрирован: 01 июл 2009, 21:19
Карма: + 29 -

Re: Как организовать панель дополнительное инфо?

Сообщение To4kacool » 31 дек 2009, 14:18

Я нашла получше...http://dmitro-off.ru/css-javascript-tab#codesyntax2 но не понимаю как это все совместить что бы работало.
Изображение
To4kacool
Салага
Салага
 
Автор темы
Сообщения: 11
Возраст: 33
Зарегистрирован: 29 сен 2008, 23:56
Карма: + 0 -

Re: Как организовать панель дополнительное инфо?

Сообщение SOKOJI » 31 дек 2009, 14:36

To4kacool, что именно совместить? Там же весь листинг кода представлен. Тебе остается лишь свою информацию подставить.
Оказываю небесплатную помощь по сайтам. Обращаться в ЛС или в ICQ (см.профиль).
Пишу PHP-скрипты на заказ. За подробной информацией в ЛС (или в ICQ).

Помощь по форуму:
Раздел для Ваших вопросов | Поиск!
Аватара пользователя
SOKOJI
Модератор
Модератор
 
Сообщения: 234
Зарегистрирован: 01 июл 2009, 21:19
Карма: + 29 -

Re: Как организовать панель дополнительное инфо?

Сообщение To4kacool » 31 дек 2009, 15:03

SOKOJI, ну вообщем загрузила на сайт 2 документа. tabs.css(http://photoshop-free.ru/tabs/tabs.css) и tabs.js( http://photoshop-free.ru/tabs/tabs.js ) соответственно как написано на сайте. Подключаю ксс и скрипт...
в head
Код: Выделить всё
<script type="text/javascript" src="/tabs/tabs.js"></script>


и в ксс.
Код: Выделить всё
<style type="text/css" media="all">
@import url(/tabs/tabs.css);
</style>



а они у меня не пашут... не понимаю в общем.
http://photoshop-free.ru/index/0-52
Изображение
To4kacool
Салага
Салага
 
Автор темы
Сообщения: 11
Возраст: 33
Зарегистрирован: 29 сен 2008, 23:56
Карма: + 0 -

Re: Как организовать панель дополнительное инфо?

Сообщение SOKOJI » 31 дек 2009, 16:34

To4kacool, прости, но что именно у тебя не пашет? Какой у тебя браузер? Лично у меня все вкладки нормально работают. Советую немного в исходном коде поработать, ошибки исправить. Вот, к примеру:
Код: Выделить всё
<style type="text/css" media="all">
@import url(/style/engine.css);
<style type="text/css" media="all">
</style>

Рекомендуется объединять все css файлы в 1, максимум 2 файла, для наиболее быстрой загрузки страницы.
Оказываю небесплатную помощь по сайтам. Обращаться в ЛС или в ICQ (см.профиль).
Пишу PHP-скрипты на заказ. За подробной информацией в ЛС (или в ICQ).

Помощь по форуму:
Раздел для Ваших вопросов | Поиск!
Аватара пользователя
SOKOJI
Модератор
Модератор
 
Сообщения: 234
Зарегистрирован: 01 июл 2009, 21:19
Карма: + 29 -

Re: Как организовать панель дополнительное инфо?

Сообщение Draft » 31 дек 2009, 18:04

To4kacool,

Держи:

<style>
.tabc {display:none;}
.tabt {float:left; width:100px; margin-right:10px; border:1px #C8C8C8 solid; padding:2px;}
</style>

<div class="tabs">

<div class="tabt" onclick="toggle_tab(1)">Вкладка 1</div>
<div class="tabt" onclick="toggle_tab(2)">Вкладка 2</div>
<div class="tabt" onclick="toggle_tab(3)">Вкладка 2</div>

<br clear="both">

<div class="tabc" id="toggle_tab_1">Содержимое 1</div>
<div class="tabc" id="toggle_tab_2">Содержимое 2</div>
<div class="tabc" id="toggle_tab_3">Содержимое 2</div>

</div>

<script>
function toggle_tab(n) {
$(".tabs .tabc").fadeOut(function() {
setTimeout(function() {$("#toggle_tab_"+n).fadeIn();},400);
});}
</script>


Остается только застилить кнопки и содержимое по своему вкусу.

С Наступающим ;)
Пишу скрипты для uCoz под заказ. Стучать в ICQ[/b]
Аватара пользователя
Draft
Модератор
Модератор
 
Сообщения: 722
Возраст: 31
Зарегистрирован: 21 апр 2008, 11:37
Карма: + 24 -
Откуда: Saint :P

След.

Вернуться в Общение

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 30

cron