concoction

Объявление

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

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

Вы здесь » concoction » ХТМЛ и журнал » Magazine ¤i¤ ¤i¤

Magazine ¤i¤ ¤i¤

Страница: 1

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

1

  • Автор: concoction
  • статус-хератус и прочие новости для глупеньких и а
  • concoction
  • Имя, возраст: Имя, 20
  • Личное: ссылки-текст
  • О персонаже: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu
  • Сообщений: 1040
  • Уважение: +0

[hideprofile]http://s5.uploads.ru/L3Y2f.png
[html]<!--HTML-->
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {

$(".tab_content").hide();
$("ul.tabs li:first").addClass("passive").show();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});

});
</script>

<style>
#menu span {
    background: #aa7285 none repeat scroll 0 0;
    border: 3px solid #aa7285;
    b-order-radius: 15px !important;
    margin-left: 0;
    width: 100px;
z-index: 10;
position: relative;
line-height: 2;
}

#menu .tabactive {
color: #2662DF;
background:#;
}

#submenu {
    height: 1px;
    margin-left: 63px;
    margin-top: 0;
    padding: 0;
    text-align: left;
    width: 600px;
margin-top: -24px;
}

.submenutext {
text-align: center;
background-image: url("-");
position:absolute;
width:100%;
max-width: 620px;
display: none;
height: 780px!important;
z-index: 1;
margin-left: 60px;
}

.punbb {
    margin-left: 0px !important; }
</style>

<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").css({"z-index":"-1;"})
  var activeDiv = $(this).attr("alt");
  $("div."+activeDiv).css({"z-index":"1"})
  $("td.#MenuTxT div.submenutext").hide(1200);
  $("div."+activeDiv).show(2200);
  return false; });
});
</script>

<center><table style="width: 880px;">
<tbody>
  <tr>
   <td align="center">
<div id="menu" style="width: 734px; z-index: 10; margin-left: -43px;"> <b>
<span alt="#sm1" "style="cursor: pointer;"><a style="color: rgb(0, 0, 0);" href="#tab1">Обложка</a></span>
<span alt="#sm2" "style="cursor: pointer;"><a href="#tab2">2</a></span>
<span alt="#sm3" "style="cursor: pointer;"><a href="#tab3">3</a></span>
<span alt="#sm4" "style="cursor: pointer;"><a href="#tab4">4</a></span>
<span alt="#sm5" "style="cursor: pointer;"><a href="#tab5">5</a></span>
<span alt="#sm6" "style="cursor: pointer;"><a href="#tab6">6</a></span>
<span alt="#sm7" "style="cursor: pointer;"><a href="#tab7">7</a></span>
<span alt="#sm8" "style="cursor: pointer;"><a href="#tab8">8</a></span>
<span alt="#sm9" "style="cursor: pointer;"><a href="#tab9">9</a></span>
<span alt="#sm10" "style="cursor: pointer;"><a href="#tab10">10</a></span>
<span alt="#sm11" "style="cursor: pointer;"><a href="#tab2">11</a></span>
<span alt="#sm12" "style="cursor: pointer;"><a href="#tab3">12</a></span>
<span alt="#sm13" "style="cursor: pointer;"><a href="#tab4">13</a></span>
<span alt="#sm14" "style="cursor: pointer;"><a href="#tab5">14</a></span>
<span alt="#sm15" "style="cursor: pointer;"><a href="#tab6">15</a></span>
<span alt="#sm16" "style="cursor: pointer;"><a href="#tab7">16</a></span>
<span alt="#sm17" "style="cursor: pointer;"><a href="#tab8">17</a></span>
<span alt="#sm18" "style="cursor: pointer;"><a href="#tab10">18</a></span>
<span alt="#sm19" "style="cursor: pointer;"><a href="#tab2">19</a></span>
<span alt="#sm20" "style="cursor: pointer;"><a href="#tab3">20</a></span>
<span alt="#sm21" "style="cursor: pointer;"><a href="#tab4">21</a></span>
<span alt="#sm22" "style="cursor: pointer;"><a href="#tab5">22</a></span>
<span alt="#sm23" "style="cursor: pointer;"><a href="#tab6">23</a></span>
<span alt="#sm24" "style="cursor: pointer;"><a href="#tab7">24</a></span>
<span alt="#sm25" "style="cursor: pointer;"><a href="#tab8">25</a></span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td valign="top" id="MenuTxT" style="height: 770px;">
    <div id="submenu" width="100%">

     <div id="sm1" class="submenutext" style="display: block;">
<br><br>
<img width="600" height="750" src="https://image.ibb.co/m04Xyp/1.jpg" alt="Обложка" style="border: solid 10px #aa7285;">
</div>

     <div style="display: none;" id="sm2" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/ccMGOe/image.png" alt="Страница 2">
</div>

     <div style="display: none;" id="sm3" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/d35nUK/1.png" alt="Страница 3">
</div>

     <div style="display: none;" id="sm4" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/frKXyp/2.jpg" alt="4 страница">
</div>

     <div style="display: none;" id="sm5" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/iGTUte/1.png" alt="5 страница">
</div>

     <div style="display: none;" id="sm6" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/bto7eK/2.png" alt="6 страница">
</div>

     <div style="display: none;" id="sm7" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/ffeDKK/3.png" alt="7 страница">
</div>

     <div style="display: none;" id="sm8" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/dXk9te/4.png" alt="8 страница">
</div>

     <div style="display: none;" id="sm9" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/epjfzK/5.png" alt="9 cтраница">
</div>

     <div style="display: none;" id="sm10" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/n6yR6z/6.png" alt="10 страница">
</div>

<div style="display: none;" id="sm11" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/jSigr9/1.jpg" alt="11 страница">
</div>

<div style="display: none;" id="sm12" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/isPt4U/image.png" alt="12 страница">
</div>

<div style="display: none;" id="sm13" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/j1FuB9/1.jpg" alt="13 страница">
</div>

<div style="display: none;" id="sm14" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/fDmZB9/2.jpg" alt="14 страница">
</div>

<div style="display: none;" id="sm15" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/gyJ34U/3.jpg" alt="15 страница">
</div>

<div style="display: none;" id="sm16" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/bN4zdp/4.jpg" alt="16 страница">
</div>

<div style="display: none;" id="sm17" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/hf3gr9/5.jpg" alt="17 страница">
</div>

<div style="display: none;" id="sm18" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/jcLi4U/6.jpg" alt="18 страница">
</div>

<div style="display: none;" id="sm19" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/k1jMr9/3.jpg" alt="19 страница">
</div>

<div style="display: none;" id="sm20" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/fL1LjK/image.png" alt="20 страница">
</div>

<div style="display: none;" id="sm21" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/cUVrrz/image.png" alt="21 страница">
</div>

<div style="display: none;" id="sm22" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/enzZ19/image.jpg" alt="22 страница">
</div>

<div style="display: none;" id="sm23" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/bznyTp/2.jpg" alt="23 страница">
</div>

<div style="display: none;" id="sm24" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/gPhMg9/3.jpg" alt="24 страница">
</div>

<div style="display: none;" id="sm25" class="submenutext"><br><br>
<img width="600" height="750" src="https://image.ibb.co/m3Sudp/image.png" alt="25 страница">
</div>

</div>
   </td>
</tr>
</tbody>
</table></center>
[/html]
http://s5.uploads.ru/L3Y2f.png

https://orig00.deviantart.net/5cb5/f/2018/268/b/e/pumpkins_by_king_lulu_deer-db4jp94.gif

Ждем Ваших отзывов и комментариев (;
https://orig00.deviantart.net/50d8/f/2018/285/a/8/halloween_lights_pastel_by_king_lulu_deer-dcpai4t.gif

0

2

  • Автор: concoction
  • статус-хератус и прочие новости для глупеньких и а
  • concoction
  • Имя, возраст: Имя, 20
  • Личное: ссылки-текст
  • О персонаже: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu
  • Сообщений: 1040
  • Уважение: +0

http://image.ibb.co/jg0NQ8/2.png

0

3

  • Автор: concoction
  • статус-хератус и прочие новости для глупеньких и а
  • concoction
  • Имя, возраст: Имя, 20
  • Личное: ссылки-текст
  • О персонаже: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu
  • Сообщений: 1040
  • Уважение: +0

https://image.ibb.co/iGTUte/1.png
https://image.ibb.co/bto7eK/2.png
https://image.ibb.co/ffeDKK/3.png
https://image.ibb.co/dXk9te/4.png
https://image.ibb.co/epjfzK/5.png
https://image.ibb.co/n6yR6z/6.png

0

4

  • Автор: concoction
  • статус-хератус и прочие новости для глупеньких и а
  • concoction
  • Имя, возраст: Имя, 20
  • Личное: ссылки-текст
  • О персонаже: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu
  • Сообщений: 1040
  • Уважение: +0

https://image.ibb.co/fL1LjK/image.png
https://image.ibb.co/cUVrrz/image.png

0

Страница: 1

Вы здесь » concoction » ХТМЛ и журнал » Magazine ¤i¤ ¤i¤

Рейтинг форумов | Создать форум бесплатно