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

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

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


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


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

Сообщений 321 страница 340 из 1000

321

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

Т. е. при нажатии на кнопку от нее вверх всплывает сразу 6 окошечек?? Не много?

нет, это выглядит примерно так
http://uploads.ru/i/S/2/I/S2Ilk.png
только картинку 3 на 3 см)

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

Плз, уточните тогда высоту таблицы (желательно в пикселях), и еще:

где-то 305
http://uploads.ru/i/y/h/Y/yhYzx.png это все считать за один

0

322

Ангора, ну тогда примерно вот так:

Код:
<style type="text/css">
.scroll {
 overflow: hidden;
 overflow: auto;
 height: 228px;
}
</style>

<table border="0" width="100%" height="570">

<tr align="center" height="171">

<td width="20%">

Часы/календарь

</td>
<td width="60%">

<table>
<tr height="17">
<td><marquee>Текст бегущей строки</marquee></td>
</tr>

<tr height="154">
<td>

<b>
<script type="text/javascript">
 <!--
 var h=(new Date()).getHours();
 if (h > 23 || h < 7) document.write("Доброй ночи!");
 if (h > 6 && h < 12) document.write("С добрым утром!");
 if (h > 11 && h < 19) document.write("Добрый день!");
 if (h > 18 && h < 24) document. write("Добрый вечер!");
 -->
 </script>
</b> Добро пожаловать к нам!
<br>
<script language="JavaScript">
d0 = new Date(' January 15, 2010 ');
d1 = new Date();
tl = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('        Наш форум живет                  <b>' + Math.round(tl) + '</b>-й день.');
</script>

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

</td>

<td width="20%">

Часы/календарь

</td>

</tr>

<tr height="228" align="center">
<td>
<div class="scroll">
Текст 1
</div>
</td>

<td>

<table>
<tr height="182">
<img src="ссылка на картинку">
</tr>
<tr height="46">
<td><a href="ссылка на тему">Баннерообмен</a></td>
</tr>
</table>

</td>

<td>
<div class="scroll">
Текст 2
</div>
</td>
</tr>

<tr height="171" align="center">
<td colspan="3">
Текст приветствия
</td>
</tr>

</table>

:question:

0

323

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

когда я ставлю таблицу, у меня перестает работать вот этот скрипт

:glasses:
Найдите в HTML низ код и уберите красную строку!

<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

324

cruzo, в разработке)

Отредактировано Rion Leonheart (Пт, 26 Авг 2011 20:51:10)

0

325

Rion Leonheart  :glasses: Есть вот такая кучка готовых табличек:(правда там встречаюца и не таблички ( но не сильно много

http://hostjs-mybb2011.narod.ru/Title.htm

Отредактировано Deff (Пт, 26 Авг 2011 20:01:03)

0

326

Deff, изучим на досуге) спс)  ;)

0

327

cruzo, вот, наимпровизировал:

Спасибо Deff

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 113px; background: transparent; padding: 5px; z-index: 1000; margin-top: -113px; margin-right: -100px; border: 1px solid #000000; font-size: 12px; font-family: Times New Roman; text-align: center;}
} /* Конец Стиля всплывающего меню */
</style>

<style type="text/css">
.scroll {
 overflow: hidden;
 overflow: auto;
 height: 192px;
}
</style>

<table width="100%" height="305" border="0">

<tr>
<td align="center" width="60%">
<img src="ссылка на картинку">
</td>
<td align="center" width="40%">
<div class="scroll">
Текст
</div>
</td>
</tr>

<tr height="226">
<td valign="center" align="center" colspan="2">

<table>
<tr>

<td>

<DIV>
          <div class=splLink><img valign="bottom" src="картинка 3х3см"></div>

<DIV style="DISPLAY: none; position: absolute; margin-left: -343px;" class=splCont>

Контент 1
</DIV>

<DIV style="DISPLAY: none; position: absolute; margin-left: -202px;" class=splCont>

Контент 2
</DIV>

<DIV style="DISPLAY: none; position: absolute; margin-left: -65px;" class=splCont>

Контент 3
</DIV>

<DIV style="DISPLAY: none; position: absolute; margin-left: 65px;" class=splCont>

Контент 4
</DIV>

<DIV style="DISPLAY: none; position: absolute; margin-left: 202px;" class=splCont>

Контент 5
</DIV>

<DIV style="DISPLAY: none; position: absolute; margin-left: 343px;" class=splCont>

Контент 6
</DIV>
</DIV>
</td>

</tr>
</table>

</td>
</tr>

</table>

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

:question:

0

328

Rion Leonheart
можно высоту поменьше, если не трудно? а то большая получилась :blush:

0

329

Ангора, а можно поточнее - насколько меньше?)

0

330

Ангора, обращайте внимание на выделенное красным:

<style type="text/css">
.scroll {
overflow: hidden;
overflow: auto;
height: 228px; - высота столбцов с прокруткой должна совпадать с высотой второй строки таблицы!
}
</style>

<table border="0" width="100%" height="570"> - общая высота всей таблицы

<tr align="center" height="171"> общая высота первой строки

<td width="20%">

Часы/календарь

</td>
<td width="60%">

<table>
<tr height="17"> высота ячейки с бегущей строкой
<td><marquee>Текст бегущей строки</marquee></td>
</tr>

<tr height="154"> высота ячейки под бегущей строкой
<td>

<b>
<script type="text/javascript">
<!--
var h=(new Date()).getHours();
if (h > 23 || h < 7) document.write("Доброй ночи!");
if (h > 6 && h < 12) document.write("С добрым утром!");
if (h > 11 && h < 19) document.write("Добрый день!");
if (h > 18 && h < 24) document. write("Добрый вечер!");
-->
</script>
</b> Добро пожаловать к нам!
<br>
<script language="JavaScript">
d0 = new Date(' January 15, 2010 ');
d1 = new Date();
tl = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('        Наш форум живет                  <b>' + Math.round(tl) + '</b>-й день.');
</script>

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

</td>

<td width="20%">

Часы/календарь

</td>

</tr>

<tr height="228" align="center"> общая высота второй строки таблицы
<td>
<div class="scroll">
Текст 1
</div>
</td>

<td>

<table>
<tr height="182"> высота ячейки с картинкой
<img src="ссылка на картинку">
</tr>
<tr height="46"> высота ячейки со ссылкой на баннерообмен
<td><a href="ссылка на тему">Баннерообмен</a></td>
</tr>
</table>

</td>

<td>
<div class="scroll">
Текст 2
</div>
</td>
</tr>

<tr height="171" align="center"> общая высота третьей строки таблицы
<td colspan="3">
Текст приветствия
</td>
</tr>

</table>

Подгоняйте под нужные вам размеры. Высота указывается в пикселях  http://forumupload.ru/uploads/0000/14/1c/346394-1.gif

0

331

Rion Leonheart
ага, сейчас попробую подогнать :)

0

332

Rion Leonheart
что-то не очень получается... %-)

0

333

Ангора, что именно не получается? ?

Отредактировано Rion Leonheart (Сб, 27 Авг 2011 02:19:53)

0

334

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

что именно не получается?

высоту общую поменять таблицы...

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

Вставьте код с уже заполненной вами таблицей?

да, я еще толком ничего не заполнила, все с высотой мучилась :tired:

0

335

Ангора, ну тогда попробуйте так:

Код:
<style type="text/css">
.scroll {
 overflow: hidden;
 overflow: auto;
 height: 200px;
}
</style>

<table border="0" width="100%" height="100%">

<tr align="center" height="33%">

<td width="20%">

Часы/календарь

</td>
<td width="60%">

<table>
<tr height="10%">
<td><marquee>Текст бегущей строки</marquee></td>
</tr>

<tr height="90%">
<td>

<b>
<script type="text/javascript">
 <!--
 var h=(new Date()).getHours();
 if (h > 23 || h < 7) document.write("Доброй ночи!");
 if (h > 6 && h < 12) document.write("С добрым утром!");
 if (h > 11 && h < 19) document.write("Добрый день!");
 if (h > 18 && h < 24) document. write("Добрый вечер!");
 -->
 </script>
</b> Добро пожаловать к нам!
<br>
<script language="JavaScript">
d0 = new Date(' January 15, 2010 ');
d1 = new Date();
tl = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('        Наш форум живет                  <b>' + Math.round(tl) + '</b>-й день.');
</script>

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

</td>

<td width="20%">

Часы/календарь

</td>

</tr>

<tr height="40%" align="center">
<td>
<div class="scroll">
Текст 1
</div>
</td>

<td>

<table>
<tr height="80%">
<img height="100%" width="100%" src="ссылка на картинку">
</tr>
<tr height="20%">
<td><a href="ссылка на тему">Баннерообмен</a></td>
</tr>
</table>

</td>

<td>
<div class="scroll">
Текст 2
</div>
</td>
</tr>

<tr height="20%" align="center">
<td colspan="3">
Текст приветствия
</td>
</tr>

</table>

http://forumupload.ru/uploads/0000/14/1c/346394-1.gif

+2

336

Rion Leonheart,да, так лучше спасибо http://mybb.ru/f/collection/0211.gif Думаю потом еще вопросы будут. ^^

0

337

Ангора :glasses: Дайте ссылку на форум - так будет в три раза побыстрее!

Табличка на одновременное всплытие 6-ти всплывающих Окон

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 113px; background: transparent; padding: 5px; z-index: 1000; margin-top: -113px; margin-right: -100px; border: 1px solid #000000; font-size: 12px; font-family: Times New Roman; text-align: center;}
} /* Конец Стиля всплывающего меню */
</style>

<style type="text/css">
.scroll {
 overflow: hidden;
 overflow: auto;
 height: 192px;
}
</style>

<center><table width="100%" height="305" border="1">

<tr valign="center" align="center">
<td  width="60%">
<img src="ссылка на картинку">
</td>
<td align="center" width="40%">
<div class="scroll">
Текст
</div>
</td>
</tr>

<tr height="226">
<td valign="center" align="center" colspan="2">

<table width="90%"  border="1">
<tr style="height:13px;" valign=top align=left>

<td width=16.7%>

<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1
</DIV>

</td>
<td width=16.7%>

<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2
</DIV>

</td>
<td width=16.7%>

<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3
</DIV>

</td>
<td width=16.7%>

<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 4
</DIV>

</td>
<td width=16.7%>


<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 5
</DIV>

</td>
<td width=16.7%>


<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 6
</DIV>

</td>

</tr>
<tr  valign=center align=center> 
<td colspan=6>
          <div class=splLink><img valign="bottom" src="картинка 3х3см"></div>
</td>
</tr>
</table>

</td>
</tr>

</table></center>

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

:glasses: После установки и настройки - Ищем два этих тега

<table width="100%" height="305" border="1">
<table width=90%  border="1">

меняем 1 на 0

Отредактировано Deff (Пт, 26 Авг 2011 23:26:29)

0

338

Rion Leonheart
спасибо большое, выручили)

0

339

Deff
вот ссылка http://proverkadogscats9.mybb.ru/
Все понятно, только часы под календарь становятся и все тут (ничего не могу сделать, пробовала часы разных размеров все равно не помогает).

Отредактировано Ангора (Пт, 26 Авг 2011 23:38:07)

0

340

Rion Leonheart
что-то не так xD
может я глупая неправильно объяснила, но эти 6 ячеек должны выглядеть типа этого - http://uploads.ru/i/t/i/C/tiC8G.png

0


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