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

Страница: « 1 … 46 47 48 49 50 »

Сообщений 941 страница 960 из 1000

Поделиться1Ср, 3 Окт 2012 22:19:59

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

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

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

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

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

Поделиться941Сб, 2 Авг 2014 20:25:03

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Лилу301, держите.

Развернуть код

html-верх:

Код:

<!-- Основные настройки для слайдеров -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/78275.js"></script>


<style type="text/css">
/* Выравниваем заголовок объявления */
#pun-announcement h2 {border: none; text-align: center}
#pun-announcement .container {margin-top: 2em; padding-top: 3em; outline: 1px solid red}

/* Донастройки слайдеров */
.slider-content {height: 280px!important}

.slider img.button-left, .slider img.button-right {
  position: relative;
  top: 280px
  }

.slider img.button-right {right: 240px;}
.slider img.button-left {left: 240px;}

/* Настроки основной таблицы */

#my_tbl {width: 720px}

#my_tbl td {
  text-align: left;
  vertical-align: top
  }

#my_tbl h3 {
  margin: 2px 0 8px 0;
  text-align: center;
  font: normal bold 14px arial, sans-serif
  }

/* Настройка вложенных таблиц */

#ams_block, #pride_block, #sear_block, #news_block {width: 100%}

#ams_block td, #pride_block td, #sear_block td {
  text-align: center;
  vertical-align: middle
  }

#news_block td {
  text-align: center;
  vertical-align: top
  }

#ams_block img {
  width: 60px;
  height: 60px;
  border: 1px solid #000
  }

#pride_block img, #sear_block img {
  width: 40px;
  height: 40px;
  border: 1px solid #000
  }

/* Настройка таблицы с переключателями */

#menu-btm, #menu-left {
  display: block;
  margin: 0
  }

#menu-lft {
  width: 120px;
  height: 238px;
  margin: 55px 0 0 0
  }

#menu-btm {
  width: 248px;
  height: 100px;
  margin-left: 55px
  }

#menu-lft span {
  display: block;
  width: 120px;
  height: 46px;
  margin: 0 0 50px 0;
  padding: 0
  }

#menu-btm span {
  display: inline-block;
  width: 46px;
  height: 100px;
  margin: 0 50px 0 0;
  padding: 0
  }

#submenu {
  width: 570px;
  height: 320px;
  margin: 0;
  padding: 15px;
  background: transparent url('http://forumstatic.ru/files/0010/d3/8d/41247.jpg') 0 0 no-repeat
  }

.submenutext {
  display: none;
  width: 560px;
  height: 310px;
  padding: 5px;
  text-align: center;
  background: transparent url('http://forumstatic.ru/files/0010/d3/8d/60064.png') 0 0 repeat;
  border-radius: 15px
  }
</style>

Объявление:

Код:

<!-- Основная таблица -->
<center><table id='my_tbl' cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td style='width: 120px' rowspan='2'>
    <div id='menu-lft'>
     <span alt='#sm1' style='cursor: pointer'><img src='http://forumstatic.ru/files/0010/d3/8d/58718.png'/></span>
     <span alt='#sm2' style='cursor: pointer'><img src='http://forumstatic.ru/files/0010/d3/8d/72902.png'/></span>
     <span alt='#sm3' style='cursor: pointer; margin-bottom: 0px'><img src='http://forumstatic.ru/files/0010/d3/8d/57010.png'/></span>
    </div>
   </td>
   <td id='MenuTxT'>
    <div id='submenu'> 
     <div id='sm1' class='submenutext' style='display: block'>
      <!-- Основная (первая) вкладка -->

      <!-- Cлайдер 1 -->
      <div id="slider1" slide-width="560" slide-height="310" class="slider" style="padding:0;height:0;width:0">
       <img button-width="30" class="button-left hide" src="http://forumstatic.ru/files/0010/d3/8d/91943.png"/>
       <img button-width="30" class="button-right" src="http://forumstatic.ru/files/0010/d3/8d/30067.png"/>
        <div class="slider-content active">
        <!-- Первый слайд -->

         <marquee style='width: 100%; height: auto; padding: 5px 0' scrollamount='4'>
         Текст бегущей строки
         </marquee>

         <h3>Добро пожаловать!</h3>
         <div style='width: 100%; height: 230px; overflow-y: auto'>

         текст

         </div>
        <!-- Конец первого слайда -->
        </div>
        <div class="slider-content">
        <!-- Второй слайд -->

         <h3>Новости форума</h3>
         <div style='width: 100%; height: 250px; overflow-y: auto'>

         текст новостей

         </div>
        <!-- Конец второго слайда -->
        </div>
        <div class="slider-content">
        <!-- Третий слайд -->

         <h3>Требуются на форум</h3>
         <div style='width: 100%; height: 250px; overflow-y: auto'>

         текст нужных

         </div>
        <!-- Конец третьего слайда -->
        </div>
       </div><script>$("#slider1").slideF(1,800);</script>
       <!-- End Cлайдер -->

      <!-- Конец первой вкладки -->
     </div>
     <div id='sm2' class='submenutext'>
      <!-- Вкладка с гордостями -->

       <table id='pride_block' cellspacing='0' cellpadding='0'>
        <tbody>
         <tr>
          <td style='width: 50%'>

           <h3>Лучший пост месяца</h3>

           <img src='ссылка_на_аватар_1'/> <img src='ссылка_на_аватар_2'/>

          </td>
          <td style='width: 50%' rowspan='3'>

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

           <img src='ссылка_на_аватар'/>

          <h3>Лучшие мамы</h3>

           <img src='ссылка_на_аватар'/>

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

           <h3>Лучшие пары года</h3>

           <img src='ссылка_на_аватар_1'/> <img src='ссылка_на_аватар_2'/>

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

           <h3>Бойцы года</h3>

           <img src='ссылка_на_аватар_1'/> <img src='ссылка_на_аватар_2'/>

          </td>
         </tr>
        </tbody>
       </table>

      <!-- Конец "гордой" вкладки -->
     </div>
     <div id='sm3' class='submenutext'>
      <!-- Вкладка в игре -->

      <!-- Cлайдер 2 -->
      <div id="slider2" slide-width="560" slide-height="310" class="slider" style="padding:0;height:0;width:0">
       <img button-width="30" class="button-left hide" src="http://forumstatic.ru/files/0010/d3/8d/91943.png"/>
       <img button-width="30" class="button-right" src="http://forumstatic.ru/files/0010/d3/8d/30067.png"/>
        <div class="slider-content active">
        <!-- Первый слайд -->

         <h3>Погода</h3>
         <div style='width: 100%; height: 250px; overflow-y: auto'>

         <img style='float: left; width: 50px; height: 50px; margin: 0 5px 5px 0; border: 1px solid #000' src='ссылка_на_картинку'/>

         Тут много текста с описанием Тут много текста с описанием Тут много текста с описанием Тут много текста с описанием 

         Тут много текста с описанием Тут много текста с описанием Тут много текста с описанием Тут много текста с описанием 

         <br/><br/>
         <b>Время года:</b> текст
         <br/><br/>
         <b>Время суток:</b> текст

         </div>
        <!-- Конец первого слайда -->
        </div>
        <div class="slider-content">
        <!-- Второй слайд -->

         <h3>Новости</h3>
         <table id='news_block' cellspacing='0' cellpadding='0'>
          <tbody>
           <tr>
            <td style='width: 50%'><strong>Стая Фенрира</strong></td>
            <td style='width: 50%'><strong>Стая Предгорья</strong></td>
           </tr>
           <tr>
            <td>
             <div style='width: 100%; height: 240px; overflow-y: auto'>

              Информация

             </div>
            </td>
            <td>
             <div style='width: 100%; height: 240px; overflow-y: auto'>

              Информация

             </div>
            </td>
           </tr>
          </tbody>
         </table>
        <!-- Конец второго слайда -->
        </div>
        <div class="slider-content">
        <!-- Третий слайд -->

         <h3>Сюжет</h3>
         <div style='width: 100%; height: 250px; overflow-y: auto'>

         текст

         </div>
        <!-- Конец третьего слайда -->
        </div>
        <div class="slider-content">
        <!-- Четвертый слайд -->

         <h3>Регистрация</h3>
         <div style='width: 100%; height: 250px; overflow-y: auto'>

         текст

         </div>
        <!-- Конец четвертого слайда -->
        </div>
        <div class="slider-content">
        <!-- Пятый слайд -->

         <h3>Должен знать любой обитатель гор!</h3>
         <div style='width: 100%; height: 250px; overflow-y: auto'>

         <a href='ссылка_на_тему'>Название_1</a>
         <a href='ссылка_на_тему'>Название_2</a>
         <a href='ссылка_на_тему'>Название_3</a>
         <a href='ссылка_на_тему'>Название_4</a>
         <a href='ссылка_на_тему'>Название_5</a>

         </div>
        <!-- Конец пятого слайда -->
        </div>
        <div class="slider-content">
        <!-- Шестой слайд -->

         <h3>Ищем!</h3>
         <div style='width: 100%; height: 250px; overflow-y: auto'>
         <table id='sear_block' cellspacing='0' cellpadding='0'>
          <tbody>
           <tr>
            <td style='width: 20%'><img src='ссылка_на_аватар_1'/></td>
            <td style='width: 80%'>Какой-то текст</td>
           </tr>
           <tr>
            <td><img src='ссылка_на_аватар_2'/></td>
            <td>Какой-то текст</td>
           </tr>
           <tr>
            <td><img src='ссылка_на_аватар_3'/></td>
            <td>Какой-то текст</td>
           </tr>
          </tbody>
         </table>
         </div>
        <!-- Конец шестого слайда -->
        </div>
       </div><script>$("#slider2").slideF(1,800);</script>
       <!-- End Cлайдер -->

      <!-- Конец вкладки в игре -->
     </div>
     <div id='sm4' class='submenutext'>
      <!-- Вкладка с картой -->

       (код карты местности)

      <!-- Конец вкладки с картой -->
     </div>
     <div id='sm5' class='submenutext'>
      <!-- Вкладка с партнерами -->

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

       <marquee style='width: 100%; height: auto;' scrollamount='2' direction='left' onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=2>

       Первая строка баннеров
       <br/>
       Вторая строка баннеров
       <br/>
       Третья строка баннеров

       </marquee>       

       <br/><br/>

       Первый длинный баннер
       <br/><br/>
       Второй длинный баннер

      <!-- Конец вкладки с партнерами -->
     </div>
     <div id='sm6' class='submenutext'>
      <!-- Вкладка АМС -->

       <div style='width: 100%; height: 310px; overflow-y: auto'>
       <table id='ams_block' cellspacing='0' cellpadding='0'>
        <tbody>
         <tr>
          <td style='width: 20%'><img src='ссылка_на_аватар_1'/></td>
          <td style='width: 80%'>Какой-то текст</td>
         </tr>
         <tr>
          <td><img src='ссылка_на_аватар_2'/></td>
          <td>Какой-то текст</td>
         </tr>
         <tr>
          <td><img src='ссылка_на_аватар_3'/></td>
          <td>Какой-то текст</td>
         </tr>
        </tbody>
       </table>
       </div>

      <!-- Конец вкладки АМС -->
     </div>
    </div>
   </td>
  </tr>
  <tr>
   <td>
    <div id='menu-btm'>
     <span alt='#sm4' style='cursor: pointer'><img src='http://forumstatic.ru/files/0010/d3/8d/63087.png'/></span>
     <span alt='#sm5' style='cursor: pointer'><img src='http://forumstatic.ru/files/0010/d3/8d/90433.png'/></span>
     <span alt='#sm6' style='cursor: pointer; margin-right: 0px'><img src='http://forumstatic.ru/files/0010/d3/8d/97515.png'/></span>
    </div>
   </td>
  </tr>
 </tbody>
</table></center>
<!-- Конец основной таблицы -->

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-lft span, div.#menu-btm span").click(function() {
    $("div.#menu-lft span, div.#menu-btm span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Как понял, то и вышло. Мой вам совет - не делайте таких больших таблиц с кучей вкладок, их никто не листает...

Поделиться942Сб, 2 Авг 2014 20:39:00

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

Я такая растяпа, что, утащив таблицу на форум, совсем забыла сказать "спасибо" (:

Не вы первая, не за что.

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

Табличка будет установлена с помощью скрипта "хтмл в постах".

Видимо, тут стоит давать ссылку не на форум, а на конкретную тему, в пост которой вы собираетесь ставить слайдер.

Только с третьего раза понял, что вы хотите..
В первом варинте получается спойлер в спойлере.
Я вам не могу посоветовать ничего лучше, учитывая наличие кнопки "Выделить код".

Уже завтра, сегодня мозг отключается.

Отредактировано Rion Leonheart (Сб, 2 Авг 2014 20:39:29)

Поделиться943Сб, 2 Авг 2014 23:00:15

Автор: Raymond
Заслуженный
Зарегистрирован: Вс, 16 Мар 2014
Сообщений: 39
Уважение: 0
Позитив: 0
Последний визит:
Вт, 3 Янв 2023 20:48:11

Rion Leonheart
Спасибо вам огромное! прям к моему Дню Рождению)) Но хотела вас попросить, вы не могли бы немного закруглить таблицу? Чтобы она так явно не бросалась в глаза. И вот еще - переключатель "назад" не работает. Исправьте, пожалуйста. Как было у этой таблицы - Таблицы на заказ (15)
И прошу поставить другую картинку)) Извините что беспокою ((

Клик

Отредактировано Raymond (Сб, 20 Июл 2019 22:26:17)

Поделиться944Сб, 2 Авг 2014 23:01:58

Автор: Raymond
Заслуженный
Зарегистрирован: Вс, 16 Мар 2014
Сообщений: 39
Уважение: 0
Позитив: 0
Последний визит:
Вт, 3 Янв 2023 20:48:11

И еще, поменьше бы ее и по периметру разложить эти вкладки)) Спасибо вам огромное!! Я даже не думала, что есть возможность сделать такую таблицу! :blush:

Отредактировано Raymond (Сб, 20 Июл 2019 22:20:23)

Поделиться945Вс, 3 Авг 2014 09:01:41

Автор: Raymond
Заслуженный
Зарегистрирован: Вс, 16 Мар 2014
Сообщений: 39
Уважение: 0
Позитив: 0
Последний визит:
Вт, 3 Янв 2023 20:48:11

И еще, объясните где в таблице можно поменять фон? В старой, которую вы давно делали. Ссылка в позапрошлом посте.
И там не работают вкладки.

Отредактировано Raymond (Сб, 20 Июл 2019 22:20:36)

Поделиться946Вс, 3 Авг 2014 10:10:07

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

А теперь еще раз и по-русски.

1) Вы просите закруглить края таблицы и тут же просите заменить ей фон, по которому явно видно, что нет смысла его закруглять, потому что свиток он и в Африке свиток с квадратными краями. Так у какой таблицы что менять и закруглять?

2) Какой переключатель - "назад", на какой таблице, на какой вкладке? Где ссылка на форум с установленной неработающей таблицей? Где скриншот с указанной на нем отказывающейся работать кнопой??

3) "Как было у этой таблицы"
Что было?

4) "И там не работают вкладки"
Я от вас долго буду добиваться ссылки на форум с установленной непашущей таблицей? Пробежал по трем форумам, ни на одном не нашел старую таблицу. Вкладки могут не работать по 2-м причинам. Либо вы что-то не туда вставили, либо забыли вставить скрипт, отвечающий за переключение вкладок.

Отредактировано Rion Leonheart (Вс, 3 Авг 2014 10:10:56)

Поделиться947Вс, 3 Авг 2014 19:12:16

Автор: Raymond
Заслуженный
Зарегистрирован: Вс, 16 Мар 2014
Сообщений: 39
Уважение: 0
Позитив: 0
Последний визит:
Вт, 3 Янв 2023 20:48:11

1) Я немного попутала. Извините)) Поменять фон надо вот у этой таблицы - Таблицы на заказ (15) А закруглять у второй.
2) Не поверите, но во всех вкладках ни один переключатель "назад" не работает. http://testikyee.mybb.ru/
3) Это я про закругленные края))
4) Вот ссылка: http://newworldcats.rolka.su/ Я перепроверила, вкладки вроде работают, но как-то с на тугом.

Отредактировано Raymond (Сб, 20 Июл 2019 22:20:56)

Поделиться948Пн, 4 Авг 2014 03:47:42

Автор: edelweiiss
Стремящийся
Зарегистрирован: Пн, 4 Авг 2014
Сообщений: 1
Уважение: 0
Позитив: 0
Последний визит:
Вс, 10 Авг 2014 00:07:54

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

Хотелось бы, чтобы фон полости с текстом был полу-прозрачный.
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://cathistory.rolevaya.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Желательно, чтобы при выходе на главную страницу сразу отображался первый пункт таблицы. При нажатии на иконки, скажем так, пункты, плавно менялись.
Заранее спасибо.

Поделиться949Вт, 5 Авг 2014 01:42:03

Автор: just
Заслуженный
Зарегистрирован: Вт, 15 Июн 2010
Сообщений: 19
Уважение: 0
Позитив: +1
Последний визит:
Вс, 21 Авг 2016 21:58:49

1) у меня нет эскиза, но есть ссылка на англоязычный форум в качестве примера. скажите пожалуйста, возможно ли сделать такую таблицу? ссылка на таблицу при наведение на шапку выскакивает таблица сама.
2) http://sides.mybb.ru/
3) http://savepic.net/6028236.jpg
главное, чтобы был сам скрипт, когда наводишь мышкой на шапку и всплывает таблица. можно не делать так детально, но очень важно, чтобы было разбито на три блока. огромное спасибо заранее.

Отредактировано just (Вт, 5 Авг 2014 02:18:29)

Поделиться950Пт, 8 Авг 2014 08:02:12

Автор: Мятная Звезда
Заслуженный
Зарегистрирован: Чт, 17 Мар 2011
Сообщений: 39
Уважение: +1
Позитив: +3
Пол: Женский
Последний визит:
Пт, 8 Авг 2014 10:17:31

1)
2) cwf.koti-voiteli.ru
3) Собственно, слева окно с пятью кнопками. Такие строгие размеры из-за того, что в одно из окон будем впихивать карту, которая ранее стояла в предыдущей таблице. Справа два вертикальных окошка с прокруткой

Поделиться951Пт, 8 Авг 2014 15:38:54

Автор: LugeriDV
Стремящийся
Зарегистрирован: Чт, 7 Авг 2014
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Пт, 15 Авг 2014 17:00:10

Не актуально.

Добрый день.

1)
изображение
2) Ссылка на ваш форум: http://testtrack.mybb.ru/ (тестовый, где стоит недоделанная часть таблицы, для наглядности), http://insideout.mybb.ru/ (где в итоге будет размещена таблица)
3) Имеется уже подобный код:
HTML верх
Код:
/* таблица */
<style>
#menu {margin-left: 10px;}	
#menu span {
padding-left: 3px;
width: 150px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 240px;
text-align: center;
font-size: 12px;
width: 718px;
}

.submenutext {
display: none; 
height: 240px;
}
</style>
Объявление
Код:
<center><table style="width: 100%; height: 150px;">
 <tbody>
  <tr>
   <td style="height: 40px;">
    <div id="menu">

<span alt=#sm1 style="cursor: pointer;"><img src="http://s019.radikal.ru/i608/1408/8e/1c6234b20e19.png" alt="кнопка 1" width="150" height="40" border="0"></span>
<span alt=#sm2 style="cursor: pointer;"><img src="http://s019.radikal.ru/i608/1408/8e/1c6234b20e19.png" alt="кнопка 2" width="150" height="40" border="0"></span>
<span alt=#sm3 style="cursor: pointer;"><img src="http://s019.radikal.ru/i608/1408/8e/1c6234b20e19.png" alt="кнопка 3" width="150" height="40" border="0"></span>
<span alt=#sm4 style="cursor: pointer;"><img src="http://s019.radikal.ru/i608/1408/8e/1c6234b20e19.png" alt="кнопка 4" width="150" height="40" border="0"></span>
<span alt=#sm5 style="cursor: pointer;"><img src="http://s019.radikal.ru/i608/1408/8e/1c6234b20e19.png" alt="кнопка 5" width="150" height="40" border="0"></span>

    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top" style="height: 300px;">
    <div id="submenu" align="center">
 
<div id="sm1" class="submenutext">
<a target="_blank" href="http://www.radikal.ru"><img src="http://s09.radikal.ru/i182/1408/2e/9bdbfd2ab616.png" ></a>

</div>

<div id="sm2" class="submenutext">
Содержимое 2го раздела

</div>

<div id="sm3" class="submenutext">

Содержимое 3го раздела

</div>

<div id="sm4" class="submenutext">

Содержимое 4го раздела

</div>

<div id="sm5" class="submenutext">
Содержимое 5го раздела

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

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();

$("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>
Никак не могу сообразить, как сделать, чтобы:
а) фоновая картинка (http://s45.radikal.ru/i107/1408/2b/6bdfee43f871.png) оставалась при смене кнопок: нажали кнопку 1 - появилась картинка с текстом, нажали кнопку 2 - картинка осталась, сменился текст;
b) чтобы поверх картинки, посередине, можно было размещать необходимый текст, который меняется при нажатии кнопок;
с) чтобы при повторном нажатии одной и той же кнопки и текст, и фоновая картинка, сворачивались. Т.е. один клик по, например, кнопке 1 разворачивал картинку с текстом, второе нажатие по кнопке 1 сворачивало текст с картинкой;
d) таблица идет без красных рамок, они лишь для обозначения размеров.

Буду крайне признательна.

Rion Leonheart, Скорейшего выздоровления!

Отредактировано LugeriDV (Пн, 11 Авг 2014 15:02:43)

Поделиться952Вс, 10 Авг 2014 15:50:36

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Господа и дамы, я тут немного приболел... Так что разгребать начну не раньше понедельника, прошу простить за длительное ожидание.

Поделиться953Пн, 11 Авг 2014 17:00:12

Автор: ЯркиКВ
Заслуженный
Зарегистрирован: Пт, 2 Май 2014
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Чт, 14 Авг 2014 08:20:50

Ох, желаю скорейшего выздоравления!
1) http://savepic.ru/5546978.png
2) http://catwars.rolfor.ru/
3) В той части таблицы, где слово "текст", прошу поставить этот фон (http://savepic.ru/5311707.jpg), как поле ввода ( то есть фон таблицы)
Вроде бы все.
Заранее спасибо

Поделиться954Вт, 12 Авг 2014 19:34:05

Автор: just
Заслуженный
Зарегистрирован: Вт, 15 Июн 2010
Сообщений: 19
Уважение: 0
Позитив: +1
Последний визит:
Вс, 21 Авг 2016 21:58:49

Rion Leonheart
выздоровления и ждем столько, сколько нужно)

Поделиться955Ср, 13 Авг 2014 23:56:41

Автор: Aatrox
Заслуженный
Зарегистрирован: Вс, 27 Окт 2013
Сообщений: 67
Уважение: +5
Позитив: +3
Последний визит:
Вт, 19 Янв 2021 18:13:11

Не актуально

Доброго дня). Решил сделать табличку, но ничего не получается(. Прошу помочь, пожалуйста. Возможно ли вообще такую сделать? Просто мне кажется, что будут проблемы с кнопками.
http://testovik02.rolka.su/
Как должна выглядеть таблица на форуме(большое изображение) - http://i038.radikal.ru/1408/97/171d4a32d7ab.png
Просто таблица
Таблица с активной кнопкой
В сами окна таблицы никаких прокруток и окон делать не надо. Здесь я сам справлюсь. Просто пометьте всё "текст текст".
Когда нажимаешь на кнопку, то она должна менять нормально изображение на изображение кнопки "с подсветкой".
Детали. Предоставил несколько вариантов - отдельные детали и слепленные.

Вроде ничего не забыл.
Буду очень сильно благодарен).

Отредактировано Aatrox (Вт, 26 Авг 2014 00:55:46)

Поделиться956Пт, 15 Авг 2014 00:46:00

Автор: Confetti
Заслуженный
Зарегистрирован: Ср, 29 Май 2013
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Ср, 27 Авг 2014 13:01:08

Эскиз

2) Ссылка http://cwmor.rolbb.ru/
3) Детали
При наведении котики в блоке "Администрация" меняются с таких

На таких

PSD-файлы для оформления таблицы находятся здесь.

Заранее спасибо. Также желаю скорейшего выздоровления (:

Поделиться957Вс, 17 Авг 2014 17:55:24

Автор: ДОМИНИОН
Cтарожил
Зарегистрирован: Сб, 4 Ноя 2006
Сообщений: 6889
Уважение: +1022
Позитив: +688
Последний визит:
Вт, 23 Авг 2022 00:48:48

Перегибаете с использованием людской доброты. Эта тема задумывалась как помощь тем, кто вообще не умеет создавать даже простые таблицы из 2 столбцов, а в итоге вы просите создавать за вас сложные структуры со слайдами, картинками, вкладками ит.п. Так некоторые еще имеют наглость делать новые заказы спустя пару недель. :no:

Поделиться958Пт, 22 Авг 2014 08:33:45

Автор: М@шенька
Заслуженный
Зарегистрирован: Вт, 19 Авг 2014
Сообщений: 204
Уважение: +3
Позитив: 0
Последний визит:
Вс, 31 Янв 2016 20:20:27

1. Эскиз:

Эскизы

2. Ссылка: http://koty.rolevaya.ru/
3. Детали: нет.
В эскизах опечатка. Вместо названия кнопки "Активные" кнопка "Лучшие"!!!!

Отредактировано М@шенька (Пт, 22 Авг 2014 08:37:22)

Поделиться959Пт, 22 Авг 2014 16:06:06

Автор: Иган Спенглер
Заслуженный
Зарегистрирован: Пн, 7 Апр 2014
Сообщений: 146
Уважение: +2
Позитив: +17
Предупреждения: (2) Оффтоп
Последний визит:
Вс, 28 Фев 2016 23:45:22

Можно получить код вот этой таблицы?

Поделиться960Вт, 2 Сен 2014 22:02:23

Автор: ЛаскаКВ
Заслуженный
Зарегистрирован: Сб, 1 Июн 2013
Сообщений: 282
Уважение: +34
Позитив: +36
Последний визит:
Чт, 5 Янв 2017 15:45:43

Иган Спенглер

Код:

<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:44px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #64bf45;
background-color:#cee5c8;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background-color:#cee5c8;
background: url(http://savepic.ru/3324615.png);
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
width:240px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:10px;
background-color:#cee5c8;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<left> Ваш текст.-------------------------
  </div>
</div>
<!--End//JampPanel-->

<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s2.uploads.ru/DzZw9.png" alt="Вниз страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s3.uploads.ru/2THoG.png" alt="Вниз страницы" ></a> 
</div>

Вроде это. Вставлять вверх.

Страница: « 1 … 46 47 48 49 50 »

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 941 страница 960 из 1000

Поделиться1Ср, 3 Окт 2012 22:19:59

Поделиться941Сб, 2 Авг 2014 20:25:03

Поделиться942Сб, 2 Авг 2014 20:39:00

Поделиться943Сб, 2 Авг 2014 23:00:15

Поделиться944Сб, 2 Авг 2014 23:01:58

Поделиться945Вс, 3 Авг 2014 09:01:41

Поделиться946Вс, 3 Авг 2014 10:10:07

Поделиться947Вс, 3 Авг 2014 19:12:16

Поделиться948Пн, 4 Авг 2014 03:47:42

Поделиться949Вт, 5 Авг 2014 01:42:03

Поделиться950Пт, 8 Авг 2014 08:02:12

Поделиться951Пт, 8 Авг 2014 15:38:54

Поделиться952Вс, 10 Авг 2014 15:50:36

Поделиться953Пн, 11 Авг 2014 17:00:12

Поделиться954Вт, 12 Авг 2014 19:34:05

Поделиться955Ср, 13 Авг 2014 23:56:41

Поделиться956Пт, 15 Авг 2014 00:46:00

Поделиться957Вс, 17 Авг 2014 17:55:24

Поделиться958Пт, 22 Авг 2014 08:33:45

Поделиться959Пт, 22 Авг 2014 16:06:06

Поделиться960Вт, 2 Сен 2014 22:02:23