На краю Вселенной

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

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

Вы здесь » На краю Вселенной » Для гостей » Другое.

Другое.

Страница: 1

Сообщений 1 страница 5 из 5

1

  • Автор: Рейнарин
  • Администратор
  • Рейнарин
  • Зарегистрирован: 2010-01-19
  • Приглашений: 0
  • Сообщений: 59
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    6 часов 21 минуту
  • Последний визит:
    2020-03-01 09:14:54

Если вас интересует что-то другое.

0

2

  • Автор: Рейнарин
  • Администратор
  • Рейнарин
  • Зарегистрирован: 2010-01-19
  • Приглашений: 0
  • Сообщений: 59
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    6 часов 21 минуту
  • Последний визит:
    2020-03-01 09:14:54

[html]<ul class="s-tabs">
    <span>        <br>               </span><span> 2 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 3 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 4 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 5 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 6 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 7 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><br><span> 1 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 2 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 3 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 4 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 5 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 6 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span><span> 7 июня<img src="https://funkyimg.com/i/2XLYJ.png"><br>+170C/+120C</span>
    <li class="stab">
   <b>блабла</b>
    </li>
    <li class="stab">
   <b>бла</b>
    </li>
    <li class="stab">
  <b>блаблабла</b>
    </li>
<li class="stab">
   <b>блаблаблаа</b>
    </li>
    <li class="stab">
   <b>блааааа</b>
    </li>
    <li class="stab">
  <b>бдлада</b>
    </li>
    </ul>
<ul class="s-tabs">
<script type="text/javascript">
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').eq(0).show();   
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();   
});
</script>[/html]

0

3

  • Автор: Рейнарин
  • Администратор
  • Рейнарин
  • Зарегистрирован: 2010-01-19
  • Приглашений: 0
  • Сообщений: 59
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    6 часов 21 минуту
  • Последний визит:
    2020-03-01 09:14:54

[html]<table id="tab2" class="tbl-0" border="0">
    <tr>
    <td class="butt" valign=center height=40>   <!-- Секция кнопок -->
    <img width="195" data="tab-1,http://s2.uploads.ru/Eu9Vt.png"  src="/i/blank.gif" class="active"/>
    <img width="238" data="tab-2,http://s2.uploads.ru/IR1f9.png"  src="/i/blank.gif"/>
    <img width="135" data="tab-3,http://s3.uploads.ru/SolKv.png"  src="/i/blank.gif"/>
    <img width="200" data="tab-4,http://s2.uploads.ru/HeSUV.png"  src="/i/blank.gif"/>
    </td>
    </tr>
    <tr>
    <td  class="content" align=center>
    <!-- Контейнер контента 1-й кнопки -->
    <div id="tab-1" class="tab-content"  style="display:block;">

    Контент 1-й кнопки

    </div>

    <!-- Контейнер контента 2-й кнопки -->
    <div id="tab-2" class="tab-content">

    Контент 2-й кнопки

    </div>

    <!-- Контейнер контента 3-й кнопки -->
    <div id="tab-3" class="tab-content">

    Контент 3-й кнопки

    </div>

    <!-- Контейнер контента 4-й кнопки -->
    <div id="tab-4" class="tab-content">

    Контент 4-й кнопки

    </div>

    </td>
    </tr>
    </table><script>$("#tab2").switch_tabs()</script>
<script type="text/javascript">
$.fn.switch_tabs = function() {
  var tbl = this,knopK = $("img[data^='tab']",tbl);
  knopK.each(function(){
    var arr = $(this).attr('data').split(",");
    $(this).css("background-image","url("+arr[1]+")")
  }); knopK.css("background-position","120% 10000px")
      knopK.css("background-repeat","no-repeat")

  knopK.click(function(){
    knopK.removeClass('active');
    $(this).addClass('active');
    var arr = $(this).attr('data').split(",");
    tbl.css("background-image","url("+arr[1]+")")
    $(".tab-content",tbl).hide();
    $("#"+arr[0]+"",tbl).show();
  });
}
</script>[/html]

0

4

  • Автор: Рейнарин
  • Администратор
  • Рейнарин
  • Зарегистрирован: 2010-01-19
  • Приглашений: 0
  • Сообщений: 59
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    6 часов 21 минуту
  • Последний визит:
    2020-03-01 09:14:54

[html]<div class="spoilertop" onClick="openClose('1')">
  <img src="https://funkyimg.com/i/2XLYJ.png">
  </div>
  <div class="spoilerbox" id="1" style="display:none;">
  21232
  </div>
<script language="JavaScript" type="text/javascript">
  function openClose(id)
  {
  var obj = "";

  // Check browser compatibility
  if(document.getElementById)
  obj = document.getElementById(id).style;
  else if(document.all)
  obj = document.all[id];
  else if(document.layers)
  obj = document.layers[id];
  else
  return 1;

  // Do the magic :)
  if(obj.display == "")
  obj.display = "none";
  else if(obj.display != "none")
  obj.display = "none";
  else
  obj.display = "block";
  }
  </script>[/html]

0

5

  • Автор: Рейнарин
  • Администратор
  • Рейнарин
  • Зарегистрирован: 2010-01-19
  • Приглашений: 0
  • Сообщений: 59
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    6 часов 21 минуту
  • Последний визит:
    2020-03-01 09:14:54

[html]<table border="0" background="http://sd.uploads.ru/t/gkdYy.jpg" width="100%">
<tr>
  <td><p style="font-family:book-antiqua;
font-size:20px; color:#c6d3db" align="center"><strong>KITSAULT WEATHER</strong></p></td> </tr>
<tr><td><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>июнь, 2017</strong></p></td>
</tr>
</table>
<table border="0px" width="100%">
<tr>
  <td align="center"><img src="https://funkyimg.com/i/2XM3m.png"> <img src="https://funkyimg.com/i/2XM3k.png"></td></tr>
</table>
<table border="0"width="100%">
<tr background="http://sd.uploads.ru/t/gkdYy.jpg" >
  <td><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>ПН</strong></p></td>
  <td><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>ВТ</strong></p></td>
  <td><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>СР</strong></p></td>
  <td><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>ЧТ</strong></p></td>
  <td><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>ПТ</strong></p></td>
  <td><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>СБ</strong></p></td>
  <td><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>ВС</strong></p></td>
</tr>
<tr>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#000000" align="center"><strong>1 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#000000" align="center"><strong>1 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#000000" align="center"><strong>1 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>1 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>2 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>3 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>4 ИЮНЯ</strong></p></td>
</tr>
<tr>
  <td><p style="font-family:book-antiqua;
font-size:15px; align="center"><strong><pre>      </pre></strong></p></td>
  <td><p style="font-family:book-antiqua;
font-size:15px; align="center"><strong><pre>      </pre></strong></p></td>
  <td><p style="font-family:book-antiqua;
font-size:15px; align="center"><strong><pre>      </pre></strong></p></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('1')">
  <center><img src=https://funkyimg.com/i/2XLW1.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="1" style="display:none;">
<center><strong>+19<sup>0</sup>C/+14<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('2')">
  <center><img src=https://funkyimg.com/i/2XLVW.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="2" style="display:none;">
<center><strong>+17<sup>0</sup>C/+14<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('3')">
  <center><img src=https://funkyimg.com/i/2XLVW.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="3" style="display:none;">
<center><strong>+16<sup>0</sup>C/+12<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('4')">
  <center><img src=https://funkyimg.com/i/2XLVV.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="4" style="display:none;">
<center><strong>+15<sup>0</sup>C/+10<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦
♦
♦<pre> </div></td>
</tr>
<tr>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#000000" align="center"><strong>5 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#000000" align="center"><strong>6 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#000000" align="center"><strong>7 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>8 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>9 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>10 ИЮНЯ</strong></p></td>
  <td bgcolor="#000000"><p style="font-family:book-antiqua;
font-size:15px; color:#c6d3db" align="center"><strong>11 ИЮНЯ</strong></p></td>
</tr>
<tr>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('5')">
  <center><img src=https://funkyimg.com/i/2XLW1.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="5" style="display:none;">
<center><strong>+19<sup>0</sup>C/+14<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('6')">
  <center><img src=https://funkyimg.com/i/2XLW1.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="6" style="display:none;">
<center><strong>+19<sup>0</sup>C/+14<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦ Джеймс подвёз Эстер;
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('7')">
  <center><img src=https://funkyimg.com/i/2XLW1.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="7" style="display:none;">
<center><strong>+19<sup>0</sup>C/+14<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('8')">
  <center><img src=https://funkyimg.com/i/2XLW1.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="8" style="display:none;">
<center><strong>+19<sup>0</sup>C/+14<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦ Бухло и туман (начало);
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('9')">
  <center><img src=https://funkyimg.com/i/2XLVW.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="9" style="display:none;">
<center><strong>+17<sup>0</sup>C/+14<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦ Бухло и туман (конец);
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('10')">
  <center><img src=https://funkyimg.com/i/2XLVW.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="10" style="display:none;">
<center><strong>+16<sup>0</sup>C/+12<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦
♦
♦<pre> </div></td>
  <td><!--Шапка спойлера-->
  <div class="spoilertop" onClick="openClose('11')">
  <center><img src=https://funkyimg.com/i/2XLVV.png></center>
  </div>
  <!--Содержание спойлера-->
  <div class="spoilerbox" id="11" style="display:none;">
<center><strong>+15<sup>0</sup>C/+10<sup>0</sup>C</strong>
<p style="font-size:15px"><strong>СОБЫТИЯ</strong></p></center>
<pre>♦
♦
♦<pre> </div></td>
</tr></table>
<script language="JavaScript" type="text/javascript">
  function openClose(id)
  {
  var obj = "";

  // Check browser compatibility
  if(document.getElementById)
  obj = document.getElementById(id).style;
  else if(document.all)
  obj = document.all[id];
  else if(document.layers)
  obj = document.layers[id];
  else
  return 1;

  // Do the magic :)
  if(obj.display == "")
  obj.display = "none";
  else if(obj.display != "none")
  obj.display = "none";
  else
  obj.display = "block";
  }
  </script>[/html]

0

Страница: 1

Вы здесь » На краю Вселенной » Для гостей » Другое.