Таблицы на заказ (12)

Поделиться521Пн, 12 Сен 2011 17:08:40

Автор: Ефросинья
Заслуженный
Зарегистрирован: Чт, 5 Май 2011
Сообщений: 84
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Чт, 13 Окт 2011 18:03:49

добрый день
хотелось бы спросить вот такую табличку: http://savepic.net/1996892.png
то есть - нажимаешь кнопки, в поле с информацией она меняется
ну, и чтобы можно было менять цвет полей кнопок и информационного.
спасибо заранее.
ссылка на форум в профиле

0

Поделиться522Пн, 12 Сен 2011 17:12:51

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Ефросинья, здравствуйте.
Це высота-то новой таблицы такая же, что и у таблицы на вашем форуме?

0

Поделиться523Пн, 12 Сен 2011 17:15:31

Автор: Ефросинья
Заслуженный
Зарегистрирован: Чт, 5 Май 2011
Сообщений: 84
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Чт, 13 Окт 2011 18:03:49

Rion Leonheart, угук, поле с информацией можно вытянуть в длину немного.

Отредактировано Ефросинья (Пн, 12 Сен 2011 17:16:12)

0

Поделиться524Пн, 12 Сен 2011 18:03:24

Автор: Альфа
Заслуженный
Зарегистрирован: Сб, 10 Сен 2011
Сообщений: 8
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Сб, 17 Сен 2011 17:51:30

Rion Leonheart
1.Таблицу рисовала в натуральную величину.
2.Весь верх т.е. правая, центральная и левая. Все это.
3.Да конечно: http://wolvessignatureblood.rolka.su/

Надеюсь все докладно обьяснила.

З.Ы. Если точно размер таблицы таков: 614 х 465.

0

Поделиться525Пн, 12 Сен 2011 18:18:43

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Стиль старого объявления в html-верху замените на:

<style>
#menu {
margin-top:-53px;
width: 160px;
height: 60px;
}

#menu span {
text-align:center;
display:block;
color:#3f4469; 
margin: 9px 0;
padding: 11px;
}
#submenu,#menu span {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
background:#bea982; 
}

#menu .tabactive {
color: #26293f; 
background:#8c7c60; 
}

#submenu {
padding: 0px;
height: 190px;
text-align: center;
font-size: 12px;
width: 560px;
margin-top:-55px;
}

.submenutext {
display: none;
height: 40px;
}
</style>

Само объявление на такое ( не удалите только в процессе перестановки)):

Код:

<center><table style="width: 100%;">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">приветствие</span>
<span alt="#sm2" style="cursor: pointer;">новости</span>
<span alt="#sm3" style="cursor: pointer;">ссылки</span>
<span alt="#sm4" style="cursor: pointer;">партнеры</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>

Контекст 1 

</div>
     <div id="sm2" class="submenutext"><br/><br/>

Контекст 2

</div>
     <div id="sm3" class="submenutext"><br/><br/>

Контекст 3

</div>
     <div id="sm4" class="submenutext"><br/><br/>

Контекст 4

</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

Замечание: при замене кода в html-верху удалите комментарии из кода - це шо в тегах <--!...--> ~~(иначе немного некоррекно таблица встанет)~~

0

Поделиться526Пн, 12 Сен 2011 18:30:38

Автор: Ефросинья
Заслуженный
Зарегистрирован: Чт, 5 Май 2011
Сообщений: 84
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Чт, 13 Окт 2011 18:03:49

Rion Leonheart, я поставила таблицу на http://helgaschool.anihub.ru/ форум, там все так же в настройках дизайна, как и в прошлом форуме. но почему-то не переключается между пунктами меню.

0

Поделиться527Пн, 12 Сен 2011 18:33:27

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Ефросинья, значит не так же) добавьте) ~~(на самом форуме по доктору такой скрипт есть)~~

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();

$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>

Можете в само объявление поставить, можете в html-низ.

Отредактировано Rion Leonheart (Пн, 12 Сен 2011 18:36:45)

+1

Поделиться528Пн, 12 Сен 2011 19:34:09

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

Здравствуйте! Ребята, Вы тут такие замечательные таблицы делаете! Просто завидую "белой завистью" - Вашим знаниям и умению в этом деле!
А мне можно вот такую таблицу, как здесь:
http://hostjs-mybb2011.narod.ru/default0000000.htm

На этот форум: http://mirdo.mybb.ru/

Если сможете сделать, то дам фотки для галереи и основное фото для таблицы (т.е. то, на фоне которого размещено облако тегов!) Буду очень благодарна за помощь!

Отредактировано Elka (Пн, 12 Сен 2011 19:35:34)

0

Поделиться529Пн, 12 Сен 2011 19:40:04

Автор: Варя;
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 234
Уважение: +9
Позитив: +21
Пол: Женский
Последний визит:
Ср, 24 Мар 2021 19:47:26

Здравствуйте, можно мне вот такую табличку? верхние два окна с границами, а те, что в середине- без видимых границ. верхние окна с полосами прокрутки, на рисунке они обозначены черными прямоугольниками.
ширина таблицы 700 высота от 130

0

Поделиться530Пн, 12 Сен 2011 20:25:14

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Альфа написал(а):

Надеюсь все докладно обьяснила.

Угу, над подумать...
Elka, здравствуйте. Це там таблиц по всему форуму уйма... вам какую? Конкретно ток эту) *на скрине обведена красным?

Elka написал(а):

Здравствуйте! Ребята, Вы тут такие замечательные таблицы делаете! Просто завидую "белой завистью" - Вашим знаниям и умению в этом деле!

То-то я смотрю вы из темы не вылезаете)

Elka написал(а):

дам фотки для галереи и основное фото для таблицы

Давайте конечно ~~(методом тыка проблематично)~~
Варя;, здравствуйте.
Вопрос по части первого окна: там 2 ячейки, или одна? Двойной прокрутки не знаю просто...

~~Скрин для Ёлки:~~

0

Поделиться531Пн, 12 Сен 2011 20:47:37

Автор: Варя;
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 234
Уважение: +9
Позитив: +21
Пол: Женский
Последний визит:
Ср, 24 Мар 2021 19:47:26

Rion Leonheart
в верхнем одна. Я видать лишнюю прокрутку нарисовала)
в нижнем два окна

0

Поделиться532Пн, 12 Сен 2011 21:04:28

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Варя;, последний вопрос. Таблица на этот форум?:
Plus Ultra
:question: *ссылку на форум надоть обязательно указывать...

0

Поделиться533Пн, 12 Сен 2011 21:09:32

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

Rion Leonheart написал(а):

Конкретно ток эту) *на скрине обведена красным?

Да! Только эту! Ну, собственно, она состоит из 3-х блоков:
1. Галерея
2. Фоновая картинка с облаком тегов
3. Меню с навигацией
(Всё, что идёт ниже, мне не нужно!)

Rion Leonheart написал(а):

То-то я смотрю вы из темы не вылезаете)

Нет, я вылезаю... :rofl: Я ведь ещё на работу хожу и всё такое...)))))
А сижу и правда часто в этой теме - хАчу научиться! Ученье - свет...)))))

Rion Leonheart написал(а):

Давайте конечно

Вот фоновая картинка, на которой будет облако тегов
http://savepic.org/2258432.jpg

А вот картинки для галереи:

0

Поделиться534Пн, 12 Сен 2011 21:29:29

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Elka, я вас понял. Чуть позже выложу. ~~(спать хоцца жутко...)~~

0

Поделиться535Пн, 12 Сен 2011 23:03:09

Автор: Варя;
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 234
Уважение: +9
Позитив: +21
Пол: Женский
Последний визит:
Ср, 24 Мар 2021 19:47:26

Rion Leonheart

дааааа....
он уже тут всех задолбал(
видите, даже вы его нашли без подсказкиХД

0

Поделиться536Вт, 13 Сен 2011 17:37:39

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Elka, ~~хотел выложить, ага...~~
Сел делать, столкнулся с такой несостыковкой - там всего 13 картинок прокручивается в блоке, а вы дали ссылку на 19. И еще там есть такие картинки, которые при клике на них переводят вас на другую картинку (но при этом в самом крутящемся блоке вы их не увидите)...
В общем методом тыка боюсь что-то выкидывать/оставлять (ибо о вкусах не спорят, увы), поэтому для вас такое предложение:
1. Нужна ли вам переадресация на другие картинки с блока прокручивающихся фото?
2. Если ваш ответ - "да", тогда придется сократить список видимых до 13, из оставшихся 6 выбрать, какие куда пойдут на переадресацию + подбросить еще 7 картинок и также определить, какие пойдут на переадресацию...
3. Если ваш ответ - "нет" ~~(и вам нафик не нужен такой геморрой)~~, то просто сократите количество прокручивающихся картинок до 13

Elka написал(а):

Да! Только эту! Ну, собственно, она состоит из 3-х блоков:

Из 2-х... навигация - эт отдельная тема...

Elka написал(а):

Я ведь ещё на работу хожу и всё такое...)))))

~~Угу, я тоже, не поверите~~

Elka написал(а):

А сижу и правда часто в этой теме - хАчу научиться!

Шо мешает-то? :glasses:

Elka написал(а):

Ученье - свет...)))))

~~А неученье - чуть свет и на работу...~~

Отредактировано Rion Leonheart (Вт, 13 Сен 2011 18:49:57)

0

Поделиться537Вт, 13 Сен 2011 18:14:05

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Альфа написал(а):

Весь верх т.е. правая, центральная и левая. Все это.3.Да конечно: http://wolvessignatureblood.rolka.su/

Смотрел, и пришел к выводу, шо на том форуме, шо вы дали для примера, на фоне объявления просто стоит такая картинка - с плавными переходами из одного цвета в другой и кстати не только сверху... ну и обводка ячеек, соответственно, подбирается под цвет фона... вы картинку на фон таблицы не давали :glasses: так что пока сорри

0

Поделиться538Вт, 13 Сен 2011 18:15:56

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Варя; написал(а):

высота от 130

Так и не догнал, куда-зачем такая высота - ибо если вся таблица - то слишком маленькая, а если вы высоту каждого "блока" примерно задаете таким образом, то тогда вот так примерно:

В Объявление:

Код:

<table border="0" width="100%" style="margin-top: -60px;">
<tr>
<td>
<table width="100%" height="100" style="border: double 3px;"><tr><td><div style="height: 100px; width: 100%; overflow: auto;"><p align="center">

Верхнее окно с прокруткой, появится - когда размер инфы превысит лимит


</p></div></td></tr></table>
</td>
</tr>
<tr>
<td>
<table width="100%" height="200">
<tr><td width="33%"><p align="center">

Тут что-то должно быть

</p></td>
<td width="34%"><p align="center">

Тут что-то должно быть 2

</p></td>
<td width="33%"><p align="center">

Тут что-то должно быть 3

</p></td>

</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" height="140">
<tr>

<td width="33%" style="border: double 3px;"><div style="height: 140px; width: 100%; overflow: auto;"><p align="center">

Текст 2 с прокруткой - появится, когда размер содержимого превысит лимит

</p></div></td>
<td width="67%" style="border: double 3px;"><div style="height: 140px; width: 100%; overflow: auto;"><p align="center">

Текст 3 с прокруткой - появится, когда размер содержимого превысит лимит

</p></div></td></tr></table>
</td>
</tr>
</table>

Варя; написал(а):

ширина таблицы 700

Сделал на всю ширину тела форума, а то ровнять проблематично и потом с отображением в разных браузерах будут проблемы...

Варя; написал(а):

окна с полосами прокрутки, на рисунке они обозначены черными прямоугольниками.

Насчет прокрутки, це шо нижний ряд - левая колонка, вот шо-то раньше еще мудрил - получалось, а сейчас код прокрутки с отображением по левой стороне вообще отказал Оо... да и с ним тоже проблем до кучи - не все браузеры правильно считывают... А чем вам не нравится прокрутка с правой стороны, собственно?)))

Варя; написал(а):

он уже тут всех задолбал(видите, даже вы его нашли без подсказкиХД

Це я знал, где искать, прост

+1

Поделиться539Вт, 13 Сен 2011 19:44:03

Автор: Альфа
Заслуженный
Зарегистрирован: Сб, 10 Сен 2011
Сообщений: 8
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Сб, 17 Сен 2011 17:51:30

Rion Leonheart
Так все ладно, я тут с папой поговорила уж лучше мне все так и оставить. Обичная таблица без ничего. Если что то мой папа тож немного шарит в этом. Что нибудь придумает. Мне только код и все. Не хочу вас мучать сильно.

0

Поделиться540Вт, 13 Сен 2011 20:13:56

Автор: Варя;
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 234
Уважение: +9
Позитив: +21
Пол: Женский
Последний визит:
Ср, 24 Мар 2021 19:47:26

Rion Leonheart

ой все хорошо, спасибо) плюсик вам ставлю)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Таблицы на заказ (12)

Сообщений 521 страница 540 из 1000

Поделиться521Пн, 12 Сен 2011 17:08:40

Поделиться522Пн, 12 Сен 2011 17:12:51

Поделиться523Пн, 12 Сен 2011 17:15:31

Поделиться524Пн, 12 Сен 2011 18:03:24

Поделиться525Пн, 12 Сен 2011 18:18:43

Поделиться526Пн, 12 Сен 2011 18:30:38

Поделиться527Пн, 12 Сен 2011 18:33:27

Поделиться528Пн, 12 Сен 2011 19:34:09

Поделиться529Пн, 12 Сен 2011 19:40:04

Поделиться530Пн, 12 Сен 2011 20:25:14

Поделиться531Пн, 12 Сен 2011 20:47:37

Поделиться532Пн, 12 Сен 2011 21:04:28

Поделиться533Пн, 12 Сен 2011 21:09:32

Поделиться534Пн, 12 Сен 2011 21:29:29

Поделиться535Пн, 12 Сен 2011 23:03:09

Поделиться536Вт, 13 Сен 2011 17:37:39

Поделиться537Вт, 13 Сен 2011 18:14:05

Поделиться538Вт, 13 Сен 2011 18:15:56

Поделиться539Вт, 13 Сен 2011 19:44:03

Поделиться540Вт, 13 Сен 2011 20:13:56