ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

АКЦИЯ: Раздаём дизайны бесплатно

Доработаем макет под ваш проект;
Сверстаем;
Сделаем мобильную версию по желанию.

Подробнее

Поисковой ресурс

Проект от команды FD
для текстовых ролевиков

Спойлеры и обсуждение

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Конкурс! Интерфейс и взаимодействие! Главный приз - 2000 рублей.
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :)

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

Привет, Гость! Войдите или зарегистрируйтесь.



[Выполнено] Таблица

Сообщений 1 страница 10 из 27

1

Хотелось бы уже имеющуюся таблицу сделать компактнее)

ссылка на ролевую
http://forbiddensector.mybb.ru/
пожелания
http://s2.uploads.ru/XH4Cj.png
пояснения
- возле баннеров прокрутка
- админы и модеры (квардары) - кликабельные аватары (70х70)

Отредактировано Jii-Jo (25.06.13 17:24)

Подпись автора

http://uploads.ru/i/q/o/U/qoU70.gif

0

2

Шериан
Готово.

Код:
<table align="center" border="1" cellpadding="5" cellspacing="1" style="width: 900px; height: 400px;">
    	<tbody>
        <tr>
        	<td style="text-align: center;">
            1</td>
        	<td colspan="2" rowspan="1" style="text-align: center;">
            Добро пожаловать на «Запретный Сектор».
<p>Надеемся, наш мир окажется вам по душе, и вы останетесь у нас на долгое время. 
<p>Желаем вам приятной игры! <p>Просим наших гостей посетить <a href="ccылка">Акцию №3</a></td>
        </tr>
        <tr>
        	<td style="text-align: center;">
            <a href="ccылка">название</a><p>
            <a href="ccылка">название</a><p>
            <a href="ccылка">название</a><p>
            <a href="ccылка">название</a><p>
</td>
        	<td style="text-align: center;">
            <b>Время и погода</b><p></td>
        	<td style="text-align: center;">
            <img src="ccылка"></td>
        </tr>
        <tr>
        	<td colspan="1" rowspan="2" style="text-align: center;">            
	<table border="0" cellpadding="1" cellspacing="1" style="width: 350px;">
    	<tbody>
        <tr>
        	<td style="width: 100%; height: 100%; overflow-y: scroll;">
            <b>Друзья проекта</b>
<p>коды_баннеров</td>
        </tr>
        <tr>
        	<td><br><br>
            <b>Топы</b>
<p>коды_баннеров</td>
        </tr>
    	</tbody>
    </table></td>
        	<td colspan="1" rowspan="2" style="text-align: center; border: none;">
            <b>Администраторы</b><p>
<a href="профиль_1"><img src="ссылка" style="height: 70px; width: 70px;"></a>
<a href="профиль_2"><img src="ссылка" style="height: 70px; width: 70px;"></a>
<a href="профиль_3"><img src="ссылка" style="height: 70px; width: 70px;"></a></td>
        	<td colspan="1" rowspan="2" style="text-align: center; border: none;">
            <b>Модераторы</b><p>
<a href="профиль_4"><img src="ссылка" style="height: 70px; width: 70px;"></a>   
<a href="профиль_5"><img src="ссылка" style="height: 70px; width: 70px;"></a>
<a href="профиль_6"><img src="ссылка" style="height: 70px; width: 70px;"></a></td>
        </tr>
    	</tbody>
    </table>

<table align="center" border="1" cellpadding="5" cellspacing="1" style="width: 900px; height: 400px;">

Это - ширина границы
Это - высота/ширина самой таблицы

Отредактировано Jii-Jo (21.06.13 14:01)

+1

3

Jii-Jo
спасибо)
а как сделать первый столбик уже?
и фон "сюжет, гостевая и пр" как на форуме сейчас?

поставила на тестовик:
http://sors.rusff.ru/

Подпись автора

http://uploads.ru/i/q/o/U/qoU70.gif

0

4

Шериан написал(а):

и фон "сюжет, гостевая и пр" как на форуме сейчас?

HTML-верх сейчас стоит

<style>
.urbangreymenu{
width: 150px; /*width of menu*/

}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.urbangreymenu ul li{
padding-bottom: 2px;
}

.urbangreymenu ul li a{
font-family: verdana;
font-weight: normal;
font-size: 8px;
line-height: 3px;
margin: 0px;
padding-left: 0px;
text-decoration: none ;
text-transform: uppercase;
color: black;
background: #725453;
display: block;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-radius: 5px;
}

.urbangreymenu ul li a:visited{
color: #513130;
}

.urbangreymenu ul li a:hover
{color: #efecdd;
background: #513130;
}
</style>

У вас стоят стили к ссылкам, значит помимо <li></li> заключаем сразу все в Див) Вот код, там уже ширина обозначена, и ссылки вставлены в див.

<table align="center" border="1" cellpadding="5" cellspacing="1" style="width: 900px; height: 300px;">
    <tbody>
        <tr>
        <td style="text-align: center; width: 20%;">
            1</td>
        <td colspan="2" rowspan="1" style="text-align: center;">
            Добро пожаловать в &laquo;Запретный Сектор&raquo;.
            <p>
            Надеемся, наш мир окажется вам по душе, и вы останетесь с нами.</p>
            <p>
            Желаем вам приятной игры!</p>
            <p>
            Просим наших гостей посетить <a href="http://forbiddensector.mybb.ru/viewtopic.php?id=67">Акцию №3</a></p>
        </td>
        </tr>
        <tr>
        <td style="text-align: center;">
            <div class="urbangreymenu">
            <ul class="submenu">
                <li>
                <a href="http://forbiddensector.mybb.ru/viewtopic.php?id=6">Сюжет</a></li>
                <li>
                <a href="http://forbiddensector.mybb.ru/viewforum.php?id=2">Акции</a></li>
                <li>
                <a href="http://forbiddensector.mybb.ru/viewtopic.php?id=1">Гостевая</a></li>
            </ul>
            </div>

        </td>
        <td style="text-align: center;">
            <b>Время и погода</b>
            <p>
            &nbsp;</p>
        </td>
        <td style="text-align: center;">
            <img src="http://s2.uploads.ru/AZnPR.png" /></td>
        </tr>
        <tr>
        <td colspan="1" rowspan="2" style="text-align: center;">
            <table border="0" cellpadding="1" cellspacing="1" style="width: 200px;">
            <tbody>
                <tr>
                <td>
                    <b>Друзья проекта</b>
                    <p>
                    <a href="http://theemeraldisle.ru/" target="_blank"><img border="0" height="31" src="http://s1.uploads.ru/VOjSm.gif" title="Изумрудные острова" width="88" /></a> <a href="http://worldofeternalmagic.spybb.ru/" target="_blank"> <img border="0" height="31" src="http://s1.uploads.ru/i/9JIEY.gif" title="Мир вечной магии ждёт тебя!" width="88" /></a> <a href="http://veralandhollywood.rusff.ru/" target="_blank" title="VERALAND &amp; HOLLYWOOD"> <img src="http://s2.uploads.ru/t/1obna.gif" /></a> <a href="http://reilana.mybb.ru/"><img src="http://i25.fastpic.ru/big/2011/0707/e4/ad5db7d889f98400809ce56fe7e51ce4.gif" /></a> <a href="http://priceofmagic.rusff.ru/" title="Once Upon A Time: Price of magic"><img src="http://s2.uploads.ru/YtTOK.gif" /></a></p>
                </td>
                </tr>
                <tr>
                <td>
                    <br />
                    <br />
                    <b>Топы</b>
                    <p>
                    <a href="http://wizardtop.ru/in.php?id=2074" target="_blank" title="Волшебный рейтинг игровых сайтов"><img alt="Волшебный рейтинг игровых сайтов" border="0" height="31" src="http://wizardtop.ru/b/3.gif" width="88" /></a></p>
                </td>
                </tr>
            </tbody>
            </table>
        </td>
        <td colspan="1" rowspan="2" style="text-align: center; border: none;">
            <b>Администраторы</b>
            <p>
            <a href="профиль_1"><img src="ссылка" style="height: 70px; width: 70px;" /></a> <a href="профиль_2"><img src="ссылка" style="height: 70px; width: 70px;" /></a> <a href="профиль_3"><img src="ссылка" style="height: 70px; width: 70px;" /></a></p>
        </td>
        <td colspan="1" rowspan="2" style="text-align: center; border: none;">
            <b>Модераторы</b>
            <p>
            <a href="профиль_4"><img src="ссылка" style="height: 70px; width: 70px;" /></a> <a href="профиль_5"><img src="ссылка" style="height: 70px; width: 70px;" /></a> <a href="профиль_6"><img src="ссылка" style="height: 70px; width: 70px;" /></a></p>
        </td>
        </tr>
    </tbody>
    </table>

Это - ширина столбца
Это - навигация

0

5

Шериан
Ну-сс? )

0

6

тут внезапно такая проблема.. почему-то, ставя таблицу на форум... она не сохраняется оО

Подпись автора

http://uploads.ru/i/q/o/U/qoU70.gif

0

7

Шериан
о_о"
а можно ник/пароль в лс?

0

8

форум глюкал. Поставилась, но  как-то совсем не так, как на тестовике оО
Как можно убрать границы и поднять вверх первую колонку?
стиль сюжета и пр. изменился.

Отредактировано Шериан (24.06.13 15:06)

Подпись автора

http://uploads.ru/i/q/o/U/qoU70.gif

0

9

Шериан
возможно стоит сделать первую колонку одну цельную

Подпись автора

Рады приветствовать Вас на просторах «Fantom - soul mirror».

0

10

Rush
да, вот тоже об этом подумала) в прошлом варианте была такая же, но смотрелось оно иначе)

Подпись автора

http://uploads.ru/i/q/o/U/qoU70.gif

0