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

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

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

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

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

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

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



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

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

1

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

1. Ссылка на форум: пока нет.

2. Эскиз таблицы:
http://s3.uploads.ru/vF5iW.png
http://s2.uploads.ru/TpEVz.png
http://s3.uploads.ru/2vK3h.png
http://s2.uploads.ru/0RsPL.png
http://s3.uploads.ru/1PGdL.png
http://s2.uploads.ru/uFHk5.png

3. Дополнительные предпочтения:
1) Исходники даны в реальную величину.
2) Цвета:
Цвет кнопок - #ddcb9e
Цвет нажатой кнопки - #9a8d6f
Цвет основного блока с информацией - #dbceae
3) Белые полосы - полосы прокрутки.
4) На месте чёрных квадратов в будущем будут изображения. Если можно, заранее установить код с размерами будущих изображений (всего: 4 больших изображения, 3 средних и 1 маленькое), чтобы потом можно было вставить изображение, не меняя вручную его размер.
Ну, вот, в принципе, и всё.

Буду рада, если кто-нибудь возьмётся за заказ в ближайшее время.

0

2

Чтобы увидеть реальный размер исходников - откройте их в новой вкладке.
Прошу прощения, что вовремя не скрыла исходники под спойлера. Сейчас, увы, мне это недоступно.

0

3

Актуально

0

4

верх

Код:
<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#ddcb9e;
}

#menu .tabactive {
color: #000000;
    background:#9a8d6f;
}

#submenu {
padding: 3px;
height: 340px;
text-align: center;
font-size: 12px;
width: 540px;
background:#dbceae;}

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

низ

Код:
<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: 800px">
 <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>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     
<div id="sm1" class="submenutext" style="display:block;">
<table border="0" height="335" width="100%">
<tr>
<td width="30%"><div style="width: 100%; height: 335px; overflow-y: scroll;">объявл</div></td>
<td width="40%"><div style="width: 100%; height: 335px; overflow-y: scroll;">приветствие</div></td>
<td width="30%"><div style="width: 100%; height: 335px; overflow-y: scroll;">новости</div></td>
</tr>
</table>
</div>


<div id="sm2" class="submenutext"><table border="0" height="335" width="100%">
<tr>
<td width="30%">лучшие игроки</td>
<td width="40%">
<table border="0" height="335" width="100%">
<tr>
<td colspan="2" ><div style="width: 100%; height: 165px; overflow-y: scroll;">очередность</div></td>
</tr>
<tr>
<td height="165" width="50%">время</td>
<td width="50%">погода</td>
</tr>
</table></td>
<td width="30%">лучший пост</td>
</tr>
</table>
</div>


<div id="sm3" class="submenutext">
<table border="0" height="335" width="100%">
<tr>
<td width="40%"><table border="0" height="335" width="100%">
<tr><td ><div style="width: 100%; height: 165px; overflow-y: scroll;">полезное</div></td>
</tr><tr><td ><div style="width: 100%; height: 165px; overflow-y: scroll;">интересное</div></td>
</tr></table>
</td>
<td width="30%"><div style="width: 100%; height: 335px; overflow-y: scroll;">необходимое</div></td>
<td width="30%"><div style="width: 100%; height: 335px; overflow-y: scroll;">важное</div></td>
</tr>
</table></div>


<div id="sm4" class="submenutext"><table border="0" height="335" width="100%">
<tr>
<td width="30%"><div style="width: 100%; height: 335px; overflow-y: scroll;">акции</div></td>
<td width="40%"><div style="width: 100%; height: 335px; overflow-y: scroll;">квесты</div></td>
<td width="30%"><div style="width: 100%; height: 335px; overflow-y: scroll;">конкурсы</div></td>
</tr>
</table>
</div>


<div id="sm5" class="submenutext"><table border="0" height="335" width="100%">
<tr>
<td height="165" > Админы</td>
</tr>
<tr>
<td height="165" >Модеры</td>
</tr>
</table>
</div>
     

<div id="sm6" class="submenutext"><table border="0" height="335" width="100%">
<tr>
<td height="80" > Текст
<br><marquee id=abc direction=left behavior=scroll scrollamount=2 onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"> баннеры</marquee>
</td>
</tr>
<tr>
<td height="80" >Партнеры
<br><marquee id=abc direction=left behavior=scroll scrollamount=2 onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"> баннеры</marquee></td>
</tr>
<tr>
<td height="80" > Наша реклама <br>
<table border="0" height="70" width="100%">
<tr>
<td width="50%">ссылка 1</td>
<td width="50%">ссылка 2</td>
</tr>
</table></td>
</tr>
<tr>
<td height="100" >
<table border="0" height="70" width="100%">
<tr>
<td width="50%">Пиар-вход</td>
<td width="50%">партнеры</td>
</tr>
</table></td>
</tr>
</table>
</div>

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

+1

5

Бу
Большое спасибо)
Сразу видно - работа профессионала))

0

6

Бу
Я вновь к Вам. А нельзя ли сделать, чтобы высота основного блока где будет располагаться информация была равна высоте кнопок что слева (вместе взятых)?

0

7

Astiya

Бу написал(а):

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

0

8

lambdadelta
Ну почему же, я ведь написала

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

Исходники даны в реальную величину.

А там прекрасно видно, что таблица высотой с высотой кнопок.
Нет, если Вам трудно - то не делайте, но указано это было.

0

9

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

А там прекрасно видно, что таблица высотой с высотой кнопок.

можно было написать, чтобы все контейнеры были в одну высоту, а не "исходники.. "

вверху находите
#submenu {

height: 340px;

меняете на

height: 242px;

а объявлении замените на это

Код:
<center><table style="width: 800px">
 <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>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     
<div id="sm1" class="submenutext" style="display:block;">
<table border="0" height="245" width="100%">
<tr>
<td width="30%"><div style="width: 100%; height: 240px; overflow-y: scroll;">объявл</div></td>
<td width="40%"><div style="width: 100%; height: 240px; overflow-y: scroll;">приветствие</div></td>
<td width="30%"><div style="width: 100%; height: 240px; overflow-y: scroll;">новости</div></td>
</tr>
</table>
</div>


<div id="sm2" class="submenutext"><table border="0" height="245" width="100%">
<tr>
<td width="30%">лучшие игроки</td>
<td width="40%">
<table border="0" height="245" width="100%">
<tr>
<td colspan="2" ><div style="width: 100%; height: 100px; overflow-y: scroll;">очередность</div></td>
</tr>
<tr>
<td height="165" width="50%">время</td>
<td width="50%">погода</td>
</tr>
</table></td>
<td width="30%">лучший пост</td>
</tr>
</table>
</div>


<div id="sm3" class="submenutext">
<table border="0" height="245" width="100%">
<tr>
<td width="40%"><table border="0" height="245" width="100%">
<tr><td ><div style="width: 100%; height: 110px; overflow-y: scroll;">полезное</div></td>
</tr><tr><td ><div style="width: 100%; height: 110px; overflow-y: scroll;">интересное</div></td>
</tr></table>
</td>
<td width="30%"><div style="width: 100%; height: 240px; overflow-y: scroll;">необходимое</div></td>
<td width="30%"><div style="width: 100%; height: 240px; overflow-y: scroll;">важное</div></td>
</tr>
</table></div>


<div id="sm4" class="submenutext"><table border="0" height="245" width="100%">
<tr>
<td width="30%"><div style="width: 100%; height: 240px; overflow-y: scroll;">акции</div></td>
<td width="40%"><div style="width: 100%; height: 240px; overflow-y: scroll;">квесты</div></td>
<td width="30%"><div style="width: 100%; height: 240px; overflow-y: scroll;">конкурсы</div></td>
</tr>
</table>
</div>


<div id="sm5" class="submenutext"><table border="0" height="245" width="100%">
<tr>
<td height="110" > Админы</td>
</tr>
<tr>
<td height="110" >Модеры</td>
</tr>
</table>
</div>
     

<div id="sm6" class="submenutext"><table border="0" height="245" width="100%">
<tr>
<td height="40" > Текст
<br><marquee id=abc direction=left behavior=scroll scrollamount=2 onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"> баннеры</marquee>
</td>
</tr>
<tr>
<td height="40" >Партнеры
<br><marquee id=abc direction=left behavior=scroll scrollamount=2 onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"> баннеры</marquee></td>
</tr>
<tr>
<td height="40" > Наша реклама <br>
<table border="0" height="70" width="100%">
<tr>
<td width="40%">ссылка 1</td>
<td width="40%">ссылка 2</td>
</tr>
</table></td>
</tr>
<tr>
<td height="100" >
<table border="0" height="50" width="100%">
<tr>
<td width="50%">Пиар-вход</td>
<td width="50%">партнеры</td>
</tr>
</table></td>
</tr>
</table>
</div>

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

+1

10

lambdadelta
Большое спасибо и извиняюсь за свой недочёт в том, что не указала, чтобы все контейнеры были в одну высоту.

0