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

Поделиться441Вс, 4 Сен 2011 11:37:16

Автор: Никaндра
Заслуженный
Зарегистрирован: Сб, 3 Сен 2011
Сообщений: 12
Уважение: 0
Позитив: 0
Последний визит:
Вс, 25 Сен 2011 18:06:45

Rion Leonheart
Здравствуйте еще раз,
А не подскажите кодик, чтобы в таблицу можно было вставить код баннера именно код, а не сам баннер.

Заранее благодарю

0

Поделиться442Вс, 4 Сен 2011 12:02:42

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Можно мне таблицу? Макет ниже.
Нужно чтобы она была без границ, просто три столбика, тот, который в середине самый широкий, остальные примерно одинаковые. Ширина таблицы около 900px, Высота 250px. Все три поля с полосами прокрутки справа. И еще под этими окнами нужно три кнопки, всплывающих меню (или как они называются?...) Сами кнопки вот с этой картинкой: http://s2.ipicture.ru/uploads/20110904/l03c35Ac.png
макет таблицы:

0

Поделиться443Вс, 4 Сен 2011 12:26:42

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

...

Отредактировано Rion Leonheart (Вс, 4 Сен 2011 18:15:01)

0

Поделиться444Вс, 4 Сен 2011 12:33:26

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

Cappucini, здравствуйте. Зачем вам точно такая же таблица, если то, что вы заказали, стоит уже на форуме, ссылку на который вы дали...
Или вы дали ссылку с примером таблицы? Если с примером, то скажите хоть высоту таблицы? Методом тыка не делаем :stupor:

Отредактировано Rion Leonheart (Вс, 4 Сен 2011 12:40:05)

0

Поделиться445Вс, 4 Сен 2011 14:50:51

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

Астра, здравствуйте. Только что домучил *еле выровнял

В html-верх:

Код:

<style> /* Стиль всплывающего меню */
.splLink {height: 45px; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px; margin-top: 30px;}
.splCont {height: auto; width: 200px; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: 40px; border: 1px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

 /* Скругление углов во Всплывающем меню */
.splCont {background-color: transparent; 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
   } /* Конец Стиля всплывающего меню */
</style>

Сама ваша таблица:

Код:

<center><table border="0" height="325" width="912">

<tr><td width="20%"><div style="width: 100%; height: 250px; overflow: auto;">
<br>
<b>Администрация:</b><br><br>

Текст 1

</div></td><td width="60%"><div style="width: 100%; height: 250px; overflow: auto;">
<br>
<b>Новости:</b><br><br>

Текст 2

</div></td><td width="20%"><div style="width: 100%; height: 250px; overflow: auto;">
<br>
<b>Конкурсы:</b><br><br>

Текст 3

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

<tr><td colspan="3">
<table border="0" width="100% height="75">
<tr>

<td background="http://s2.ipicture.ru/uploads/20110904/l03c35Ac.png"><DIV><div class=splLink>Кнопка 1</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент первой кнопки

</DIV></DIV></td>

<td background="http://s2.ipicture.ru/uploads/20110904/l03c35Ac.png"><DIV><div class=splLink>Кнопка 2</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент второй кнопки

</DIV></DIV></td>

<td background="http://s2.ipicture.ru/uploads/20110904/l03c35Ac.png"><DIV><div class=splLink>Кнопка 3</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент третьей кнопки

</DIV></DIV></td>

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

</table></center>

В html-низ:

Код:

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

~~Сколько раз повторять - давайте ссылку на форум, куда собираетесь ставить таблицы!!!~~

Отредактировано Rion Leonheart (Вс, 4 Сен 2011 15:03:08)

+1

Поделиться446Вс, 4 Сен 2011 15:11:19

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Rion Leonheart
большое вам спасибо. ))

0

Поделиться447Вс, 4 Сен 2011 15:45:23

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Rion Leonheart
а как сделать, чтобы во всплывающих окошках фон был не прозрачный, а цветом?
~~PS ссылка http://danessa.mybb.ru/~~

0

Поделиться448Вс, 4 Сен 2011 15:48:14

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

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

.splCont {background-color: transparent;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

И вместо transparent напишите свой цвет, например:

background-color: #D7E0DB; (цвет тела вашего форума)

~~Совпали мысли~~

Отредактировано Rion Leonheart (Вс, 4 Сен 2011 15:50:26)

0

Поделиться449Вс, 4 Сен 2011 15:50:07

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Rion Leonheart
еще раз спасибо )) а то я искала, искала...

0

Поделиться450Вс, 4 Сен 2011 16:04:53

Автор: Никaндра
Заслуженный
Зарегистрирован: Сб, 3 Сен 2011
Сообщений: 12
Уважение: 0
Позитив: 0
Последний визит:
Вс, 25 Сен 2011 18:06:45

Rion Leonheart
Нет, вы меня не так поняли, мне нужно, чтобы код отображался, все вышеперечисленное я и так скаю)

0

Поделиться451Вс, 4 Сен 2011 16:07:56

Автор: Никaндра
Заслуженный
Зарегистрирован: Сб, 3 Сен 2011
Сообщений: 12
Уважение: 0
Позитив: 0
Последний визит:
Вс, 25 Сен 2011 18:06:45

*знаю

0

Поделиться452Вс, 4 Сен 2011 17:12:11

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

Никандра, скажем, можете "одеть" теги баннера в такое:

<textarea rows="11" readonly>
<a target="_blank" href="http://doggi.rolka.su/"><img src="http://s016.radikal.ru/i336/1109/4a/e71dd8414c18.png"></a>
</textarea>

:glasses: Других вариантов просто не встречал)

Отредактировано Rion Leonheart (Пн, 5 Сен 2011 04:32:19)

0

Поделиться453Вс, 4 Сен 2011 19:50:01

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

Скриншот (эскиз) таблицы: http://savepic.org/2275739.png
Ссылка на форум: http://war1r2o2r3s5.rolka.su/
Фишки таблицы: Углы у рамок должны быть закруглёнными, как на скрине и сама внутренность этих рамок должна настраиваться или быть более светлого цвета относительно дизайна форума. Это всё.

0

Поделиться454Вс, 4 Сен 2011 21:06:06

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Rion Leonheart
А можно ли сделать так, чтобы полосу прокрутки было не видно?

0

Поделиться455Вс, 4 Сен 2011 22:18:14

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

Астра, я бы не советовал... :confused: ~~текст тогда прочитать будет очень трудно~~

Отредактировано Rion Leonheart (Пн, 5 Сен 2011 04:34:30)

0

Поделиться456Вс, 4 Сен 2011 22:42:22

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

Alfecats, здравствуйте.
1. Вы не уточняли размеров, так что пришлось делать по эскизу.
2. Сразу о главном: те ячейки, что без полос прокрутки: фон и рамка растянутся по мере заполнения. Если текста будет мало, а вам надо, чтобы ячейки были одного размера, воспользуйтесь тегами <br> - переноса строки.
3. Насчет

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

более светлого цвета относительно дизайна форума

Дизайн у вас черный, а светлее вашего тела форума только чисто-белый, но тогда вы не увидите ту толстенную рамку, что навели на эскизе, поэтому цвет фона ячеек=цвету тела вашего форума.
Ах да... IE не поддерживает данное скругление... по-другому как-то округлять я не намерен... слишком много тексту, громоздкие коды, это не ко мну - це к Deff'у...

В html-верх:

Код:

<style>
.splCont {height: auto; 
               width: auto; 
               background: #F4EFEA; 
               padding: 5px; 
               border: 6px solid #ffffff; 
               text-align: center;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

</style>

Само объявление:

Код:

<table width="100%" height="768" cellspacing="10" border="0"> 

<tr height="207"><td width="40%"><DIV class=splCont><br>

Администрация

<br></DIV>
</td>

<td width="40%"><DIV class=splCont><br>

Модерация

<br></DIV>
</td>

<td width="20%"><DIV class=splCont><br>

Партнёры

<br></DIV>
</td>

</tr>

<tr height="184"><td width="80%" colspan="2"><DIV class=splCont><div style="width: 100%; height: 184px; overflow: auto;"><br>

Приветствие

<br></DIV>
</td>

<td width="20%"><DIV class=splCont><br>

Важные люди

<br></DIV>
</td>

</tr>

<tr height="233"><td colspan="2"><DIV class=splCont><div style="width: 100%; height: 233px; overflow: auto;"><br>

Новости

<br></div></DIV>
</td>

<td><DIV class=splCont><br>

Наш баннер

<br></DIV>
</td>

</tr>

<tr  height="144"><td colspan="2"><DIV class=splCont><div style="width: 100%; height: 144px; overflow: auto;"><br>

Реклама

<br></DIV>
</td>

<td><DIV class=splCont><br>

Важное

<br></DIV>
</td>

</tr>

</table>

Отредактировано Rion Leonheart (Пн, 5 Сен 2011 04:41:59)

0

Поделиться457Пн, 5 Сен 2011 07:55:48

Автор: Greed Ling
Заслуженный
Зарегистрирован: Вс, 11 Июл 2010
Сообщений: 22
Уважение: 0
Позитив: +4
Последний визит:
Вс, 17 Сен 2017 21:59:33

1) Эскиз вашей будущей таблицы

2) Ссылка на ваш форум
http://bleachanimerolka.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
"навигация по форуму" типо той, что уже имеется, на данном во 2м пункте, форуме
там где стрелки выделены красным, прокрутка
заголовки крупнее обычного текста