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

При заказе таблиц от вас требуется:
1)
2) Тык
3) Вот где чат там написал где прокрутка,а с бегущей строкой чтобы с лева на право шли,и где Новости Сервера тоже прокрутка была.А так вроде все

0

Поделиться785Пт, 7 Окт 2011 18:46:25

Автор: Кирджава
Заслуженный
Зарегистрирован: Вт, 14 Окт 2008
Сообщений: 20
Уважение: +3
Позитив: +4
Последний визит:
Вс, 10 Мар 2013 17:02:23

Здравствуйте, можно такую таблицу?

1. -
2. [link]
3. Таблица должна быть без границ;
контент кнопок не должен выезжать, не должен проявляться. Он должен просто меняться без всяких спец-эффектов, как, например, здесь.

0

Поделиться786Пт, 7 Окт 2011 20:45:26

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

FR-Mia, %-) пробуй:

Html-верх:

<style>
.splLink {width: 125px; height: 100px;}
.splCont {height: auto; width: 200px; background: #666666; border: 2px solid #4E6889; opacity: 0.8; filter: alpha(Opacity=80); font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}
</style>

Объявление:

Код:

<center>
<table width="100%" height="300" border="0" style="background: url(http://s002.radikal.ru/i200/1109/c4/8f30740bf3a0.png) no-repeat center;">
<tr>
<td width="125">

<center><table style="width: 100%">
<tr>

<td><DIV><div class=splLink><img src="http://i048.radikal.ru/1109/87/a3aa7d70be06.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 200px; overflow: auto;">

Ваш Контент 1

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

<tr><td><DIV><div class=splLink><img src="http://i042.radikal.ru/1109/fb/fc14e3fb63a8.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 200px; overflow: auto;">

Ваш Контент 2

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

<tr><td><DIV><div class=splLink><img src="http://s47.radikal.ru/i115/1109/84/83623624eb8f.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 200px; overflow: auto;">

Ваш Контент 3

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

</tr>
</table></center>

</td>

<td style="border: 14px solid #4E6889; padding: 18px; font-size: 14px; color: #000000;"><div style="width: 100%; height: 300px; overflow: auto;">

Текст 
текст 
текст

</div></td>

<td width="125">

<center><table style="width: 100%">
<tr>

<td><DIV><div class=splLink><img src="http://s49.radikal.ru/i123/1109/f1/e2597d9ca4e8.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 200px; overflow: auto;">

Ваш Контент 4

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

<tr><td><DIV><div class=splLink><img src="http://s002.radikal.ru/i199/1109/1c/2290666c4771.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 200px; overflow: auto;">

Ваш Контент 5

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

<tr><td><DIV><div class=splLink><img src="http://s2.ipicture.ru/uploads/20110929/Rl1UvGLk.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 200px; overflow: auto;">

Ваш Контент 6

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

</tr>
</table></center>

</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>

+1

Поделиться787Пт, 7 Окт 2011 20:59:16

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

Рони, здравствуйте.
Под ваш дизайн 800 пикселей... это, кхм, ну очень широко :glasses:

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

Код:

<center>
<table cellspacing="0" style="width: 85%; height: 350px; border: 1px solid #000000; margin-left: -30px;">

<tr>

<td width="20%" style="border: 1px solid #000000;"><div style="width: 100%; height: 350px; overflow: auto; text-align: center;">

Текст 1

</div></td>
<td align="center" style="border: 1px solid #000000;">

<img src="ссылка на картинку">

</td>
<td width="20%" style="border: 1px solid #000000;"><div style="width: 100%; height: 350px; overflow: auto; text-align: center;">

Текст 2

</div></td>

</tr>

</table>
</center>

0

Поделиться788Пт, 7 Окт 2011 21:06:04

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

Katsuro, здравствуйте.
Мну не понимает, что вы там нарисовали. При чем тут шапка и тело форума, если мы рисуем таблицы в объявление. Насчет чата - ну найдите на сайте здесь код. Насчет того, что стоит у вас справа - может лучше поставить сайдбар? Ищите код на этом же форуме. А по поводу топа - мну не понимает Оо по возрастанию, типа сортировка, что ли? :glasses: Эт точно не сюда

0

Поделиться789Пт, 7 Окт 2011 21:11:18

Автор: Katsuro
Заслуженный
Зарегистрирован: Чт, 4 Авг 2011
Сообщений: 53
Уважение: 0
Позитив: +2
Пол: Мужской
Последний визит:
Чт, 27 Окт 2011 23:48:45

По поводу топа просто создайте такое окно как на эскизе ну чтобы я там сам мог вставлять и менять имена.А по поводу чата и Новостей Саервера ненадо.

0

Поделиться790Пт, 7 Окт 2011 21:13:09

Автор: Katsuro
Заслуженный
Зарегистрирован: Чт, 4 Авг 2011
Сообщений: 53
Уважение: 0
Позитив: +2
Пол: Мужской
Последний визит:
Чт, 27 Окт 2011 23:48:45

и еще как мне бегущую строку сделать как на эскизе?

0

Поделиться791Пт, 7 Окт 2011 21:26:18

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

Кирджава, здравствуйте. Без границ так без границ, без спец. эффектов, так без них. :glasses:

В html-верх:

Код:

<style>	
#menu {
margin-top: -11px;
width: 200px;
height: 60px;}

#menu span {
text-align:center;
display:block;
margin: 13px 0;
padding: 15px;
}

#submenu {
padding: 0px;
height: 280px;
text-align: center;
font-size: 12px;
width: 600px;
}

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

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

Код:

<center><table style="width: 90%" border="0">
 <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>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/><br/>

Контент приветствия

</div>
     <div id="sm2" class="submenutext"><br/><br/>

Контент времени

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

Контент событий

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

Контент еще чего-то
</div>
     <div id="sm5" class="submenutext"><br/><br/>

Контент рекламы

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

В html-низ:

Код:

<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>

+1

Поделиться792Пт, 7 Окт 2011 22:00:05

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

Katsuro, в объявление:

Код:

<center>
<table width="100%" border="1" cellspacing="0">
<tr height="10%"><td colspan="3">
<marquee direction="right">

Текст бегущей строки

</marquee>
</td></td>
<tr height="90%">
<td width="30%"></td>
<td style="width: 30%; padding: 3px;>
<p align="center"><strong>

Топ:

</strong></p>
<br/><br/>
<p align="left">

<b>1.</b> Номер один

<br>

<b>2.</b> Номер два

<br>

<b>3.</b> Номер три

<br>

<b>4.</b> Номер четыре

<br>

<b>5.</b> Номер пять

</p></td>
<td width="30%"></td>
</tr></table></center>

:glasses:

0

Поделиться793Сб, 8 Окт 2011 05:37:36

Автор: FR-Mia
Заслуженный
Зарегистрирован: Чт, 31 Дек 2009
Сообщений: 127
Уважение: +3
Позитив: +13
Пол: Женский
Последний визит:
Пт, 8 Июн 2012 15:19:59

Rion Leonheart
ты тут ваще один таблички клепаешь, молоток

пост Таблицы на заказ (12)#p709902

ты сделал выпадающие окошки, а мне один блок с переменным содержимым

как вот тут в таблице http://fireratium.mybb.ru/ только мне нужно, чтобы кнопки располагались справа и слева

1) Блок с инфо можно выделить полоской потоньше? А то эта уж больно жирная.
2) Это я тебе такой маленький оригинал хвои дала? Я планировала, что фон таблицы будет от рамки до рамки...

0

Поделиться794Сб, 8 Окт 2011 10:34:58

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

FR-Mia написал(а):

ты сделал выпадающие окошки, а мне один блок с переменным содержимым

FR-Mia написал(а):

Приемлемы оба варианта.

:glasses: Какие могут быть претензии...

FR-Mia написал(а):

1) Блок с инфо можно выделить полоской потоньше? А то эта уж больно жирная.

Какую нарисовала. :glasses:
Красное на свое:

<td style="border: 14px solid #4E6889; padding: 18px; font-size: 14px; color: #000000;"><div style="width: 100%; height: 300px; overflow: auto;">

Текст
текст
текст

</div></td>

Определись уже! Нужна таблица - которая будет нормально смотреться во всех браузерах? Или только под Хром? :glasses:
Зачем рисовать тебе новый вариант, если со старым была та же проблема?
От края до края все равно не будет. Если только вручную двигать. Потому что когда в объявление код таблицы вставляешь - там слева отступ автоматом! :glasses:

FR-Mia написал(а):

2) Это я тебе такой маленький оригинал хвои дала?

Ради бога: :glasses:

<table width="100%" height="300" border="0" style="background: url(http://s002.radikal.ru/i200/1109/c4/8f30740bf3a0.png) no-repeat center; margin-left: -10px;">

Меняй зеленое на 750, синее на 400, красное дописывай, если не доехала до края, толкай дальше.

Отредактировано Rion Leonheart (Сб, 8 Окт 2011 10:57:39)

+1

Поделиться795Сб, 8 Окт 2011 11:21:04

Автор: FR-Mia
Заслуженный
Зарегистрирован: Чт, 31 Дек 2009
Сообщений: 127
Уважение: +3
Позитив: +13
Пол: Женский
Последний визит:
Пт, 8 Июн 2012 15:19:59

Rion Leonheart написал(а):

Какие могут быть претензии...

Спасибо. Я найду решение.

Rion Leonheart написал(а):

Определись уже! Нужна таблица - которая будет нормально смотреться во всех браузерах? Или только под Хром?

Ладно, ладно, не нервничай. Конечно, для всех браузеров =)

Как изменить цвет шрифта в контейнерах? Не могу найти нужный параметр.

Отредактировано FR-Mia (Сб, 8 Окт 2011 11:27:17)

0

Поделиться796Сб, 8 Окт 2011 11:24:53

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

FR-Mia написал(а):

Можно цвет выпадающих окон поменять на черный? Прозрачность оставить такую же.

Можно.

.splCont {height: auto; width: 200px; background: #666666;

На 000000.

0

Поделиться797Сб, 8 Окт 2011 11:40:39

Автор: FR-Mia
Заслуженный
Зарегистрирован: Чт, 31 Дек 2009
Сообщений: 127
Уважение: +3
Позитив: +13
Пол: Женский
Последний визит:
Пт, 8 Июн 2012 15:19:59

Rion Leonheart
По мере наполнения контейнера появится прокрутка?

FR-Mia написал(а):

Как изменить цвет шрифта в контейнерах? Не могу найти нужный параметр.

Отредактировано FR-Mia (Сб, 8 Окт 2011 11:41:01)

0

Поделиться798Сб, 8 Окт 2011 11:46:29

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

FR-Mia написал(а):

По мере наполнения контейнера появится прокрутка?

Везде появится... и в всплыв. меню, и в центральном окне...

FR-Mia написал(а):

Как изменить цвет шрифта в контейнерах? Не могу найти нужный параметр.

Его и нет. Дописывай:

.splCont {height: auto; width: 200px; background: #fff; border: 2px solid #4E6889; opacity: 0.8; filter: alpha(Opacity=80); font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; color: #000;}

Отредактировано Rion Leonheart (Сб, 8 Окт 2011 12:00:42)

0

Поделиться799Сб, 8 Окт 2011 14:17:52

Автор: Кирджава
Заслуженный
Зарегистрирован: Вт, 14 Окт 2008
Сообщений: 20
Уважение: +3
Позитив: +4
Последний визит:
Вс, 10 Мар 2013 17:02:23

Rion Leonheart
Благодарствую!

0

Поделиться800Сб, 8 Окт 2011 17:38:46

Автор: Ангел-Хранитель
Заслуженный
Зарегистрирован: Ср, 27 Июл 2011
Сообщений: 33
Уважение: 0
Позитив: +1
Последний визит:
Пт, 27 Сен 2019 23:59:24

При заказе таблиц от вас требуется:
1) http://savepic.su/258418.htm
2) http://bedtimestory.rusff.ru/
3) Стандартная таблица, без сложностей)

Отредактировано Ангел-Хранитель (Сб, 8 Окт 2011 17:39:13)

0

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

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

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

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

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

Сообщений 781 страница 800 из 1000

Поделиться781Чт, 6 Окт 2011 13:04:10

Поделиться782Чт, 6 Окт 2011 16:44:19

Поделиться783Пт, 7 Окт 2011 03:45:29

Поделиться784Пт, 7 Окт 2011 15:55:02

Поделиться785Пт, 7 Окт 2011 18:46:25

Поделиться786Пт, 7 Окт 2011 20:45:26

Поделиться787Пт, 7 Окт 2011 20:59:16

Поделиться788Пт, 7 Окт 2011 21:06:04

Поделиться789Пт, 7 Окт 2011 21:11:18

Поделиться790Пт, 7 Окт 2011 21:13:09

Поделиться791Пт, 7 Окт 2011 21:26:18

Поделиться792Пт, 7 Окт 2011 22:00:05

Поделиться793Сб, 8 Окт 2011 05:37:36

Поделиться794Сб, 8 Окт 2011 10:34:58

Поделиться795Сб, 8 Окт 2011 11:21:04

Поделиться796Сб, 8 Окт 2011 11:24:53

Поделиться797Сб, 8 Окт 2011 11:40:39

Поделиться798Сб, 8 Окт 2011 11:46:29

Поделиться799Сб, 8 Окт 2011 14:17:52

Поделиться800Сб, 8 Окт 2011 17:38:46