Соединение таблиц

Поделиться1Пт, 9 Мар 2012 16:56:23

Автор: viktosha
Заслуженный
Зарегистрирован: Ср, 4 Янв 2012
Сообщений: 29
Уважение: 0
Позитив: +2
Последний визит:
Вс, 12 Янв 2014 12:35:28

Код текущей таблицы на форуме:

Код:

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:640px;
height:263px;
background:transparent url(http://s017.radikal.ru/i424/1203/6e/b31eca9c3e79.jpg) no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:263px;
}
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://s017.radikal.ru/i435/1203/ee/c4b03672f870.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://s017.radikal.ru/i406/1203/4f/89b15b4963f8.jpg) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
</style>
<div id="slideshow" style="color:#000000;">
    <div id="slidesContainer">
      <div class="slide">
<b><h1 style="text-shadow:#f9f9f9 1px 1px 1px">         </h1></b>
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 33%; height: 90%;" align="center" valign="top">
<b><br/><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Администрация</h1>

<a href="http://fightsofpirates.f-rpg.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i524/1203/c0/ad662b14cbdf.jpg" width="60" height="60" border="0" alt="Sophy D`Arble"></a>
<a href="http://fightsofpirates.f-rpg.ru/profile.php?id=3"><img src="http://i014.radikal.ru/1203/a9/bf91043807ff.jpg" width="60" height="60" border="0" alt="Viktoria D`Arble"></a>

<br/><br/>

<b><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Модерация</h1>

<img src="http://s018.radikal.ru/i525/1203/c6/31f3e3b5f7f1.jpg"</img>

</b><br/><br/>

<object data="http://music.privet.ru/swf/mp3player.swf" type="application/x-shockwave-flash" height="55" width="170" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" ><param name="movie" value="http://music.privet.ru/swf/mp3player.swf"><param name="flashvars" value="autostart=false&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat20.privet.ru%2Fmp3%2F0c0aa2cf8eade717bae66dbce279fb18&type=mp3&id=397597934&callback=http://music.privet.ru/callback.php&backcolor=0xc2cacc&frontcolor=0x7386e6&lightcolor=0x30f250" /><embed src="http://music.privet.ru/swf/mp3player.swf" width="170" height="55" flashvars="autostart=false&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat20.privet.ru%2Fmp3%2F0c0aa2cf8eade717bae66dbce279fb18&type=mp3&id=397597934&callback=http://music.privet.ru/callback.php&backcolor=0xc2cacc&frontcolor=0x7386e6&lightcolor=0x30f250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

<br/><br/>

</td>
<td style="width: 33%;" align="center" valign="top">
<u><b><br/><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Добро пожаловать!</h1></b></u>
<br/><br/>
<div style="width: 100%; height: 209px; overflow-y: auto; border: 1px solid; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; font-family: 'Century Gothic';">

Дорогой странник! Уверяю тебя, ты попал на непростой форум, не на очередную RPG по уже надоевшим PotC! Это не простой форум, а целая гавань, в которой бросают якоря пираты всего мира, всех книг, фильмов и старинных баллад!*
</b><br/><br/>
*Навигация по объявлению осуществляется с помощью стрелок по бокам=>
</div>
</td>

<td style="width: 33%;" align="center" valign="top" rowspan="2">
<b><br/><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Лучший игрок недели</h1></b>

<img src="http://s11.radikal.ru/i183/1203/4c/6e50140a3d6d.jpg"</img>

<b><br/><br/><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Главный активист</h1></b>

<img src="http://s11.radikal.ru/i183/1203/4c/6e50140a3d6d.jpg"</img>

</td>
</tr>

</table>
      </div>
<div class="slide">
<b><h1 style="text-shadow:#f9f9f9 1px 1px 1px"></h1></b>
<tr>
<td style="height: 10%;" align="center" colspan="2"><marquee style="height: 31px;">

<b><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Наши партнеры: </h1></b>
<a href="http://vocarolka.mybb.ru/"><img src="http://s017.radikal.ru/i413/1203/35/b3bbf846a601.gif" width="88" height="31" border="0" alt="World Vocaloid"></a>
</marquee></td>

<div xmlns="http://www.w3.org/1999/xhtml" style="width: 220px ! important; padding-left: 30px; height: 140px;" class="ScrolBlock">
<br/><b><br/><br/><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Навигация по форуму:</h1></b>
<form>
<select name="navigation" size="1">
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=16">Сюжет</option> 
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=11#p29">Кодекс</option> 
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=5#p6">Как написать ДХА</option>
<option value="http://fightsofpirates.f-rpg.ru/viewforum.php?id=20">Акции</option> 
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=15">Корабли</option>
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=4">Шаблон анкеты</option> 
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=25">Шаблон анкеты по акции</option> 
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=22">Занятые внешности</option> 
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=17">Заказ профиля</option>
<option value="fightsofpirates.f-rpg.ru/viewtopic.php?id=20">Заказ статуса</option>
<option value="http://fightsofpirates.f-rpg.ru/viewtopic.php?id=19">Готовые отношения</option>
</select>
<input type="button" name="button" value="Перейти" onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" class="but"/>
</form></url=http:></center>
<br/>
</div>

<b><br/><br/><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Дата и события:</h1></b>
6 марта 1623 года
</b><br/>
Игра ещё официально не открыта! Идёт разработка дизайна и сюжета, но регистрироваться уже можно!



</tr>
      </div>
<div class="slide" style="background-image: url(http://s017.radikal.ru/i424/1203/6e/b31eca9c3e79.jpg);">
<b><h1 style="text-shadow:#f9f9f9 1px 1px 1px"></h1></b>
<tr>
<td style="width: 33%; height: 90%;" align="center" valign="top">
<b><br/><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Дата и события</h1></b>

Текст

<br/><br/>

</td>
<td style="width: 33%;" align="center" valign="top">
<u><b><br/><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Погода</h1></b></u>
<br/><br/>

Текст

</td>
</tr>
</table>
      </div>
<div class="slide">
<b><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Четвертый слайд</h1></b>
      </div>
<div class="slide" style="background-image: url(http://s017.radikal.ru/i424/1203/6e/b31eca9c3e79.jpg);">
<b><h1 style="text-shadow:#f9f9f9 1px 1px 1px">Пятый слайд</h1></b>
      </div>
</div></div><!--End// Cлайдер-->

На втором слайде нужно поставить содержимое второго слайда вот этой таблицы:

Код:

<style>

 /*========  Экранная Таблица =========*/
#Tab_01 {
  position:relative;
  z-index:4;/**/
  border-collapse:collapse;
  border:#999395 0px solid!important;
  width:98%!important;
  height:269px;
   /*border-color:#000; */
  background-image: url(); /*http://s46.radikal.ru/i112/1011/36/d7ce20ebe0a6.jpg*/
  background-position:no-repeat;
}
#Tab_Ekr {
  width:98%!important;
  /*border:red 1px solid!important;*/
}
#Tab_Ekr td {
  border-collapse:collapse!important;
  /*border:red 0px solid!important;*/
  text-align:center;
}
#Ekr td{
  height:169px!important;
}
#title {
  height:20px!important;
  /*border:#000 0px solid!important;*/
}
#title div{
  display: none;
  /*margin-bottom:1%;*/
  position:relative;
  /*border:red 0px solid!important;*/
  max-width:98%;
  font-weight:bold!important;
  font-size:14px!important;

  text-align:center;
  text-align:center;
  vertical-align:center;
}
#Ekr div.Num1,#Ekr div.Num2,#Ekr div.Num3,#Ekr div.Num4{
  width:90%;
  height:167px!important;
  padding:2px;
  margin: 5px 7%;
  display: none;

  border:#7E4A4E 0px solid!important;/**/
  text-align:left;
}

#Ekr img{
  /*max-width:200px!important;*/
   max-height:150px!important;
  display:inline;
  float:left;
  padding:3px 4px 3px 0;
  text-align:right;
}

#vmeny,#vmeny td{
  background:;
  border:#AFA7AA 0px solid!important;
}

#prevnext,#prevnext td{
  background:;
  border:#999395 0px groove!important;/**/
 
  padding:0 65px;
}

/* Ограничение максимального размера превью */
/**/
#lightbox,#imageDataContainer,#hoverNav,#outerImageContainer{
  max-width:900px!important;
   max-height:680px!important;
}
#lightboxImage {
  max-width:880px!important;
   max-height:694px!important;
}   

.ScrolBlock { 
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 0px;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
width: 100%;
 }
</style>


<!-- ==========УКРАШАТЕЛЬСТВА============= -->

<style type="text/css"> /* Стиль первой буквы после тега <p> */
#Ekr p:first-letter,#Ekr .lipsum:first-letter,#Ekr ul li:first-child:first-letter {
    font-family: "Verdana", Times, serif!important; /* Гарнитура шрифта первой буквы */
    font-size: 100% !important; /* Размер шрифта первого символа */
    color: #A31B2E!important; /* Красный цвет текста */
}

#Ekr ul li a{color:#5D4B4B!important;
}
#Ekr ul li a:hover{color:#0555D3!important;
}
</style>

<center><table id="Tab_01" border="2" cellspacing="0" cellpadding="0">
         <tbody>
	   <tr>
<!--======&&& Экраные ТАБЛИЦЫ ======= -->
	      <td  width="100%" valign="bottom" height="199" colspan="8" style="height:199px!important;">

<div id="title"  alt="Блок экранных Заголовков" style="padding:0px;">
<!--======&&& Блок экранных Заголовков =================================== -->

<!-- &&&"Заголовок Экран 1-->
<div id="title_1" style="display: block;"></div>
<!-- &&&"Заголовок Экран 2-->
<div id="title_2" style=""><span style=font-weight:normal;font-size:11px;"></span></div>
<!--&&&//КОНЕЦ Экранных Заголовков-->

<!--========== &&&"Заголовки для Кнопок ==========-->
<!-- &&&"Заголовок Кнопка 1 Администрация -->
<div id="title_301" style=""><span style="text-shadow: #64625F 2px 2px 6px;color:#931829">Администрация</span></div>
<!-- &&&"Заголовок Кнопка 2 Правила Форума -->
<div id="title_302" style=""><span style="text-shadow: #64625F 2px 2px 6px;color:#931829">Правила Форума</span></div>
<!-- &&&"Заголовок Кнопка 3 Новости КПЦ -->
<div id="title_303" style=""><span style="text-shadow: #64625F 2px 2px 6px;color:#931829">Новости КПЦ</span></div>
<!-- &&&"Заголовок Кнопка 4 Полезные ссылки -->
<div id="title_304" style=";"><span style="text-shadow: #64625F 2px 2px 6px;color:#931829">Полезные ссылки</span></div>

<!--&&&//End Блок Экранных Заголовков--></div>

<table id="Tab_Ekr" align="center" width="25%" border="0" cellspacing="0" cellpadding=0">
         <tbody>
	   <tr id="Ekr"><!-- &&&"Экран-Контент -->


<!-- &&&"Экран 1 --><td class="E1">

<div  class="Num1"  style="display: block;"><!--1Конт 1 -->
<div class="ScrolBlock" style="scrollbar-face-color: #A58C6D; scrollbar-highlight-color: #AF9E84; scrollbar-shadow-color: #B19F88;scrollbar-3dlight-color: #C9BCA2;scrollbar-arrow-color: #F2F0C4; scrollbar-track-color: #C9BCA2; scrollbar-darkshadow-color: #6C5840; width:220px!important;padding-left:30px; height:140px;">
<center><font color=2c2e73><b>Новости</b></font>
<url=http://spinthebottle.f-rpg.ru/> МЫ ПЕРЕЕХАЛИ>>>>http://spinthebottle.f-rpg.ru<<<<</url> 
<br><font color=2c2e73><b>Ссылки</b></font>
<br><form>
<select size="1" name="navigation">
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=67">Сюжет</option> 
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=41">Кодекс</option> 
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=5">Как написать ДХА</option>
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=148#">Биржа персонажей</option> 
<option value="http://spinthebottle.rolka.su/viewforum.php?id=4">Аукцион</option>
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=160">Корабли</option>
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=8">Шаблон анкеты</option> 
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=66">Занятые внешности</option> 
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=52">Заказ профиля</option>
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=48">Запись на корабли</option>
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=56#">Статус</option>
<option value="http://spinthebottle.rolka.su/viewtopic.php?id=53">Готовые отношения</option>
</select>
<input class="but" onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" value="Перейти" type="button" name="button">
</form></center>
<br>
</div>
<!--//End//1Конт 1 --></div>

	      </td>
	      <td class="E1">

<div  class="Num2" style="display: block;"><!--1Конт 2 -->
<div class="ScrolBlock style="scrollbar-face-color: #A58C6D; scrollbar-highlight-color: #AF9E84; scrollbar-shadow-color: #B19F88;scrollbar-3dlight-color: #C9BCA2;scrollbar-arrow-color: #F2F0C4; scrollbar-track-color: #C9BCA2; scrollbar-darkshadow-color: #6C5840;
width:220px!important;padding-left:30px; height:140px;">

<b><font color=2c2e73><b>Администрация</b></font></b>
<center><br><a href="http://spinthebottle.rolka.su/profile.php?id=2" title="Hector Barbossa" target="top_">
<img src="http://s48.radikal.ru/i119/1109/f6/d79c94e43469.png" alt="Hector Barbossa" border="0" width="50" height="50"></a> <a href="http://spinthebottle.rolka.su/profile.php?id=3" title="Leila Reyes" target="top_">
<img src="http://s015.radikal.ru/i332/1109/a4/253189c614bc.png" alt="Leila Reyes" border="0" width="50" height="50"></a></br></center>
<br><right><font color=2c2e73><b>Модерация</b></font></right>
<center><br><a href="http://spinthebottle.rolka.su/profile.php?id=35" title="Theodore Groves" target="top_">
<img src="http://s11.radikal.ru/i183/1109/24/2fa01af52b2e.png" alt="Theodore Groves" border="0" width="33" height="33"></a>  <img src="http://forumupload.ru/uploads/000f/9d/c3/3540-4.png"alt="Ты?" border="0" width="33" height="33"> <img src="http://forumupload.ru/uploads/000f/9d/c3/3540-4.png"alt="Ты?" border="0" width="33" height="33"></center>
</div>
<!--//End//1Конт 3 --></div>

	      </td>


</td><!-- &&&"/End/Экран 1 -->


<!-- &&&"Экран 2 --><td class="E2">


<div  class="Num1"  style=""><!--1Конт 1 -->
<center><font color=2c2e73><b>Время</b></font>
<br>1737 год, середина мая. Полдень.
<br><font color=2c2e73><b>Погода</b></font>
<br>День предвещает быть пасмурным, вот-вот начнется дождь. Но не унываем, ртуть остановилась у штриха ровно в 37 градусов. Наслаждаемся тропиками!</center>


<!--//End//1Конт 1 --></div>

	      </td>
	      <td class="E2">

<div  class="Num2" style=""><!--1Конт 2 -->
<center><font color=2c2e73><b>События в игре</b></font>
<br>
Джек Воробей прибыл на Тортугу и собирает команду для нового приключения.
Гектор Барбосса вывел "Месть королевы Анны" в открытое море и держит курс к неизведанному...</center>
<!--//End//1Конт 2 --></div>

	      </td>
	      <td class="E2">

<div  class="Num3" style=""><!--1Конт 3 -->
<center><font color=2c2e73><b>Поднимаем рейтинг</b></font>
<br><a href="http://top.roleplay.ru/14198" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>    
<br><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=12851' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=12851&cid=counter2007_6.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=12851&cid=counter2007_6.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>  
</center>
<!--//End//1Конт 3 --></div>

	      </td>
	      
<!-- &&&"/End/Экран 2 -->


<!-- +++++++++++++++++++++++++ ТУТ МОЖНО ДОБАВИТЬ ОЧЕРЕДНОЙ ЭКРАН === -->



<!-- &&&"//End/Контент  Экранов -->
<!-- ======= "Экраны для встроенных Кнопок ====== -->

<!-- &&&"Экран Администрация Кнопка 1--><td class="E301">

<div  class="Num1"  style=""><!--1Конт 1 -->
<img rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент1 Кнопки 1 

<!--//End//1Конт 1 --></div>

	      </td>
	      <td class="E301">

<div  class="Num2" style=""><!--1Конт 2 -->
<img rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент2 Кнопки 1 


<!--//End//1Конт 2 --></div>

	      </td>
	      <td class="E301">

<div  class="Num3" style=""><!--1Конт 3 -->
<img  rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент3 Кнопки 1 


<!--//End//1Конт 3 --></div>

	      </td>
	      <td class="E301">

<div class="Num4" style=""><!--1Конт 4 -->
<img  rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент4 Кнопки 1


<!--//End//1Конт 4 --></div>

</td><!-- &&&"/End/"Экран Администрация 1 -->



<!-- &&&"Экран Правила Кнопка 2--><td class="E302">

<div  class="Num1"  style=""><!--2Конт 1 -->
<img rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент1 Кнопки 2

<!--//End//2Конт 1 --></div>

	      </td>
	      <td class="E302">

<div  class="Num2" style=""><!--2Конт 2 -->
<img rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент2 Кнопки 2

<!--//End//2Конт 2 --></div>

	      </td>
	      <td class="E302">

<div  class="Num3" style=""><!--2Конт 3 -->
<img  rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент3 Кнопки 2

<!--//End//2Конт 3 --></div>

	      </td>
	      <td class="E302">

<div class="Num4" style=""><!--2Конт 4 -->
<img  rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент4 Кнопки 2

<!--//End//1Конт 4 --></div>

</td><!-- &&&"/End/Экран Правила -->

<!-- &&&"Экран Новости КПЦ Кнопка 3--><td class="E303">

<div  class="Num1"  style=""><!--3Конт 1 -->
<img rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент1 Кнопки 3

<!--//End//1Конт 1 --></div>

	      </td>
	      <td class="E303">

<div  class="Num2" style=""><!--3Конт 2 -->
<img rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент2 Кнопки 3 

<!--//End//2Конт 2 --></div>

	      </td>
	      <td class="E303">

<div  class="Num3" style=""><!--3Конт 3 -->
<img  rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент3 Кнопки 3

<!--//End//3Конт 3 --></div>

	      </td>
	      <td class="E303">

<div class="Num4" style=""><!--3Конт 4 -->
<img  rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент4 Кнопки 3

<!--//End//3Конт 4 --></div>

</td><!-- &&&"/End/Экран Новости КПЦ -->

<!-- &&&"Экран Полезные Ссылки Кнопка 4--><td class="E304">

<div  class="Num1"  style=""><!--4Конт 1 -->
<img rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент1 Кнопки 4

<!--//End//4Конт 1 --></div>

	      </td>
	      <td class="E304">

<div  class="Num2" style=""><!--4Конт 2 -->
<img rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент2 Кнопки 4

<!--//End//4Конт 2 --></div>

	      </td>
	      <td class="E304">

<div  class="Num3" style=""><!--4Конт 3 -->
<img  rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент3 Кнопки 4

<!--//End//4Конт 3 --></div>

	      </td>
	      <td class="E304">

<div class="Num4" style=""><!--4Конт 4 -->
<img  rel="lightbox" src="http://savepic.org/989425.jpg" width="160" />
Контент4 Кнопки 4


<!--//End//4Конт 4 --></div>

</td><!-- &&&"/End/Экран Полезные Ссылки -->


<!-- &&&"//End/Контент  Кнопок--></tr>
         </tbody>
	</table>

	      </td>
	   </tr>
	   <tr id="prevnext">
	      <td  id="prevtd" width="50%" height="23" valign="center" align="right" colspan="4">
<span  class=""><img id="prev" src="http://xmages.net/storage/10/1/0/9/d/upload/c29e3190.png"  /></span>
	      </td>
	      <td  id="nexttd" width="50%"  height="23" align="left" colspan=4>
<span class=""><img id="next" src="http://xmages.net/storage/10/1/0/a/1/upload/561ad42a.png"/></span>
	      </td>
	   </tr>
         </tbody>
	</table></center>


<!-- &&& Карусельный Скрипт -->
<script type="text/javascript">

jQuery(document).ready(function(){
var N_max=2 //  N_max - максимальное число показываемых экранов
var LH=80 
var L=480 // время свертывания - развертывания
var i=1 

jQuery('#nexttd').click(function () { // Кнопка: Следующий;
document.getElementById("prev").src='http://xmages.net/storage/10/1/0/7/4/upload/fbdcce07.png '
document.getElementById("next").src='http://xmages.net/storage/10/1/0/9/3/upload/86c535bb.png '
   jQuery("#title_"+i).hide();

s2 = "tr.#Ekr td.E"+i+">div.Num"
if (i>=300) i=0;
i++
if (i>N_max) i=1;
   jQuery("#title_"+i).fadeIn(L);
s = "tr.#Ekr td.E"+i+">div.Num"
 
 jQuery(s2+"4").hide();
 jQuery(s2+"3").hide();
 jQuery(s2+"2").hide();
 jQuery(s2+"1").hide(); 
 jQuery(s+"1").fadeIn(L);
 jQuery(s+"2").fadeIn(L);
 jQuery(s+"3").fadeIn(L);
 jQuery(s+"4").fadeIn(L);
});

jQuery('#prevtd').click(function () {    // Кнопка: Предыдущий;  
document.getElementById("next").src='http://xmages.net/storage/10/1/0/a/1/upload/62f9fb08.png'
document.getElementById("prev").src='http://xmages.net/storage/10/1/0/b/d/upload/f5355cac.png'
 jQuery("#title_"+i).hide();

s2 = "tr.#Ekr td.E"+i+">div.Num"
i--
if (i>=300) i = 1
if (i<=0) i=N_max;
 jQuery("#title_"+i).fadeIn(L);
s = "tr.#Ekr td.E"+i+">div.Num"

 jQuery(s2+"1").hide();
 jQuery(s2+"2").hide();
 jQuery(s2+"3").hide();
 jQuery(s2+"4").hide();
 jQuery(s+"4").fadeIn(L);
 jQuery(s+"3").fadeIn(L);
 jQuery(s+"2").fadeIn(L);
 jQuery(s+"1").fadeIn(L);
});

jQuery('tr.#vmeny td>.butCont').click(function () {  // Кнопки: Администрация; Правила; Новости; Навигация;
document.getElementById("next").src='http://xmages.net/storage/10/1/0/a/1/upload/62f9fb08.png'
document.getElementById("prev").src='http://xmages.net/storage/10/1/0/7/4/upload/fbdcce07.png '
  jQuery("#title_"+i).hide();

s2 = "tr.#Ekr td.E"+i+">div.Num"
  i = jQuery(this).attr("id")
 jQuery("#title_"+i).fadeIn(L);
s = "tr.#Ekr td.E"+i+">div.Num"

  
 jQuery(s2+"1").hide();
 jQuery(s2+"2").hide();
 jQuery(s2+"3").hide();
 jQuery(s2+"4").hide();
 jQuery(s+"4").fadeIn(L);
 jQuery(s+"3").fadeIn(L);
 jQuery(s+"2").fadeIn(L);
 jQuery(s+"1").fadeIn(L);
});

});
</script>
<!--============== End//Fotogallere/Info block =========== --></center>
</div>
	</div>
</div>

Что-то никак не получается подогнать... Поможете?

0

Поделиться2Пт, 9 Мар 2012 17:02:41

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

viktosha
Стрелки - не понравились - их жа можно поставить на прозрачку - произвольныя

0

Поделиться3Пт, 9 Мар 2012 17:04:29

Автор: viktosha
Заслуженный
Зарегистрирован: Ср, 4 Янв 2012
Сообщений: 29
Уважение: 0
Позитив: +2
Последний визит:
Вс, 12 Янв 2014 12:35:28

Deff
Код второй таблицы пришлось с трудом выдирать из страницы другого форума(( Может, поэтому?

0

Поделиться4Пт, 9 Мар 2012 17:11:14

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

viktosha
Вряд ли - данный скрипт сладера - конфликтит со скриптом таблицы от слайдшоу

(Скорее можно сделать наоборот, слайдер воткнуть в таблицу от слайд шоу

Отредактировано Deff (Пт, 9 Мар 2012 17:11:56)

0

Поделиться5Пт, 9 Мар 2012 17:14:52

Автор: viktosha
Заслуженный
Зарегистрирован: Ср, 4 Янв 2012
Сообщений: 29
Уважение: 0
Позитив: +2
Последний визит:
Вс, 12 Янв 2014 12:35:28

Deff
оО [ничего] не врубаюсь...
Вообще... с самого-самого начала хотелось добиться следующего:
Взять вторую таблицу; на первый слайд поставить содержимое первого слайда первой таблицы, предварительно подогнав его под вторую таблицу, т.к. она шире; второй слайд второй таблицы оставить прежним.
Нда, конечно, я требую слишком много... Просто в кодах разбираюсь кое-как...

0

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

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

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