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

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

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


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


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

Сообщений 61 страница 80 из 238

1

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

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

0

61

Sveta333
Поправьте во Втором Окне Стиля (Добавки - изменения -красным

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: 000000;
  }

#pun-title, #pun-title .container {
  background: url("http://s019.radikal.ru/i613/1601/46/e114c3985323.jpg") no-repeat  center -20px;
  background-size:100%;
  height: 340px;  color: #000000;

}

Растянул логотип по ширине форума

0

62

Не хочу быть назойливой, но когда будет таблица? :unsure:

0

63

Sveta333
Упс - отвлекли - забыл (Седни к ночи

0

64

Sveta333
Как-то так
В Объявление:

Код:
<style>
#tstTable table[id]{
  height: 300px;
  width:100%;
  position:absolute;
  display:none;
}
#tstTable .navbuttons td{
  padding: 20px;
  cursor:pointer;
  text-align:center;
  font-weight:700;
  font-size:1.1em;
} 
.tabindex {
  height: 300px;
  width: 100%;
  position: relative;
}
span.Myimages {
  display: inline-block;
  margin: 20px;
}
.tabindex p {
  font-weight: 700;
}
</style>

<div id="tstTable">

<table class="navbuttons"><tr>
  <td id="btn1">Новости</td>
  <td id="btn2">В игре</td>
  <td id="btn3">Навигация</td>
  <td id="btn4">Администрация</td>
  <td id="btn5">Баннеры и партнеры</td>
</tr></table>

<div class="tabindex">

<table id="tbl1"><!-- Новости --><tr>
  <td>
        <!-- Тут текст -->
        <!--Картинка--> <img src="/ссылка на картинку">
  </td>
  <td style="overflow-y:scroll">
        <!-- Тут текст с прокруткой-->
  </td>
</tr></table>

<table id="tbl2"><!-- В игре --><tr>
  <td style="width:35%" colspan="2">
        <!-- Тут текст первой ячейки-->
  </td>
  <td style="width:75%" colspan="3">
        <!-- Актив недели-->
        <div>
          <img src="картинка" style="float:left">
          <!-- Текст -->
        </div>
        <div>
          <img src="картинка" style="float:left">
          <!-- Текст -->
        </div>
        <div>
          <img src="картинка" style="float:left">
          <!-- Текст -->
        </div>
  </td>
</tr>
<tr>
  <td style="width:75%" colspan="3">
        <!-- Актив месяца-->
        <div>
          <img src="картинка" style="float:left">
          <!-- Текст -->
        </div>
        <div>
          <img src="картинка" style="float:left">
          <!-- Текст -->
        </div>
        <div>
          <img src="картинка" style="float:left">
          <!-- Текст -->
        </div>
  </td>
  <td style="width:35%" colspan="2">
        <!-- Актив года-->
        <img src="картинка">
  </td>
</tr></table>

<table id="tbl3"><!-- Навигация --><tr>
  <td style="width:30%">
        <div>
          <a href="Ссылка">Ссылка на акцию</a><br/>
          Текст
        </div>
        <div>
          <a href="Ссылка">Ссылка на акцию</a><br/>
          Текст
        </div>
  </td>
  <td style="width:40%">
        Текст
        <a href="http://Ссылка">Ссылка...</a><br/>
        <a href="http://Ссылка">Ссылка...</a><br/>
        <a href="http://Ссылка">Ссылка...</a><br/>
        <a href="http://Ссылка">Ссылка...</a><br/>
        <a href="http://Ссылка">Ссылка...</a><br/>
        <a href="http://Ссылка">Ссылка...</a><br/>
        <a href="http://Ссылка">Ссылка...</a><br/>
        <a href="http://Ссылка">Ссылка...</a><br/>
 
        <img src="http://картинка"/>
  </td>
  <td style="width:30%">
        <!-- Тут какой-то текст, Правая колонка-->
        
        <img src="http://картинка"/>
  </td>
</tr></table>

<table id="tbl4"><!-- Администрация --><tr>
  <td>
        <p style="text-align:center">Текст</p>
        <div style="text-align:center">
          <span class="Myimages"><img src="картинка"/><br/>Текст</span>
          <span class="Myimages"><img src="картинка"/><br/>Текст</span>
          <span class="Myimages"><img src="картинка"/><br/>Текст</span>
          <span class="Myimages"><img src="картинка"/><br/>Текст</span>
        </div>

        <p style="text-align:center">Текст</p>
        <div style="text-align:center">
          <span class="Myimages"><img src="картинка"/><br/>Текст</span>
          <span class="Myimages"><img src="картинка"/><br/>Текст</span>
          <span class="Myimages"><img src="картинка"/><br/>Текст</span>
          <span class="Myimages"><img src="картинка"/><br/>Текст</span>
        </div>
  </td>
</tr></table>

<table id="tbl5"><!-- Баннеры и партнеры --><tr>
  <td>
        <p style="text-align:center">Текст</p>
        <div style="text-align:center">
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
        </div>

        <p style="text-align:center">Текст</p>
        <div style="text-align:center">
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
        </div>
  </td>
</tr></table>

</div>

</div>

<script type="text/javascript">
$(function(){
  $("#tstTable #tbl1").fadeIn(200);
  $(".navbuttons td#btn1").addClass("active");
  $(".navbuttons td").click(function(){
    var num=$(this).attr("id");
    if(num)num=num.split("btn")[1];
    $(".navbuttons td").removeClass("active");
    $(this).addClass("active");
    $("#tstTable table[id]").fadeOut(200);
    $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
  });
})
</script>

Поставьте на форум, - если что, завтра поправлю - дополню стиль таблички

0

65

У меня не высвечивается текст в "Новости", "В игре", "Навигация (третий столбик)",

0

66

Sveta333
Завтра посмотрю(или дождитесь Deff)

Текст вставляйте без "комментариев" (К Примеру, тут убирайте красным

<td>
        <!-- Привет! Рады тебя видеть на нашем форуме. Новичок? Заполни анкету и присоединяйся к нам. Надеюсь тебе не рябит глаза наш стиль и тебя все устраивает.
Форум создан по книгам Эрин Хантер "Коты-Воители". Тоже любишь эту серию книг? Тебе точно к нам. -->
        <!--Картинка--> <img src="http://s019.radikal.ru/i613/1602/c5/e730ddf2731a.jpg">
  </td>

В общем, где вставляете свой текст, <!-- и --> убирайте

0

67

Sveta333
Поменяйте код:

Код:
<style>
#tstTable table[id]{
  height: 300px;
  width:100%;
  position:absolute;
  display:none;
}
#tstTable .navbuttons td{
  padding: 20px;
  cursor:pointer;
  text-align:center;
  font-weight:700;
  font-size:1.1em;
} 
.tabindex {
  height: 340px;
  width: 100%;
  position: relative;
}
span.Myimages {
  display: inline-block;
  margin: 20px;
}
.tabindex p {
  font-weight: 700;
}
</style>
 
<div id="tstTable">
 
<table class="navbuttons"><tr>
  <td id="btn1">Новости</td>
  <td id="btn2">В игре</td>
  <td id="btn3">Навигация</td>
  <td id="btn4">Администрация</td>
  <td id="btn5">Баннеры и партнеры</td>
</tr></table>
 
<div class="tabindex">
 
<table id="tbl1"><!-- Новости --><tr align=center>
  <td width=33%>
        <!-- Привет! Рады тебя видеть на нашем форуме. Новичок? Заполни анкету и присоединяйся к нам. Надеюсь тебе не рябит глаза наш стиль и тебя все устраивает. 
Форум создан по книгам Эрин Хантер "Коты-Воители". Тоже любишь эту серию книг? Тебе точно к нам. -->
        <!--Картинка--> <img src="http://s019.radikal.ru/i613/1602/c5/e730ddf2731a.jpg">
  </td>
  <td width=33%>
        Пост дня.
  </td>
  <td width=33%><div style="overflow-y:scroll">
       Третий столбик
  </div></td>
</tr></table>
 
<table id="tbl2"><!-- В игре --><tr align=center>
  <td style="width:35%" colspan="2">
        Сезон Юных Листьев. Сейчас в игре вечер. Коты возвращаются с патрулей и вкушают вкусную дичь. Старейшины вышли "выгулять свои дряблые косточки", а юные оруженосцы делятся дневными впечатлениями. +9 по цельсию, облочно. 
  </td>
  <td style="width:65%" colspan="3">
        <!-- Актив недели-->
        <div>
          <img src="http://s019.radikal.ru/i619/1602/3e/690ab0c18be1.jpg" style="margin-left:4px;float:left;height:auto;width:140px"/>
          <!-- Описание -->
        </div>
        <div>
          <img src="http://s019.radikal.ru/i619/1602/3e/690ab0c18be1.jpg" style="margin-left:4px;float:left;height:auto;width:140px"/>
          <!-- Описание -->
        </div>
        <div>
          <img src="http://s019.radikal.ru/i619/1602/3e/690ab0c18be1.jpg" style="margin-left:4px;float:left;height:auto;width:140px"/>
          <!-- Описание -->
        </div>
  </td>
</tr>
<tr>
  <td style="width:60%" colspan="3">
        <!-- Актив месяца-->
        <div>
          <img src="http://s019.radikal.ru/i619/1602/3e/690ab0c18be1.jpg" style="margin-left:4px;float:left;height:auto;width:140px"/>
          <!-- Описание -->
        </div>
        <div>
          <img src="http://s019.radikal.ru/i619/1602/3e/690ab0c18be1.jpg" style="margin-left:4px;float:left;height:auto;width:140px"/>
          <!-- Описание -->
        </div>
        <div>
          <img src="http://s019.radikal.ru/i619/1602/3e/690ab0c18be1.jpg" style="margin-left:4px;float:left;height:auto;width:140px"/>
          <!-- Описание -->
        </div>
  </td>
  <td style="width:40%" colspan="2">
        Сезон Юных Листьев. Сейчас в игре вечер. Коты возвращаются с патрулей и вкушают вкусную дичь. Старейшины вышли "выгулять свои дряблые косточки", а юные оруженосцы делятся дневными впечатлениями. +9 по цельсию, облочно. 
  </td>
</tr></table>
 
<table id="tbl3"><!-- Навигация --><tr>
  <td style="width:30%">
        <div>
          <a href="Ссылка">Ссылка на акцию</a><br/>
          Текст
        </div>
        <div>
          <a href="Ссылка">Ссылка на акцию</a><br/>
          Текст
        </div>
  </td>
  <td style="width:40%">
        Полезные ссылочки для мгновенного перехода.
        <a href="http://cwpsp.mybb.ru/viewtopic.php?id=4">Правила</a><br/>
        <a href="http://cwpsp.mybb.ru/viewtopic.php?id=7">Списки племен</a><br/>
        <a href="http://cwpsp.mybb.ru/viewtopic.php?id=9">
Ритуалы котов-воителей </a><br/>
        <a href="http://cwpsp.mybb.ru/viewtopic.php?id=10">Иерархия племен</a><br/>
        <a href="http://cwpsp.mybb.ru/viewtopic.php?id=8">Целебные травы</a><br/>
        <a href="http://cwpsp.mybb.ru/viewtopic.php?id=11">Приемы охоты</a><br/>
        <a href="http://cwpsp.mybb.ru/viewtopic.php?id=12">Боевые приемы</a><br/>
        <br>
        <img src="http://s019.radikal.ru/i642/1602/c3/29775c688206.jpg" width=70%/>
  </td>
  <td style="width:30%">
        <!-- Наш сюжет -->
        Третий столбик 
  </td>
</tr></table>
 
<table id="tbl4"><!-- Администрация --><tr>
  <td>
        <p style="text-align:center">Администраторы</p>
        <div style="text-align:center">
          <span class="Myimages"><img src="http://s011.radikal.ru/i318/1602/a7/9677b3f1cd97.jpg"/><br/>Лунный Луч</span>
          <span class="Myimages"><img src="http://s020.radikal.ru/i707/1602/87/b2cef35bfae5.png"/><br/>Текст</span>
          <span class="Myimages"><img src="http://s020.radikal.ru/i707/1602/87/b2cef35bfae5.png"/><br/>Текст</span>
          <span class="Myimages"><img src="http://s020.radikal.ru/i707/1602/87/b2cef35bfae5.png"/><br/>Текст</span>
        </div>
 
        <p style="text-align:center">Модераторы</p>
        <div style="text-align:center">
          <span class="Myimages"><img src="http://s020.radikal.ru/i707/1602/87/b2cef35bfae5.png"/><br/>Текст</span>
          <span class="Myimages"><img src="http://s020.radikal.ru/i707/1602/87/b2cef35bfae5.png"/><br/>Текст</span>
          <span class="Myimages"><img src="http://s020.radikal.ru/i707/1602/87/b2cef35bfae5.png"/><br/>Текст</span>
          <span class="Myimages"><img src="http://s020.radikal.ru/i707/1602/87/b2cef35bfae5.png"/><br/>Текст</span>
        </div>
  </td>
</tr></table>
 
<table id="tbl5"><!-- Баннеры и партнеры --><tr>
  <td>
        <p style="text-align:center">Текст</p>
        <div style="text-align:center">
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
        </div>
 
        <p style="text-align:center">Текст</p>
        <div style="text-align:center">
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
        </div>
  </td>
</tr></table>
 
</div>
 
</div>
 
<script type="text/javascript">
$(function(){
  $("#tstTable #tbl1").fadeIn(200);
  $(".navbuttons td#btn1").addClass("active");
  $(".navbuttons td").click(function(){
    var num=$(this).attr("id");
    if(num)num=num.split("btn")[1];
    $(".navbuttons td").removeClass("active");
    $(this).addClass("active");
    $("#tstTable table[id]").fadeOut(200);
    $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
  });
})
</script>

+1

68

Deff,Alex_63
Спасибо! Все работает.

0

69

Собственно, в таблицах я отвратен, так что вопрос не умный.
А нужно следующее: выровнять по ширине объявления этот ад +  добавить фон колонкам, которые выделены прямоугольником:

пароли явки

http://s2.uploads.ru/t/TeCoh.jpg
http://gotss.rusff.ru

0

70

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

А нужно следующее: выровнять по ширине объявления

Ну Первый столбец при выравнивании будет отвратно(ксать он уже выровнен по ширине), ток третий
Второе - какой фон и к каким колонкам ? Не вижу выделений прямоугольником

0

71

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

Ну Первый столбец при выравнивании будет отвратно(ксать он уже выровнен по ширине), ток третий

Желательно, выравнять вообще весь ад, включая все 3 стобца

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

Второе - какой фон и к каким колонкам ? Не вижу выделений прямоугольником

Что-то не задалось в датском королевстве, моя вина, выделил все три

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

http://s2.uploads.ru/t/uxrzC.jpg

0

72

Data
Для выравнивания к нужным ячейкам прописываем  <td align=justify>

Для фона:
<td BGcolor="#FF0000">

0

73

1) Эскиз самой таблицы:
http://funkyimg.com/i/28q4v.png
С описанием:
http://funkyimg.com/i/28q4G.png
2) http://msjuliet.rolka.su - пробник
3) Границы прокрутки, её расположение и цвет текста я указала на макете. В окнах, где "Администрация" и "Розыск" будут картинки 60х60 пикс. Только в окне "Администрация" при наведении на одну из картинок всплывает небольшое окно с пояснением. Цвет окна #e7c29e, обводка в 1 пикс. цветом #b88a5e. В окне "ИНФО" хотелось бы плавный переход текста при нажатии ссылок "Навигация", "Игровые данные", "Активные эпизоды", "Баннеробмен".
Кнопки ссылок отдельно:
НАВИГАЦИЯ - http://funkyimg.com/i/28q58.png
при наведении - http://funkyimg.com/i/28q5h.png

ИГРОВЫЕ ДАННЫЕ - http://funkyimg.com/i/28q5p.png
при наведении - http://funkyimg.com/i/28q5o.png

АКТИВНЫЕ ЭПИЗОДЫ - http://funkyimg.com/i/28q5k.png
при наведении - http://funkyimg.com/i/28q5j.png

БАННЕРОБМЕН - http://funkyimg.com/i/28q5n.png
при наведении - http://funkyimg.com/i/28q5m.png

0

74

ВВОДНАЯ
Какой шрифт?, ибо в шрифтах не проффи
Администрация и розыск - там именно две картинки и три ?

0

75

Deff
А картинками так пойдет?
http://funkyimg.com/i/28q72.png - новости
http://funkyimg.com/i/28q73.png - вводная
http://funkyimg.com/i/28q74.png - инфо

Да, именно всё так.

0

76

Ms. Juliet
В принципе пойдёт мон вообще всю эту таблу фоном поставить
  http://funkyimg.com/i/28q4v.png
, добавить ток кнопки переключений

0

77

Deff
Это было бы наверное даже лучше)

0

78

Ms. Juliet
Эскиз окна при наведении с Админами или ссылку на подобное

0

79

Deff
http://funkyimg.com/i/28q8m.png

0

80

Ms. Juliet
Лучше ссылку на что-то близкое, ибо непонятно как это размещено по отношению к исходнику

0


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