[таблица] Вифор

Поделиться12014-06-25 14:47:45

Автор: Wolf008
Участник
Зарегистрирован: 2014-06-25
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
4 часа 24 минуты
Последний визит:
2015-03-23 16:17:06

Доброго времени суток!

1. Название ролевой, ссылка:
Ролевая пока в разработке, но вот пробник:
http://fearandloathinginlv.mybb.ru/
2. Что требуется:
Очень хотелось бы получить маленькую аккуратную таблицу на форум, сотосяющую из трех блоков
Как вот здесь:

3. Дополнительно:
Хотелось бы иметь возможность меня фон таблицы. Так же очень желательно, чтобы была прокрутка текстовых столбцов, но без вот этого значка:

Шрифт так же мелкий, если можно.

Буду обязана по гроб жизни, если поможете

0

Поделиться22014-07-04 20:44:15

Автор: `Nancy Beatlejuice
Участник
Зарегистрирован: 2014-06-13
Приглашений: 0
Сообщений: 51
Уважение: [+10/-0]
Позитив: [+7/-0]
Провел на форуме:
14 часов 38 минут
Последний визит:
2015-11-17 19:05:17

Wolf008, здравствуйте!
Фон обязательно или можно прозрачный?

0

Поделиться32014-07-04 22:18:11

Автор: Wolf008
Участник
Зарегистрирован: 2014-06-25
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
4 часа 24 минуты
Последний визит:
2015-03-23 16:17:06

`Nancy Beatlejuice, привет)
желательно прозрачный

0

Поделиться42014-07-17 20:17:48

Автор: Wolf008
Участник
Зарегистрирован: 2014-06-25
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
4 часа 24 минуты
Последний визит:
2015-03-23 16:17:06

Все еще актуально

0

Поделиться52014-07-18 11:31:20

Автор: `Nancy Beatlejuice
Участник
Зарегистрирован: 2014-06-13
Приглашений: 0
Сообщений: 51
Уважение: [+10/-0]
Позитив: [+7/-0]
Провел на форуме:
14 часов 38 минут
Последний визит:
2015-11-17 19:05:17

Wolf008, приношу извинения за задержку.
Итак, Ваша таблица:

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

Код:

<table width="100%"><tr><td width="30%"><div style="overflow: auto; height: 200px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td>
<td width="30%"><div style="height: 200px;"><center><a class="menu" href="http://soundofmydreams.ru/">link</a>
<a class="menu" href="http://soundofmydreams.ru/">link</a>
<a class="menu" href="http://soundofmydreams.ru/">link</a>
<a class="menu" href="http://soundofmydreams.ru/">link</a>
<a class="menu" href="http://soundofmydreams.ru/">link</a>
<a class="menu" href="http://soundofmydreams.ru/">link</a></center>
</div></td>
<td width="30%"><div style="overflow: auto; height: 200px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td>
</tr></table>

Полоса прокрутки будет появляться по мере необходимости (когда текста мало - ее нет, когда текста много, она есть).
Для того, чтобы навигация (ссылки) работала, нужно разместить код, который я предоставлю ниже, в style css_cs.

Свернутый текст

Код:

a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 
background-color: grey;
font:normal 7pt century gothic;
color: #ffffff;
line-height: 14pt;
text-transform: uppercase; 
text-align: center;
display:block;
width:120px;
border-bottom: 2px solid  grey;
}
a.menu:hover {
background-color:#666666;
color:  #FFFFFF ;
border-bottom :2px solid  #ffffff;}

Естественно, все настройки Вы меняете сами.
Если это меню навигации не понравится, то остальные Вы можете найти тут.

0

Поделиться62014-07-18 12:26:33

Автор: Wolf008
Участник
Зарегистрирован: 2014-06-25
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
4 часа 24 минуты
Последний визит:
2015-03-23 16:17:06

`Nancy Beatlejuice, огромное спасибо!

0

Поделиться72014-07-18 19:15:15

Автор: `Nancy Beatlejuice
Участник
Зарегистрирован: 2014-06-13
Приглашений: 0
Сообщений: 51
Уважение: [+10/-0]
Позитив: [+7/-0]
Провел на форуме:
14 часов 38 минут
Последний визит:
2015-11-17 19:05:17

Спасибо, Wolf008, что воспользовались нашими услугами! Если вам понравилась работа Верстальщика или же наоборот, оставьте свой отзыв в теме "Отзывы заказчиков о выполненной работе", нам важно знать ваше мнение.

Отредактировано `Nancy Beatlejuice (2014-07-18 19:15:31)

0

Зефир

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

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

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