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

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

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


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


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

Сообщений 881 страница 900 из 1000

1

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

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

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

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

+3

881

Теперь понятно
Спасибо за разъяснения)

0

882

Извините, что доставляю много много хлопот, я уже скоро поселюсь на этом форуме)

Со слайдерами не разобралась, поэтому прибегла к таблице. И у меня вечная проблема:
http://wearesuperheroes.mybb.ru/
Сдвиг таблицы в правую сторону
Подскажите, в каком месте кода это исправить

0

883

.крендель

<table id="tab2" class="tbl-0" border="0" style="margin-left: -11px; background-image: url(http://savepic.net/5682959.png);">

Добавляем выделенное красным.

+1

884

Fover
большое спасибо)

0

885

1)
http://s1.uploads.ru/t/HEnMv.jpg

http://s1.uploads.ru/t/pEWvy.jpg

http://s1.uploads.ru/t/mYf3b.jpg

2) http://kotak.0pk.ru/
3) Все на эскизе
Заранее спасибо!!!

Отредактировано Уля (Вс, 8 Июн 2014 15:29:10)

0

886

Уля, здравствуйте. Уточните, пожалуйста,
1) вкладка конкурсов рассчитана всегда на один действующий конкурс, или их может быть несколько?
2) объем информации "правил" предполагается большой или краткий?

0

887

Основа

Новости
http://sf.uploads.ru/t/901vf.png
В игре
http://sf.uploads.ru/t/q2ghk.png
Лучшие
http://sd.uploads.ru/t/PcJrK.png
Реклама
http://se.uploads.ru/t/zhvOy.png

Таблица без рамочек. Вся таблица - фон цвета #d1b89b
Желательно, что бы можно было изменять. Между колонкой переключателей
вкладок и таблицей АМС должно быть небольшое пространство.

Отредактировано Your mafiosi (Сб, 14 Июн 2014 20:36:20)

0

888

Your mafiosi, еще актуально?

0

889

Rion Leonheart
да, актуально :)
Если можно, добавите еще одну пустую вкладку.
Я сама ее заполню. Желательно в конец.

Отредактировано Your mafiosi (Вт, 17 Июн 2014 18:19:52)

0

890

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!   http://sd.uploads.ru/t/sb8kW.png

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!  Воть ^^
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п. Там где я начирикала непонятные длинные прямоугольники, справа в таблице, должны находиться стрелки для прокрутки вверх-вниз. Все "тексты" должны быть на одном уровне, а в таблице не прозрачными должны быть только рамки и текст. Всё остальное - просвечивает фон, на котором находится.


Заранее спасибо =3

Отредактировано Ondulation (Вт, 17 Июн 2014 23:21:08)

0

891

Your mafiosi написал(а):

да, актуально

Тогда укажите адрес форума?..

0

892

Rion Leonheart
на форум не могу, но вот его полная копия в тестовике:
http://legendstime.mybb.ru

0

893

Your mafiosi написал(а):

Rion Leonheart
на форум не могу, но вот его полная копия в тестовике:
http://legendstime.mybb.ru

Какой уровень секретности на сервисе бесплатных форумов для школьников  :sceptic:

-1

894

ДОМИНИОН
Ничего секретного. Просто он на профилактике и ничем вам не помог бы.

+1

895

Напомню о себе =D Таблица ещё актуальна.

0

896

Сама разобралась.

Отредактировано Amy Ni (Вс, 22 Июн 2014 17:39:05)

0

897

Ап :flag:

0

898

Your mafiosi, да нам никогда профилактика не мешала тестирование проводить..))

Показать код таблицы

В html-верх:

Код:
<style type="text/css">
/*-------------------------------------------------
Настройки объявления 
-------------------------------------------------*/

/* Убираем слово "объявление" */
#pun-announcement h2 {display: none}
#pun-announcement .container {padding: 1.5em 1em 0em 0em}

/* Основные настройки таблицы */
#kotiki {
  width: 100%;
  padding-bottom: 2px;
  border: none;
  border-radius: 5px;
  background-color: #d1b89b
  }

/* Настройки ячеек таблицы */
#kotiki td {
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top
  }

/* Заголовки и кнопки */
#kotiki h3, #menu span {
  margin: 2px 0 4px 0;
  font: bold normal 14px 'Trebuchet Ms' sans-serif;
  text-align: center
  }

/* Аватары АМС */
#ams-faces img {
  width: 50px;
  height: 50px;
  margin: 5px
  }

/* Остальные аватары */
.faces img {
  width: 40px;
  height: 40px;
  margin: 5px
  }

/* Настройка таблицы с переменным контентом */
#menu {margin: 0 0 10px 0}

#menu span {
  display: block;
  height: 14px;
  margin: 0;
  padding: 2px 0 6px 0
  }

/* Цвет активной кнопки */
#menu span.tabactive {color: #361c02}

#submenu {
  width: 100%;
  padding: 0px
  }

.submenutext {
  display: none;
  text-align: center;
  min-height: 175px;
  height: auto
  }

/* Блоки, поддерживающие прокрутку */
.scroll_out_my {
  width: 100%;
  overflow-y: auto
  }
/*-------------------------------------------------
Конец настроек объявления 
-------------------------------------------------*/
</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>

В объявление:

Код:
<!-- Основная таблица -->
<table id="kotiki">
 <tbody>
  <tr>
   <td style="width: 74%;">
<!-- Вложенная таблица с переменным контентом -->
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
<div id="menu">
<!-- Таблица кнопок -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td style="width: 25%;"><span alt="#sm1" style="cursor: pointer;">Новости</span></td>
   <td style="width: 25%;"><span alt="#sm2" style="cursor: pointer;">В игре</span></td>
   <td style="width: 25%;"><span alt="#sm3" style="cursor: pointer;">Лучшие</span></td>
   <td style="width: 25%;"><span alt="#sm4" style="cursor: pointer;">Реклама</span></td>
  </tr>
 </tbody>
</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;">
<!-- Контент первой вкладки -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td style="width: 50%;" rowspan="2">

       <h3>Новости</h3>

      <div class="scroll_out_my" style="width: 100%; height: 150px;">

       (текст новостей (прокрутка появится автоматически))

      </div>

   </td>
   <td style="width: 50%; height: 87px;">
      
      <h3>О нас</h3>

       (вступительное слово)

    </td>
   </tr>
   <tr>
    <td style="height: 88px;">

      <h3>Требуются</h3>

       (список нужных)

   </td>
  </tr>
 </tbody>
</table>
<!-- Конец первой вкладки -->     
     </div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td style="width: 50%;">

      <div class="scroll_out_my" style="height: 87px;">

      <h3>Племя Солнца</h3>

      (информация)

      </div>
   </td>
   <td style="width: 50%;">

      <h3>Погода в игре</h3>

      (прогноз)

   </td>
  </tr>
  <tr>
   <td>

      <div class="scroll_out_my" style="height: 88px;">

      <h3>Племя Тумана</h3>

      (информация)

      </div>

   </td>
   <td>

      <h3>Розыск</h3>

      (преступники)

   </td>
  </tr>
 </tbody>
</table>
<!-- Конец второй вкладки -->
     </div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td style="width: 50%;">

      <h3>Активисты месяца</h3>

      <div class="faces">

       <img src="ссылка на аватар" title="Ник_1"/>
       <img src="ссылка на аватар" title="Ник_2"/>
       <img src="ссылка на аватар" title="Ник_3"/>

      </div>

   </td>
   <td style="width: 50%;">

       <h3>Коллекционеры месяца</h3>

      <div class="faces">

       <img src="ссылка на аватар" title="Ник_1"/>
       <img src="ссылка на аватар" title="Ник_2"/>
       <img src="ссылка на аватар" title="Ник_3"/>

      </div>

   </td>
  </tr>
  <tr>
   <td>

      <h3>Патрульные месяца</h3>

      <div class="faces">

       <img src="ссылка на аватар" title="Ник_1"/>
       <img src="ссылка на аватар" title="Ник_2"/>
       <img src="ссылка на аватар" title="Ник_3"/>

      </div>

   </td>
   <td>

       <h3>5 вечеров с</h3>

       <a href="ссылка_на_тему"><img style="width: 40px; height: 40px; margin: 5px; border: 1px solid #000;" src="ссылка на аватар" title="Ник"/></a>

   </td>
  </tr>
  <tr>
   <td>

      <h3>Пара месяца</h3>

      <div class="faces">

       <img src="ссылка на аватар" title="Ник_1"/>
       <img src="ссылка на аватар" title="Ник_2"/>

      </div>

   </td>
   <td>

       <h3>Пост месяца</h3>

       <a href="ссылка_на_пост"><img style="width: 40px; height: 40px; margin: 5px; border: 1px solid #000;" src="ссылка на аватар" title="Ник"/></a>

   </td>
  </tr>
 </tbody>
</table>
<!-- Конец третьей вкладки -->
     </div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->

      <h3>Каталог</h3>

      (баннеры)

      <h3>Партнёры</h3>

      (баннеры)

<!-- Конец четвертой вкладки -->
     </div>
    </div>
   </td>
  </tr>
 </tbody>
</table>
<!-- Конец вложенной таблицы с переменным контентом -->
   </td>
   <td style="width: 1%;"><!-- Пустая ячейка-интервал --></td>
   <td style="width: 25%;">
<!-- Колонка АМС и Партнеров -->

    <h3>АМС-состав</h3>

    <div id="ams-faces">
     <a href="ссылка на профиль_1"><img src="ссылка на аватар_1" title="Ник_1"/></a>
     <a href="ссылка на профиль_2"><img src="ссылка на аватар_2" title="Ник_2"/></a>
     <a href="ссылка на профиль_3"><img src="ссылка на аватар_3" title="Ник_3"/></a>
     <br/>
     <a href="ссылка на профиль_4"><img src="ссылка на аватар_4" title="Ник_4"/></a>
     <a href="ссылка на профиль_5"><img src="ссылка на аватар_5" title="Ник_5"/></a>
     <a href="ссылка на профиль_6"><img src="ссылка на аватар_6" title="Ник_6"/></a>
    </div>

    <h3>VIP-партнёры</h3>

    (баннеры)

<!-- Конец колонки АМС и Партнеров -->
   </td>

  </tr>
 </tbody>
</table>
<!-- Конец основной таблицы -->

Ответы на пожелания:

Желательно, что бы можно было изменять.

Если речь шла о фоне цвета таблицы, это в части из html-верха:

/* Основные настройки таблицы */
#kotiki {
  width: 100%;
  padding-bottom: 2px;
  border: none;
  border-radius: 5px;
  background-color: #d1b89b
  }

Красным — ваш цвет.

Отредактировано Rion Leonheart (Вс, 22 Июн 2014 11:21:19)

0

899

Rion Leonheart
Огромное спасибо :love:

0

900

Ondulation,

Показать код таблицы

В html-верх:

Код:
<style type="text/css">
/* --------------------------------------------
Настройки объявления
---------------------------------------------*/
/* Убираем слово "объявление" */
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/* Настройки основной таблицы */
#kotomania {
  width: 100%;
  border: none
  }

/* Настройка ячеек в основной таблице */
#kotomania td {
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: top
  }

/* Заголовки и кнопки */
#kotomania h3, #menu span {
  margin: 2px 0 6px 0;
  font: bold normal 14px 'Trebuchet Ms', sans-serif; 
  text-align: center
  }

/* Границы у нужных блоков */
.cover_line, #submenu {
  padding: 5px;
  border: 1px solid #6d5a4c;
  border-radius: 10px
  }

/* Настроки таблицы с переменным контентом */
#menu {margin: 0}

#menu span {
  display: block;
  padding: 0
  }

/* Вид кнопки при наведении */
#menu span:hover {text-decoration: underline}

/* Вид активной кнопки */
#menu span.tabactive {
  color: #714e24;
  text-decoration: underline
  }

/* Настройка блока с переменным контентом */
.submenutext {
  display: none;
  width: 100%;
  height: 150px;
  overflow-y: auto;
  text-align: center
  }
/* --------------------------------------------
Конец настроек объявления
---------------------------------------------*/
</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>

В объявление:

Код:
<!-- Основная таблица -->
<table id="kotomania">
 <tbody>
  <tr>
   <td style="width: 30%;">
<!-- Левая колонка -->
   <h3>Заголовок</h3>

    <div class="cover_line">
     <div style="width: 100%; height: 150px; overflow-y: auto;">

     Текст левой ячейки (поддержка автопрокрутки)

     </div>
    </div>
<!-- Конец левой колонки -->
   </td>
   <td style="width: 70%;">
<!-- Правая колонка - вложенная таблица с переменным контентом -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
    <div id="menu">
<!-- Таблица кнопок -->
     <table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
      <tbody>
       <tr>
        <td style="width: 25%;"><span alt="#sm1" style="cursor: pointer;">Кнопка 1</span></td>
        <td style="width: 25%;"><span alt="#sm2" style="cursor: pointer;">Кнопка 2</span></td>
        <td style="width: 25%;"><span alt="#sm3" style="cursor: pointer;">Кнопка 3</span></td>
        <td style="width: 25%;"><span alt="#sm4" style="cursor: pointer;">Кнопка 4</span></td>
       </tr>
      </tbody>
     </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;">
      <!-- Контент первой кнопки -->

      Текст 1 (поддержка автопрокрутки) 

      <!-- Конец блока -->
     </div>
     <div id="sm2" class="submenutext">
      <!-- Контент второй кнопки -->

      Текст 2 (поддержка автопрокрутки)

      <!-- Конец блока -->
     </div>
     <div id="sm3" class="submenutext">
      <!-- Контент третьей кнопки -->

      Текст 3 (поддержка автопрокрутки)

      <!-- Конец блока -->
     </div>
     <div id="sm4" class="submenutext">
      <!-- Контент четвертой кнопки -->

      Текст 4 (поддержка автопрокрутки)

      <!-- Конец блока -->
     </div>
    </div>
   </td>
  </tr>
 </tbody>
</table>
<!-- Конец вложенной таблицы с переменным контентом -->
<!-- Конец правой колонки -->
   </td>
  </tr>
 </tbody>
</table>
<!-- Конец основной таблицы -->

P.S.: категорически заявляю, что обводка вокруг заголовков и кнопок лишняя и не смотрится...

Отредактировано Rion Leonheart (Вс, 22 Июн 2014 13:13:14)

0


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