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

Поделиться481Пн, 5 Сен 2011 17:16:43

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

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

Баннер скукожился =) Сделайте пожалуйста ячейку пошире и повыше, чем 88х31, чтобы размер баннера не изменялся и вертикальная прокрутка влезала, а горизонтальная не появлялась. Пикселей на 20 наверное...

Так?

Или как?) Я уже смутно вас понимаю) может я вам просто скажу, что делать, да вы сами подровняете? А то так тыкаться можно... ой-ей сколько :rolleyes:

Отредактировано Rion Leonheart (Пн, 5 Сен 2011 17:29:15)

0

Поделиться482Пн, 5 Сен 2011 17:34:52

Автор: Kamio
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 165
Уважение: +4
Позитив: +15
Последний визит:
Вт, 12 Авг 2014 16:52:13

Сделала сама =)

0

Поделиться483Пн, 5 Сен 2011 17:36:33

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

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

Сделала сама =)

Маладец)

0

Поделиться484Пн, 5 Сен 2011 18:20:12

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

http://savepic.org/2290174.jpg
вот такая табличка.
форум - http://kotik.rolevaya.ru

контейнера - это всплывающие окна.

Отредактировано X-j (Пн, 5 Сен 2011 18:26:11)

0

Поделиться485Пн, 5 Сен 2011 18:27:26

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

X-j, а я все думал, появитесь вы, или нет)

X-j написал(а):

http://savepic.org/2290174.jpg

Не открывается у мну ваше творение :dontknow:

0

Поделиться486Пн, 5 Сен 2011 18:28:29

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

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

X-j, а я все думал, появитесь вы, или нет)

ахах)

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

Не открывается у мну ваше творение

тогда другой вариант:
http://s56.radikal.ru/i151/1109/82/c468142fc5df.jpg

0

Поделиться487Пн, 5 Сен 2011 18:32:47

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

X-j, прокрутку нигде не надо, я так понимаю?

0

Поделиться488Пн, 5 Сен 2011 18:33:35

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

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

X-j, прокрутку нигде не надо, я так понимаю?

нет, не надо (если что, сами сделаем))

0

Поделиться489Пн, 5 Сен 2011 19:23:32

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

X-j, ни наю насчет ваших границ - нужны али нет *если что, сами проставите, но вот как-то так:

html-верх:

Код:

<style>

.splLink {width: 210px; height: 40px; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 210px; background: #EBBD81; padding: 5px; margin-top: 5px; border: 1px solid #000000; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

</style>

Сама табличка:

Код:

<center><table width="100%" height="380" border="0">

<tr height="40"><td><DIV><div class=splLink>Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 1

</DIV></DIV></td>

<td><DIV><div class=splLink>Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 2

</DIV></DIV></td>

<td><DIV><div class=splLink>Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 3

</DIV></DIV></td>

<td><DIV><div class=splLink>Четвертый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 4

</DIV></DIV></td></tr>

<tr height="150"><td>

<br><strong>Заголовок</strong>
<br><br>Текст-текст-текст

</td><td width="500" rowspan="2" colspan="2">

<img src="ссылка на картинку">

</td><td>

<br><strong>Заголовок</strong>
<br><br>Текст-текст-текст

</td></tr>

<tr height="150"><td>

<br><strong>Заголовок</strong>
<br><br>Текст-текст-текст

</td><td>

<br><strong>Заголовок</strong>
<br><br>Текст-текст-текст

</td></tr>

<tr height="40"><td><DIV><div class=splLink>Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 5

</DIV></DIV></td>

<td><DIV><div class=splLink>Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 6

</DIV></DIV></td>

<td><DIV><div class=splLink>Седьмой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 7

</DIV></DIV></td>

<td><DIV><div class=splLink>Восьмой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 8

</DIV></DIV></td></tr>

</table></center>

html-низ:

Код:

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

+1

Поделиться490Пн, 5 Сен 2011 19:24:16

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

Rion Leonheart
спасибо огромное (:

0

Поделиться491Пн, 5 Сен 2011 19:27:24

Автор: antuanna
Заслуженный
Зарегистрирован: Пн, 5 Сен 2011
Сообщений: 88
Уважение: +1
Позитив: +6
Последний визит:
Ср, 30 Янв 2013 21:42:01

Спасибо, не надо, получила

Отредактировано antuanna (Вт, 6 Сен 2011 17:28:50)

0

Поделиться492Пн, 5 Сен 2011 20:14:29

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

таблица вышла несколько неудачной... в смысле, не подошла форуму, потому прошу сделать немного другую:
http://s014.radikal.ru/i326/1109/93/d73eb99ecee7.jpg
форум тот же - http://kotik.rolevaya.ru

+ таблица без границ.
+ контейнера, отмеченные снежинкой - с вертикальной прокруткой.

Отредактировано X-j (Ср, 7 Сен 2011 08:08:25)

0

Поделиться493Пн, 5 Сен 2011 20:48:37

Автор: Dark Fin
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 9
Уважение: 0
Позитив: 0
Последний визит:
Вс, 13 Ноя 2011 22:16:57

Сделайте:

2. Описание:
1.Если только чуть жирным выделить такие названия как: Навигация, Акции и т.д.
2.Можно ли акции и навигацию сделать так, чтобы были примерно такие вот ссылки, как здесь (Сайт, НОВОСТИ, обсуждения...) http://colorforum.ru/
3.И если как нибудь можно чтоб каждая строка, после предыдущей были вплотную, примерно как здесь http://robotsanimals.forumbb.ru/, чтоб так миниатюрнинько;)
4. Картинки в администрации. При наведении становились больше, не знаю как это правильно называется х)
5. Без полей и каких либо линий.
3. Адрес форума:
http://testforum23.forumbb.ru/
Тестовик.)

0

Поделиться494Ср, 7 Сен 2011 13:27:11

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

X-j написал(а):

в смысле, не подошла форуму, потому прошу сделать немного другую:

Это ваша окончательная переделка? или будут еще дополнения? Кстати о картинке, та, что на форуме сейчас стоит, в объявлении будет? :question:

X-j написал(а):

+ контейнера, отмеченные снежинкой - с вертикальной прокруткой.

~~А говорили, что сами...~~
Dark Fin, здравствуйте.
А размеры у вашей таблицы какие? Хоть высоту скажите? :glasses:

Отредактировано Rion Leonheart (Ср, 7 Сен 2011 13:30:32)

0

Поделиться495Ср, 7 Сен 2011 14:14:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

Dark Fin написал(а):

4. Картинки в администрации. При наведении становились больше, не знаю как это правильно называется х)

Увеличения Картинок По клику:

Превью > http://hostjs-mybb2011.narod.ru/uvelichilka.htm
Вставляем туда, где нужны картинки

<style>
table.prev {
border-collapse:collapse;
border:solid 1px transparent;
}
table.prev td{
padding:0 24px;
}
.Myimg {
width:150px;
position:absolute;
display:none;
z-index:100;
margin-top:-125px;
margin-left:-53px;
}
</style>

<table class=prev><tr>

<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="50"/><div class="Myimg" style="display:none;"><img src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>

<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="50"/><div class="Myimg" style="display:none;"><img src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>

<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="50"/><div class="Myimg" style="display:none;"><img src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>

</tr></table>

<script type="text/javascript">
$(document).ready(function(){
$('img.tryam').mouseover(function(){
$(this).parent().children('.Myimg').show('slow');
}).mouseout(function(){
});

$('.Myimg img').mouseover(function(){
}).mouseout(function(){
$(this).parent('.Myimg').hide('slow');
});
});
</script>

Пояснения:
Вставляем картинки табличкой;

Размножаемый элемент таблички -ячейка - выделен синим жирным
Ссылки на картинки - красным

Первая картинка - малая - вторая - большая
(*в данном, конкретном случае, получилось, что обе картинки идентичны..размер большей и меньшей задается настройками

<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="50"/><div class="Myimg" style="display:none;"><img src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>

50 -Размер малой картинки - задаём непосредственно в размножаемом блоке
Пояснения по коду стиля

.Myimg {
width:150px;
position:absolute;
display:none;
z-index:100;

150 - Размер большой картинки (*задается размером обрамляющего блока
Отступ малых картинок друг от друга(первично показываемых в таблице) задаётся этой цифрой

table.prev td{
padding:0 24px;
}

После установки таблицы, необходимо:
Центрировать положение больших всплывающих картинок относительно исходных - малых:

z-index:100;
margin-top:-125px;
margin-left:-53px;
}

-125 - cдвиг влево( приблизительно ширина большой картинки минус ширина малой
-53 - cдвиг вверх - примерно равен третьей части высоты большой...

Оба параметра - регулируем

0

Поделиться496Ср, 7 Сен 2011 20:01:52

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

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

Это ваша окончательная переделка? или будут еще дополнения? Кстати о картинке, та, что на форуме сейчас стоит, в объявлении будет?

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

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

А говорили, что сами...

~~лень-матушка ;D~~

0

Поделиться497Ср, 7 Сен 2011 20:12:37

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

1. Я прошу прощения у человека, чей эскиз взяла для примера. Но у меня сейчас ни фотошоп ни пэинт не открываются (увы, комп мудрит из-за работающего антивирусника)
2. http://fgjhgfg.mybb.ru/
3. Мне не нужны кнопки картинками, как на эскизе, но очень хотелось бы, чтобы они по внешнему виду походили на оформление всех ссылок на форуме (те, что голубенькие сейчас). Цвет не важен - сама подберу и поставлю, главное стиль.
Размер контейнера, где будут вкладки, 860х272. На фон вот эта картинка.
Рамки не нужны. Текст (особенно в первом контейнере) хотелось бы чтобы прокручивался.
Заранее спасибо.

0

Поделиться498Чт, 8 Сен 2011 12:52:47

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

X-j, тут дело не в картинке... а в вашем табуляторопроизволе, простите...

Прежде чем что-то переделывать, я бы предложил вам для начала отцентрировать вашу таблицу:

<center><table>код таблы</table></center>

И уменьшил бы ширину кнопок. В html-верху ищем строку:

.splLink {width: 210px; height: 40px;

И выделенное красным меняем на 175!

P.S.:И зачем вы, кстати, выравниваете текст по ширине всплывающего окна, если эта функция все равно не читается?

Таблу переделанную, что вы нарисовали, нельзя сделать без параметров картинки, шо будете вставлять ~~(ибо опять вылезет куда-нить...)~~ на раннем эскизе указывали размер, на этом почему-то стерли...

:jumping:

Отредактировано Rion Leonheart (Пт, 9 Сен 2011 13:34:24)

0

Поделиться499Чт, 8 Сен 2011 13:40:48

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

Танюшка1482, здравствуйте.
Не до конца вас понял, зачем вам от каждой кнопки всплывающий контейнер таких размеров, если можно просто сделать кнопки над окном инфы, которая будет меняться в зависимости от того, на какую кнопку нажмете?

Отредактировано Rion Leonheart (Чт, 8 Сен 2011 13:41:15)

0

Поделиться500Чт, 8 Сен 2011 21:53:32

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

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

Не до конца вас понял, зачем вам от каждой кнопки всплывающий контейнер таких размеров, если можно просто сделать кнопки над окном инфы, которая будет меняться в зависимости от того, на какую кнопку нажмете?

:blush: я наверно не так выразилась...прошу прощения. Была вчера после работы - соображала туго...
Именно появляющуюся в одном контейнере информацию я и имела ввиду...

0

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

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

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

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

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

Сообщений 481 страница 500 из 1000

Поделиться481Пн, 5 Сен 2011 17:16:43

Поделиться482Пн, 5 Сен 2011 17:34:52

Поделиться483Пн, 5 Сен 2011 17:36:33

Поделиться484Пн, 5 Сен 2011 18:20:12

Поделиться485Пн, 5 Сен 2011 18:27:26

Поделиться486Пн, 5 Сен 2011 18:28:29

Поделиться487Пн, 5 Сен 2011 18:32:47

Поделиться488Пн, 5 Сен 2011 18:33:35

Поделиться489Пн, 5 Сен 2011 19:23:32

Поделиться490Пн, 5 Сен 2011 19:24:16

Поделиться491Пн, 5 Сен 2011 19:27:24

Поделиться492Пн, 5 Сен 2011 20:14:29

Поделиться493Пн, 5 Сен 2011 20:48:37

Поделиться494Ср, 7 Сен 2011 13:27:11

Поделиться495Ср, 7 Сен 2011 14:14:40

Поделиться496Ср, 7 Сен 2011 20:01:52

Поделиться497Ср, 7 Сен 2011 20:12:37

Поделиться498Чт, 8 Сен 2011 12:52:47

Поделиться499Чт, 8 Сен 2011 13:40:48

Поделиться500Чт, 8 Сен 2011 21:53:32