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

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

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


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (15)


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

Сообщений 641 страница 660 из 1000

1

Продолжение темы Таблицы на заказ (14).
Напомню требования:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.

И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

+3

641

Remus John Lupin как быстро) спасибо большое ) вечером попробую картинки повставлять , надеюсь не придется возвращаться с вопросами))

0

642

Катюшка, пожалуйста :-) Возвращайтесь, если что. Помогу.

0

643

Лесси, зайдите, пожалуйста, на пробку и дайте знать, что вы там. Можно в ЛС пробки, можно мне в асю (тут в профиле есть).

0

644

Remus John Lupin написал(а):

<div class="BVA">
<img src="http://savepic.net/3905642.jpg"><br/>
<img src="http://savepic.net/3929197.jpg" style="border: solid 3px #BD9861">
<img src="http://savepic.net/3929197.jpg" style="margin: 0px 35px; border: solid 3px #BD9861">
<img src="http://savepic.net/3929197.jpg" style="border: solid 3px #BD9861">
      </div>

все таки я пришла) как бы мне двигать картинки? хочу чтоб они были прямо под надписями)

0

645

Катюшка

Remus John Lupin написал(а):

<div class="BVA">
<img src="http://savepic.net/3905642.jpg"><br/>
<img src="http://savepic.net/3929197.jpg" style="border: solid 3px #BD9861">
<img src="http://savepic.net/3929197.jpg" style="margin: 0px 35px; border: solid 3px #BD9861">
<img src="http://savepic.net/3929197.jpg" style="border: solid 3px #BD9861">
      </div>

Розовым - отступы справа и слева средних аватаров от соседок

Перевожу. Средняя аватарка отодвигает от себя соседок в стороны на 35 пикселей вправо и 35 пикселей влево. Регулируйте цифру, чтобы отодвинуть первую и последнюю аватарку дальше от средней или придвинуть их к ней ближе.

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

И учтите еще один момент. Вы уменьшили размеры таблицы от тех, что я вам сделал - уменьшив их самовольно от тех, что вы мне на скрине по ячейкам расписали, потому что вы рассчитали таблицу почему-то аж на 1000 пикселей в ширину, хотя форум у вас даже с окантовкой и того меньше. Но, видимо, и моего запаса оказалось мало. Так вот, вы уменьшили ширину внешнего блока, в котором размешены три внутренних столбца (в первом две левые ячейки, во втором - средние три, а в третьем - оставшиеся две правые), но не тронули размеры этих внутренних столбцов и в итоге вы лишь визуально изменили размер таблицы, а на самом деле - внешнего блока, на котором и установлен фон. Фон уменьшился и кажется, что таблица тоже, но это не так. Я вам советую пересчитать ширины и задать откорректированные значения (все части кода подписаны, не запутаетесь) этим трем столбцам (внутренние ячейки сузятся автоматически), потому что иначе тексты в левом столбце с ячейками могут вылезать за пределы фона (вправо, заползая на окантовку форума).

0

646

Remus John Lupin написал(а):

Перевожу. Средняя аватарка отодвигает от себя соседок в стороны на 35 пикселей вправо и 35 пикселей влево. Регулируйте цифру, чтобы отодвинуть первую и последнюю аватарку дальше от средней или придвинуть их к ней ближе.

написала, а сама походу разобралась( ступила что-то

Remus John Lupin написал(а):

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

да, именно этим и занимаюсь)

Remus John Lupin написал(а):

И учтите еще один момент. Вы уменьшили размеры таблицы от тех, что я вам сделал - уменьшив их самовольно от тех, что вы мне на скрине по ячейкам расписали, потому что вы рассчитали таблицу почему-то аж на 1000 пикселей в ширину, хотя форум у вас даже с окантовкой и того меньше. Но, видимо, и моего запаса оказалось мало. Так вот, вы уменьшили ширину внешнего блока, в котором размешены три внутренних столбца (в первом две левые ячейки, во втором - средние три, а в третьем - оставшиеся две правые), но не тронули размеры этих внутренних столбцов и в итоге вы лишь визуально изменили размер таблицы, а на самом деле - внешнего блока, на котором и установлен фон. Фон уменьшился и кажется, что таблица тоже, но это не так. Я вам советую пересчитать ширины и задать откорректированные значения (все части кода подписаны, не запутаетесь) этим трем столбцам (внутренние ячейки сузятся автоматически), потому что иначе тексты в левом столбце с ячейками могут вылезать за пределы фона (вправо, заползая на окантовку форума).

чорд, спасибо, я вообще считала , только почему то ширину ячеек только высчитала и изменила, дуб я))
а с шириной и выостой у меня проблемы были) не могла понять сколько надо , поэтому так вышло(

Отредактировано Катюшка (Чт, 26 Сен 2013 22:03:55)

0

647

1) http://s4.uploads.ru/jNGpb.png

2) http://nightwarriorscats.rusff.ru/ - тестовик пока с:

3) На картинке все написал

0

648

Ро* Ши*,
1. Размеры таблицы, будь ласка, в студию.
2. Цвета какие и где должны быть? Фоновые картинки?
3. Оформление навигационных ссылок? - цветовой набор, эффекты при наведении курсора
4. В погоде - вы сами будете вписывать данные или там нужен ротатор случайных данных? Если ротатор - вы заполняете строки вариантами погоды (текст, картинки), скрипт ротатора в случайном режиме перебирает контент из вашего списка, высвечивая выбранное в течение суток (кажется).
5. Там, где стрелочки - это что за прокрутка? Обычный скроллбар или там нужен слайдер? Если слайдер - на сколько слайдов?
6. Новости игры - пространство маленькое (насколько можно судить по эскизу, там помимо заголовка всего две строчки поместится) - там прокрутку не надо?
7. Границы какие-то быть должны? Если да - сплошной линией, пунктиром, картинкой? (если последнее - ссылку на оную также в студию, пожалуйста).
8. Заголовки в ячейках нужны?

0

649

Remus John Lupin написал(а):

1. 809х401 рх
2. Рамки пусть будут темно коричневыми, цвет текста темно-темно коричневый,

а фон такой.

http://kotomaniya.ru/uploads/posts/2013-03/1364451234_440933-2560x1600.jpg
только уменьшить по размерам табл. надобно

3. бежевый,цвет текста темно-темно-коричневый, выпуклая кнопка. при наведении, темно-бежевый, цвет светло-светло-коричневый, кнопка становится обычным прямоугольником.
4. Ротатор.
5. В новостях форума - обычный скроллбар. В новостях игры - слайдер на пять слайдов.
6. Надо канешн. см. выше.
7. Все которые я сделал на эскизе
8. Объясните поподробнее что это?

0

650

Ро* Ши*

Remus John Lupin написал(а):

8. Заголовки в ячейках нужны?

Ро* Ши* написал(а):

8. Объясните поподробнее что это?

В каждой ячейке с определенным контентом есть заголовок (по столбцам слева направо): "Навигатор" "Погода в игре" "Баннеры" "Партнеры" "Новости форума" "Новости игры". Все эти заголовки можно оформить иначе, чем обычный текст в таблице. Оформить один раз, в одном месте (в стилевых правилах css), и при необходимости смены оформления - переделывать это самое оформление будет удобно. Если вам это не нужно, заголовки будут иметь тот же шрифт, размер шрифта, и цвет, что и обычный текст в таблице и на форуме (если вы только конкретному заголовку в самой таблице не припишите определенный вид средствами html).
В цветах я, конечно, запутался насмерть, но дойдет до этого дело, буду разбираться.

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

0

651

Remus John Lupin написал(а):

над полем, где будут сами новости, а заголовок Новостей игры - под

Догнали))

Remus John Lupin написал(а):

В каждой ячейке с определенным контентом есть заголовок (по столбцам слева направо): "Навигатор" "Погода в игре" "Баннеры" "Партнеры" "Новости форума" "Новости игры". Все эти заголовки можно оформить иначе, чем обычный текст в таблице. Оформить один раз, в одном месте (в стилевых правилах css), и при необходимости смены оформления - переделывать это самое оформление будет удобно. Если вам это не нужно, заголовки будут иметь тот же шрифт, размер шрифта, и цвет, что и обычный текст в таблице и на форуме (если вы только конкретному заголовку в самой таблице не припишите определенный вид средствами html).
В цветах я, конечно, запутался насмерть, но дойдет до этого дело, буду разбираться.

Шрифт Comic Sans MS Заголовок
Такой (цвет gingerbrown тут не робит((( )

Отредактировано Ро* Ши* (Пт, 27 Сен 2013 20:23:08)

0

652

dj_maximus

Заказ
dj_maximus написал(а):

1.
зарисовки

    http://s5.uploads.ru/t/HmCwn.png
    http://s5.uploads.ru/t/NKJOl.png
    http://s4.uploads.ru/t/hPHEo.png
    http://s4.uploads.ru/t/bvki9.png

2. http://vasya.anihub.ru/ - тестовик
3. Прокрутка только в первой вкладке, в "Информация"
Картинки администрации 100*100, модерации - 80*80

html-верх

<style type="text/css">
/*бордюры*/
#menu, #menu span, #menu span:hover, #menu .tabactive, #submenu, #submenutext {
    border: transparent /*solid 1px #e12*/;
    }

/*язычки вкладок*/
#menu {
    margin: 0px;
    text-align: center;
    }

/*текст на язычках вкладок*/
#menu span {
    display: block;
    padding: 5px;
    margin: 0px;
    font: 24px 'Impact', 'Arial Narrow';
    color: #BD8B9A; /*розовый*/
    text-shadow: -2px 0px 3px #4A4A4A;

    text-align: center;
    }

/*текст на язычке активной вкладки*/
#menu span:hover {
    color: #888887; /*серый*/
    text-shadow: 2px 0px 3px #4A4A4A;

    }

/*кнопки в активном положении*/
#menu .tabactive {
    color: #888887; /*серый*/
    text-decoration: underline;

    }

/*информационное поле*/
#submenu {
    width: 824px;
    height: 265px;
    }

/*внетренний блок информ поля*/
.submenutext {
    display: none;
    text-align: center;
    height: 270px;
/*    background-color: #B6B6B6;*/
    color: #111;
    overflow-y: auto;
    }

/*бордюры ячеек на вкладках*/
.info, .links, .info h3, .links h3, .info_in, .TOP, .ams, .gamer {
/*    border: solid 1px #e12 !important;*/
    }

/*заголовки ячеек на вкладках*/
.info h3, .links h3, .ams h3, .gamer h3, .TOP h3 {
    text-align: center;
    font: bold 15px 'Impact';
    color: #BD8B9A; /*розовый*/
    text-shadow: -2px 0px 3px #4A4A4A;

    }

/*блок с АМС*/
.ams {
    display: table-cell;
    width: auto;
    height: auto;
    }

/*аватары АМС*/
.ams img {
    display: inline;
    margin: 15px 1px  5px;
    }

/*блок с игроками*/
.gamer {
    display: table-cell;
    height: auto;
    }

/*аватары игроков*/
.gamer img {
    display: inline;
    margin: 15px 23px;
    }

/*блок с инфо на первой и четвертой вкладках*/
.info {
    position: relative;
    width: 280px;
    height: 260px;   
    }

/*внутренний блок инфо с прокруткой*/
.info_in {
    width: auto;
    height: 205px;
    padding: 15px;
    text-align: center;
    overflow-y: auto;
    }

/*блок ссылок*/
.links {
    position: absolute;
    width: 260px;
    height: auto;
    margin: -262px 290px;
    }

/*оформление ссылок*/
.links a {
    display: block;
    width: 200px;
    height: auto;
    margin: 2px;
    padding: 3px 0px;
    color: #C7ACB4 !important; /*розовый*/
    background-color: #969695; /*серый*/
    border: solid 1px #C7ACB4 !important; /*розовый*/

    }

/*ссылки при наведении*/
.links a:hover {
    color: #969695 !important; /*серый*/
    background-image: none;
    background-color: #C7ACB4 !important; /*розовый*/
    border: solid 1px #969695 !important; /*серый*/
    text-shadow: 10px #C7ACB4;

    }

/*блок с баннерами*/
.TOP {
    position: absolute;
    width: 530px;
    height: auto;
    margin: -35px 290px;
    }
</style>

html-низ

<!-- Спойлер-контейнер -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("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>

Объявление

<center>
   <table style="width: 100%; border: none; margin-top: 10px;" cellpadding="0" cellspacing="0">
      <tbody>
         <tr>
            <td>
               <div id="menu">
                  <table cellspacing="20" cellpadding="0" style="width: 100%; border: none; margin: -15px 0px;">
                     <tr>
                        <td style="width: 20%;"><span alt="#sm1" style="cursor: pointer;">Новости</span>
                        </td>
                        <td style="width: 20%;"><span alt="#sm2" style="cursor: pointer;">АМС</span>
                        </td>
                        <td style="width: 20%;"><span alt="#sm3" style="cursor: pointer;">Звезды</span>
                        </td>
                        <td style="width: 20%;"><span alt="#sm4" style="cursor: pointer;">Партнеры</span>
                        </td>
                     </tr>
                  </table>
               </div>
            </td>
         </tr>
         <tr>
            <td id="MenuTxT"  align="center" valign="top">
               <div id="submenu" align="center">
                  <div id="sm1" class="submenutext" style="display:block;">
                     <div class="info">
<h3>Информация</h3>
                        <div class="info_in">
Ла-ла-ла Дата время Че-то там
                        </div>
                     </div>
                     <div class="links">
<h3>Навигация</h3>
                        <center>
<a href="http://vasya.anihub.ru/">Сюжет</a>
<a href="http://vasya.anihub.ru/">Правила</a>
                        </center>
                     </div>
                     <div class="links" style="margin-left: 560px">
<h3>Навигация</h3>
                        <center>
<a href="http://vasya.anihub.ru/">Акция 1</a>
<a href="http://vasya.anihub.ru/">Акция 2</a>
<a href="http://vasya.anihub.ru/">Акция 3</a>
<a href="http://vasya.anihub.ru/">Акция 4</a>
<a href="http://vasya.anihub.ru/">Акция 5</a>
                        </center>
                     </div>
                     <div class="TOP">
                        <marquee>
<a target="blank" title="Kuroko no Basuke: On Top" href="http://knbontop.rusff.ru/"><img src="http://imgs.su/tmp/2013-07-17/1374084617-246.jpg" alt=""/></a>
<a target="blank" title="Kuroko no Basuke: On Top" href="http://knbontop.rusff.ru/"><img src="http://imgs.su/tmp/2013-07-17/1374084617-246.jpg" alt=""/></a>
<a target="blank" title="Kuroko no Basuke: On Top" href="http://knbontop.rusff.ru/"><img src="http://imgs.su/tmp/2013-07-17/1374084617-246.jpg" alt=""/></a>
                        </marquee>
                     </div>
                  </div>
                  <div id="sm2" class="submenutext">
                     <div class="ams">
<h3>Администраторы</h3>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3928963.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3928963.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3928963.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3928963.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3928963.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3928963.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3928963.jpg" alt=""/></a>
                     </div>
                     <div class="ams">
<h3>Модераторы</h3>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3929987.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3929987.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3929987.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3929987.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3929987.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3929987.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3929987.jpg" alt=""/></a>
<a href="http://vasya.anihub.ru/"><img src="http://savepic.net/3929987.jpg" alt=""/></a>
                     </div>
                  </div>
                  <div id="sm3" class="submenutext">
                     <div class="gamer" style="width: 550px">
<h3>Активисты недели</h3>
<img src="http://savepic.net/3911555.jpg" alt=""/>
<img src="http://savepic.net/3911555.jpg" alt=""/>
<img src="http://savepic.net/3911555.jpg" alt=""/>
<img src="http://savepic.net/3911555.jpg" alt=""/>
<img src="http://savepic.net/3911555.jpg" alt=""/>
                     </div>
                     <div class="gamer" style="width: 265px">
<h3>Игрок недели</h3>
<img src="http://savepic.net/3911555.jpg" alt=""/>
                     </div></br>
                     <div class="gamer" style="width: 550px">
<h3>Игроки недели</h3>
<img src="http://savepic.net/3911555.jpg" alt=""/>
<img src="http://savepic.net/3911555.jpg" alt=""/>
<img src="http://savepic.net/3911555.jpg" alt=""/>
<img src="http://savepic.net/3911555.jpg" alt=""/>
                     </div>
                     <div class="gamer" style="width: 265px">
<h3>Игрок месяца</h3>
<img src="http://savepic.net/3911555.jpg" alt=""/>
                     </div>
                  </div>
                  <div id="sm4" class="submenutext">
                     <div class="info">
<h3>Баннерообмен</h3>
                        <div class="info_in">
Бла-бла-бла</br>
<a href="http://vasya.anihub.ru/">Заявка</a>
                        </div>
                     </div>
                     <div class="TOP" style="margin-top: -260px">
<h3>Баннеры партнеров</h3></br>
<a target="blank" title="Kuroko no Basuke: On Top" href="http://knbontop.rusff.ru/"><img src="http://imgs.su/tmp/2013-07-17/1374084617-246.jpg" alt=""/></a>
<a target="blank" title="Kuroko no Basuke: On Top" href="http://knbontop.rusff.ru/"><img src="http://imgs.su/tmp/2013-07-17/1374084617-246.jpg" alt=""/></a>
<a target="blank" title="Kuroko no Basuke: On Top" href="http://knbontop.rusff.ru/"><img src="http://imgs.su/tmp/2013-07-17/1374084617-246.jpg" alt=""/></a>
                     </div>
                  </div>
               </div>
            </td>
         </tr>
      </tbody>
   </table>
</center>

Комментарии

Красным - теги бегущей строки для баннеров. Если бегущая строка вам не нужна, удалите выделенные теги.
Розовым - оформление перечня ссылок в Навигации. При желании можете удалить/изменить выделенное, чтобы стиль был такой же, как у форума/отличный от форумного или предложенного здесь.
Фиолетовым - оформление заголовков на вкладках. Также при желании можете удалить или изменить.
Сине-зеленым - оформление заголовков на язычках вкладок (какие из выделенных настроек за какое положение отвечают - читайте в комментария над соответствующим кодом в /**/)
Все строчки в Объявлении, которые требует вашего заполнения, начинаются от левого края страницы, без начальных пробелов. Всё, что отступает вглубь - код, который вам уже не нужен.

Результат

http://savepic.net/3908482m.jpg http://savepic.net/3914626m.jpg http://savepic.net/3912578m.jpg http://savepic.net/3913602m.jpg

Щупайте, пробуйте, смотрите и, если что - возвращайтесь. :-)


_____________________

Лесси, зайдите, пожалуйста, на пробку и дайте знать, что вы там. Можно в ЛС пробки, можно мне в асю (тут в профиле есть).


_____________________

Ро* Ши*, по ссылки пробника - "такой форум не существует".

Отредактировано Remus John Lupin (Сб, 28 Сен 2013 15:53:25)

0

653

Remus John Lupin написал(а):

dj_maximus

Щупайте, пробуйте, смотрите и, если что - возвращайтесь.

_____________________

Лесси, зайдите, пожалуйста, на пробку и дайте знать, что вы там. Можно в ЛС пробки, можно мне в асю (тут в профиле есть).

_____________________

Ро* Ши*, по ссылки пробника - "такой форум не существует".

Отредактировано Remus John Lupin (Сегодня 15:53:25)

nightwarriorscats.rolbb.ru - наверное так?

0

654

Ро* Ши*, ну, если Администратор Крутобок - это вы, то, наверное, да :-)
Благодарю.

0

655

Лесси

Доработка/Переделка
Лесси написал(а):

почти все идеально кроме одного. В АМС (соответсвенно и в Лучших, они одинаковы) Вы не совсем правильно меня поняли (или я не правильно объяснила). В общем, я имела ввиду что при нажатии на аватарку выплывает текст то есть он появляется рядом с аватаркой, накрывая тем самым все что рядом. Я не знаю как это называется... ну как-то так.
Картинки

    http://s4.uploads.ru/t/Xh9dT.png
    http://s4.uploads.ru/MotW4.png

html-верх

<style type="text/css">
/*======= AA - ОСНОВНАЯ ТАБЛИЦА========*/

/*AA0 - бордеры основной таблицы*/
#menu, #submenu, #menu .tabactive, #submenu, #menu span, .submenutext, .links, .links h3 {
/*    border: solid 1px #e12;*/
    }

/*AA1.1 - контейнер под язычки вкладок*/
#menu {
    height: auto;
    padding-left: 3px;
    }

/*AA1.2 - настройка заголовков на язычках*/
#menu span {
    display: inline-block;
    width: 113.2px;
    margin: 0px -3px;
    padding: 11px;
    text-align: center;
    font: bold 18px 'palatino linotype';
    font-variant: small-caps;
    color: #111;
    border: solid 2px #333333;
    }

/*AA1.3 - оформление язычка при наведении*/
#menu span:hover {
    color: #000000;
    text-shadow: 2px 2px 2px #424D7C;
    border: solid 2px #333333;
    }

/*AA1.4 - оформление активной вкладки (язычка)*/
#menu span.tabactive {
    color: #000000;
    text-shadow: 2px 2px 2px #424D7C;
    border: solid 2px #333333;
    border-bottom: none;
    }

/*AA2.1 - информ поле*/
#submenu {
    height: 300px;
    width: 815px;
    padding: 3px;
    margin-top: -6px;
    text-align: center;
    font-size: 12px;
    border: solid 2px #333333;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
/*    background: #efeff0;*/
    }

/*AA2.2 - внутренний блок информ поля под содержимое*/
.submenutext {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    }

/*======== AВ - ТАБЛИЦА НОВОСТЕЙ========*/

/*AВ0 - бордеры таблицы новостей*/
#menu-news, #submenu-news, #menu-news .tabactive, .submenutext-news {
/*    border: solid 1px #e12;*/
    }

/*AВ1.1 - блок с текстом*/
.news-text {
    height: 226px;
    width: 500px;
    border: 1px solid #333333;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    }

/*AВ1.2 - внутренний блок с текстом*/
.news_text {
    height: 213px;
    margin: 7px 3px;
    text-align: center;
    overflow-y: auto;
    }

/*AВ2.1 - контейнер под язычки вкладок*/
#menu-news {
    height: auto;
    padding-left: 2px;
    }

/*AВ2.2 - настройка заголовков на язычках*/
#menu-news span {
    display: inline-block;
    width: 125px;
    margin: 0px 60px;
    padding: 6px;
    color: #111;
    text-align: center;
    font: bold 14px 'palatino linotype';
    font-variant: small-caps;
    border: solid 2px #333333;
    border-radius: 30em/60px;
    -webkit-border-radius: 30em/60px;
    -khtml-border-radius: 30em/60px;
    -moz-border-radius: 30em/60px;
    -o-border-radius: 30em/60px;
    overflow-y: auto;
    }

/*AВ2.3 - оформление активной вкладки (язычка)*/
#menu-news span:hover, #menu-news span.tabactive {
    color: #000000;
    text-shadow: 2px 2px 2px #424D7C;
    border: solid 2px #333333;
    }

/*AВ3.1 - информ поле*/
#submenu-news {
    height: 220px;
    width: 200px;
    padding: 3px;
    margin: 0px 0px 5px 0px;
    text-align: center;
    font-size: 12px;
    border: solid 1px #333333;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
/*    background: #efeff0;*/
    }

/*AВ3.2 - внутренний блок информ поля под содержимое*/
.submenutext-news {
    height: 215px;
    overflow-y: auto;
    margin-top: 2px;
    }

/*========== АС - ТАБЛИЦ ИГРЫ=========*/

/*AС1.1*/
#spo_all {
    width: auto;
    margin: 0 auto 0 auto;
    }

/*AС1.2*/
#spo_top {
    width: 340px;
    height: auto;
    min-height: 80px;
    margin: 8px auto 0px;
    padding: 5px;
    color: #000;
    font: /*bold*/ 12px Verdana 'palatino linotype';
    cursor: pointer;
    border: 1px solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    }

/*AС1.3*/
#spo_top img {
    float: left;
    display: block;
    width: auto;
    height: auto;
    margin: 4px;
    border: solid 1px #e12;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    }

/*AС1.4*/
#spoiler4 {
    display: none;
    width: 338px;
    height: auto;
    max-height: 165px;
    margin: -3px auto 8px auto;
    padding: 6px;
    background: #FAFCFE;
    border: 1px solid #000;
    border-top: 0;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    overflow-y: auto;
    }

/*AС1.5*/
#spo_option {
    font-weight: bold;
    cursor: pointer;
    float: left;
    }

/*AС1.6*/
#spo_desc {
    float: right;
    }

/*======== АD - ТАБЛИЦЫ АМС И ЛУЧШИХ========*/

/*АD0 - бордеры*/
.ams-best, .ams-best_img, .ams-best_img:hover::after {
/*   border: solid 1px #e12;*/
    }

/*АD1.1 - блоки под группы аватаров*/
.ams-best {
    display: table-cell;
    width: 810px;
    height: auto;
    }

/*АD1.2 - блоки аватаров*/
.ams-best img {
    display: inline-block;
    position: relative;
    margin: 20px;
    }

/*======= AE - ССЫЛКИ НАВИГАЦИИ========*/

/*AE1.1 - блок со ссылками*/
.links {
    height: 295px;
    width: 267px;
    position: absolute;
    }

/*AE1.2 - настройка ссылок*/
.links a {
    color: #162546 !important; /*цвет текста ссылок*/
    background-color: #4D5789; /*фон ссылок*/
/*    border: solid 2px #9B9898; бордюры вокруг ссылок*/
    line-height: 150%; /*междустрочный интервал для ссылок*/
    width: 200px;
    padding: 3px;
    margin: 1px;
    display: block;
    }

/*AE1.3 - настройка ссылок в активе*/
.links a:hover {
    color: #162546 !important; /*цвет текста ссылок*/
    background-color: #B8C6D1; /*фон ссылок*/
    border: solid 0.5px #9B9898; /*бордюры вокруг ссылок*/
    border-bottom-style: solid !important;
    }

/*AE1.4 - заголовки*/
.links h3 {
    font: bold 16px 'palatino linotype';
    font-color: #333333;
    }
</style>

html-низ

<!--Основная таблица -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
$("#menu span:first").addClass("tabactive").show();
$("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>

<!--Таблица в Новости -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT-news div.submenutext-news").hide();
$("#menu-news span:first").addClass("tabactive").show();
$("td.#MenuTxT-news div.submenutext-news:first").show();
$("div.#menu-news span").click(function() {
    $("div.#menu-news span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT-news div.submenutext-news").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Объявление

<center>
   <table style="width: 815px">
      <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>
<span alt="#sm5" style="cursor: pointer;">Лучшие</span>
<span alt="#sm6" style="cursor: pointer;">Баннеры</span></b>
               </div>
            </td>
         </tr>
         <tr>
            <td id="MenuTxT"  align="center" valign="top">
               <div id="submenu" align="center">
                  <div id="sm1" class="submenutext" style="display: block;">
Начало<br/>
                     <center>
                        <table style="width: 810px" valign="center" align="center">
                           <tbody>
                              <tr>
                                 <td id="MenuTxT-news" width="240px" valign="bottom" align="right">
                                    <div id="submenu-news" align="center">
                                       <div id="sn1" class="submenutext-news" style="display:block;">
текст Важное 1
                                       </div>
                                       <div id="sn2" class="submenutext-news"><br/><br/>
текст Новости 2
                                       </div>
                                       <div id="sn3" class="submenutext-news"><br/><br/>
текст На заметку 3
                                       </div>
                                    </div>
                                 </td>
                                 <td valign="top" align="center" colspan="2">
                                    <div class="news-text">
                                       <div class="news_text">
Постоянный ТЕКСТ
                                       </div>
                                    </div>
                                 </td>
                              </tr>
                              <tr>
                                 <td valign="center" align="center" colspan="3">
                                    <div id="menu-news"><b>
<span alt="#sn1" style="cursor: pointer;">Важное</span>
<span alt="#sn2" style="cursor: pointer;">Новости</span>
<span alt="#sn3" style="cursor: pointer;">На заметку</span></b>
                                    </div>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </center>
                  </div>
                  <div id="sm2" class="submenutext">
                     <div class="links">
<br/><h3>Заголовок навигации 1</h3>
                        <center>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 1</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 2</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 3</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 4</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 5</a>
                        </center>
                     </div>
                     <div class="links" style="margin-left:272px;">
<br/><h3>Заголовок навигации 2</h3>
                        <center>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 6</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 7</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 8</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 9</a>
                        </center>
                     </div>
                     <div class="links" style="margin-left:544px;">
<br/><h3>Заголовок навигации 3</h3>
                        <center>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 10</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 11</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 12</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 13</a>
                        </center>
                     </div>
                  </div>
                  <div id="sm3" class="submenutext">
текст Игра<br/>
                     <table width="790px" height="285px">
                        <tr>
                           <td valign="top">
                              <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">

<img src="http://savepic.net/3880019.png">Заголовок левого верхнего спойлера

                              </div><div id="spoiler4">
Поясняющий текст левого верхнего спойлера
                              </div></div>
                           </td>
                           <td valign="top">
                              <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">

<img src="http://savepic.net/3880019.png">Заголовок правого верхнего спойлера

                              </div><div id="spoiler4">
Поясняющий текст правого верхнего спойлера
                              </div></div>
                           </td>
                        </tr>
                        <tr>
                           <td valign="top">
                              <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">

<img src="http://savepic.net/3880019.png">Заголовок нижнего левого спойлера

                              </div><div id="spoiler4">
Поясняющий текст нижнего левого спойлера
                              </div></div>
                           </td>
                           <td valign="top">
                              <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">

<img src="http://savepic.net/3880019.png">Заголовок правого нижнего спойлера

                              </div><div id="spoiler4">
Поясняющий текст правого нижнего спойлера
                              </div></div>
                           </td>
                        </tr>
                     </table>
                  </div>
                  <div id="sm4" class="submenutext">
                     <div class="ams-best">
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 1 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 2 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 3 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 4 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 5 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 6 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 7 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 8 во вкладке АМС" alt=""/>
                     </div>
                  </div>
                  <div id="sm5" class="submenutext">
                     <div class="ams-best">
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 1 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 2 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 3 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 4 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 5 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 6 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 7 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 8 во вкладке лучшие" alt=""/>
                     </div>
                  </div>
                  <div id="sm6" class="submenutext">
                     <center>

<br/>текст Баннеры партнеров<br/><br/>
                        <table>
                           <tr align=center>
                              <td>
Тыкай!
                              </td>
                              <td>
Наш баннер
                              </td>
                           </tr>
                           <tr align=center>
                              <td>
<a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/20743"><img height="31" border="0" width="88" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/88x31x11x3.gif"></img></a>
                              </td>
                              <td>
<a target="_blank" href="http://catswarriorshope.mybb.ru "><img height="31" border="0" width="80" alt="КВВН Заходи!" src="http://belayazvezda.ucoz.ru/_fr/21/2360803.gif"></img></a>
                              </td>
                           </tr>
                        </table>
                        <marquee>
<a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/20743"><img height="31" border="0" width="88" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/88x31x11x3.gif"></img></a>
<a target="_blank" href="http://catswarriorshope.mybb.ru "><img height="31" border="0" width="80" alt="КВВН Заходи!" src="http://belayazvezda.ucoz.ru/_fr/21/2360803.gif"></img></a>
                        </marquee>
                     </center>
                  </div>
               </div>
            </td>
         </tr>
      </tbody>
   </table>
</center>

+1

656

Remus John Lupin
теперь все идеально, огромное Вам спасибо! :)

0

657

Лесси, на здоровье :-) Рад, что угодил :-)

Далее корректировка таблицы billy_joe затем выкладка заказа Ро* Ши*

0

658

Remus John Lupin написал(а):

Далее корректировка таблицы billy_joe

Ты вроде читал тему, где Deff уже внёс корректировку..)
Там, в принципе, уже ничего редактировать не надо - иконки удалось подвинуть, остались мелкие детали.

0

659

billy_joe
Мерлин всемогущий, что вы наворотили...
Не, пробовать - это хорошо, это правильно, но стоит или до проб или по ходу оных - разбираться, что к чему.
Вы говорите, что вам мешают границы таблиц, отвлекают мол, но в итоге вы, не видя, что на самом деле делаете и двигаете, чтобы подвинуть картинки на заготовленное место, шуруете в сторону всю таблицу. Это все равно что тушить спичку, опрокидывая на нее ванну воды.

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

html-верх

<style type="text/css">
/*бордеры*/
#obyava, .list-top, .list-2-left, .list-2-right, .list-3-left, .list-3-right {
/*    border: solid 1px #e12; */
    }

#obyava {
    width: 778px;
    height: 597px;
    background: url(http://s4.uploads.ru/LSnUF.png) no-repeat top center;
    }

.list-top {
    position: relative;
    width: 420px;
    height: 52px;
    }

.list-2-left, .list-2-right {
    width: 220px;
    height: 150px;
    overflow-y: auto;
    }

.list-3-left, .list-3-right {
    width: 220px;
    height: 295px;
    overflow-y: auto;
    }

.list-2-left, .list-3-left {
    position: absolute;
    margin: 3px 0px 0px 10px;
    }

.list-2-right, .list-3-right {
    position: relative;
    margin: 3px 0px 0px 232px;
    }
</style>

        <!-- Стиль меню таблицы в объявлении -->
        <style type="text/css">
        /****************************************
           Таблица с переключаемыми Вкладками

        ****************************************/
        #tab2,#tab2*{
          paddibg:0;
          margin:0;
        }
        #tab2 {
          background:transparent url(http://savepic.net/3892155.png) 0 0 no-repeat;
          height: 260px;
          width: 460px;
/*          outline: solid red 1px; Убираем Строку после настройки*/
        }
        #tab2,#tab2 td{
          border: none 0 transparent!important;
          border-collapse: collapse;
        }
        img[data^="tab"]{
          cursor: pointer;
          height: 100%;
/*          outline: solid red 1px; Убираем Строку после настройки*/
          border: none 0 transparent!important;
          margin: 10px 20px;
        }
        .tab-content {
          display: none;
          width: 100%;
          height: 365px;
          padding-top: 20px;
/*          outline: solid blue 1px; Убираем Строку после настройки*/
/*          color: #fff;*/
          overflow-y: auto;
        }
        </style>
        <script type="text/javascript">
        $.fn.switch_tabs = function() {
          var tbl = this,knopK = $("img[data^='tab']",tbl);
          knopK.each(function(){
            var arr = $(this).attr('data').split(",");
            $(this).css("background-image","url("+arr[1]+")")
          }); knopK.css("background-position","120% 10000px")
              knopK.css("background-repeat","no-repeat")

          knopK.click(function(){
            knopK.removeClass('active');
            $(this).addClass('active');
            var arr = $(this).attr('data').split(",");
            tbl.css("background-image","url("+arr[1]+")")
            $(".tab-content",tbl).hide();
            $("#"+arr[0]+"",tbl).show();
          });
        }
        </script>

Объявление

<div id="obyava">
   <table width=778px height=595px">
      <tr>
         <td width="460px" height="31px" align="center" style="padding: 7px 0px 0px; line-height: 1%">
<a href="http://catswarriorshope.mybb.ru " target=_blank> <img src="http://belayazvezda.ucoz.ru/_fr/21/2360803.gif" border="0" alt="КВВН Заходи!" width="80" height="31"></a>
         </td>
         <td rowspan=3 width=300px align=center valign=top style="padding: 20px">

Правая колонка<br>
где<br> Много текста<br> бла-бла-бла<br> сплошной текст<br> где все еще текст<br> и вниз<br> туда<br> дальше<br> текст

         </td>
      </tr>
      <tr>
         <td width=460px height=31px align=center>
<a href="http://catswarriorshope.mybb.ru " target=_blank> <img src="http://belayazvezda.ucoz.ru/_fr/21/2360803.gif" border="0" alt="КВВН Заходи!" width="80" height="31"></a>
         </td>
      </tr>
      <tr>
         <td width=460px height=260px">

    <table id="tab2" class="tbl-0" border="0">
    <tr>
    <td class="butt" valign=center height=70>   <!-- Секция кнопок -->
    <img width="70" data="tab-1,http://savepic.net/3892155.png" src="/i/blank.gif" class="active"/>
    <img width="70" data="tab-2,http://savepic.net/3892155.png" src="/i/blank.gif"/>
    <img width="70" data="tab-3,http://savepic.net/3892155.png" src="/i/blank.gif"/>
    <img width="70" data="tab-4,http://savepic.net/3892155.png" src="/i/blank.gif"/>
    </td>
    </tr>
    <tr>
    <td  class="content" align=center>
    <!-- Контейнер контента 1-й кнопки -->
    <div id="tab-1" class="tab-content" style="display:block;">

Текст, который открывается сразу при загрузке страницы

    </div>

    <!-- Контейнер контента 2-й кнопки -->

    <div id="tab-2" class="tab-content">
       <div class="list-top">
Текст, который открывается при нажатии на 2-ю кнопку
       </div>
       <div class="list-2-left">
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/><br>
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/>
       </div>
       <div class="list-2-right">
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/>
       </div>
       <div class="list-2-left">
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/><br>
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/>
       </div>
       <div class="list-2-right">
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/>
       </div>
    </div>

    <!-- Контейнер контента 3-й кнопки -->

    <div id="tab-3" class="tab-content">
       <div class="list-top">
Текст, который открывается при нажатии на 3-ю кнопку<br>
Текст, который открывается при нажатии на 3-ю кнопку Текст, который открывается при нажатии на 3-ю кнопку Текст, который открывается при нажатии на 3-ю кнопку
       </div>
       <div class="list-3-left">
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/><br>
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/><br>
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/><br>
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/><br>
Текст и картинки<br>

       </div>
       <div class="list-3-right">
Текст и картинки<br>
<img src="http://st1.bbcorp.ru/img/Mybb_Chance/old.gif"/>
       </div>
    </div>

    <!-- Контейнер контента 4-й кнопки -->
    <div id="tab-4" class="tab-content">

Текст, который открывается при нажатии на 4-ю кнопку

    </div>

    </td>
    </tr>
    </table><script>$("#tab2").switch_tabs()</script><!--//End/-switch Tabs -->

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

Отредактировано Remus John Lupin (Пн, 30 Сен 2013 14:02:29)

+2

660

Ро* Ши*, загляните на пробку, пожалуйста. Как по мне, то там есть значительные сомнения в том, чтобы оставлять бордеры видимыми. А если и оставлять, то где и какие. И фоновое изображение в такой дизайн категорически не подходит. Даже совсем без фона будет лучше, чем с таким. Он ни в гамму цветов не вписывается, ни несет никакого смысла, раз не играет роль своего рода карты.

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (15)