http://crazycatsx.rusff.me/ Crazy Cats ru-ru Mon, 30 Oct 2017 01:46:16 +0300 MyBB/mybb.ru http://crazycatsx.rusff.me/viewtopic.php?pid=46#p46 <div class="quote-box quote-main"><blockquote><p>:3</p></blockquote></div> mybb@mybb.ru (Meera Reed) Mon, 30 Oct 2017 01:46:16 +0300 http://crazycatsx.rusff.me/viewtopic.php?pid=46#p46 http://crazycatsx.rusff.me/viewtopic.php?pid=45#p45 <p>[html]<br />&lt;center&gt;<br />&#160; &#160; &lt;div class=&quot;lich_stran&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;div class=&quot;lich_top&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;lich_lin&quot; id=&quot;lich_lin1&quot;&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLeb.jpg&quot; style=&quot;width:130px; height:50px;&quot;&gt;&lt;/a&gt;&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;lich_lin&quot; id=&quot;lich_lin2&quot;&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLed.jpg&quot; style=&quot;width:130px; height:50px;&quot;&gt;&lt;/a&gt;&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;lich_lin&quot; id=&quot;lich_lin3&quot;&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLec.jpg&quot; style=&quot;width:130px; height:50px;&quot;&gt;&lt;/a&gt;&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &lt;div class=&quot;lich_av&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yL3U.jpg&quot; style=&quot;width:180px; height:180px;&quot;&gt;&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &lt;div class=&quot;lich_tab&quot;&gt;<br />&#160; &#160; &lt;ul class=&quot;perspageflags&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;javascript:tabSwitch('tab_1', 'content_1');&quot; id=&quot;tab_1&quot; class=&quot;active&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLf4.jpg&quot;&gt;&lt;/a&gt;&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;javascript:tabSwitch('tab_2', 'content_2');&quot; id=&quot;tab_2&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLf2.jpg&quot;&gt;&lt;/a&gt;&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;javascript:tabSwitch('tab_3', 'content_3');&quot; id=&quot;tab_3&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLf3.jpg&quot;&gt;&lt;/a&gt;&lt;/li&gt;<br />&#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &lt;div id=&quot;content_1&quot; class=&quot;content&quot;&gt;<br />&lt;ul class=&quot;hoverbox&quot;&gt;&lt;li&gt;<br />&lt;a href=&quot;ссылка&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLmv.png&quot; border=&quot;0&quot; width=&quot;60&quot;&gt; &lt;img class=&quot;preview&quot; src=&quot;http://funkyimg.com/i/2yLkY.jpg&quot; border=&quot;0&quot; width=&quot;200&quot;&gt;&lt;/a&gt;<br />&lt;a href=&quot;ссылка&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLmv.png&quot; border=&quot;0&quot; width=&quot;60&quot;&gt; &lt;img class=&quot;preview&quot; src=&quot;http://funkyimg.com/i/2yLkY.jpg&quot; border=&quot;0&quot; width=&quot;200&quot;&gt;&lt;/a&gt;<br />&lt;a href=&quot;ссылка&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLmv.png&quot; border=&quot;0&quot; width=&quot;60&quot;&gt; &lt;img class=&quot;preview&quot; src=&quot;http://funkyimg.com/i/2yLkY.jpg&quot; border=&quot;0&quot; width=&quot;200&quot;&gt;&lt;/a&gt;<br />&lt;a href=&quot;ссылка&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLmv.png&quot; border=&quot;0&quot; width=&quot;60&quot;&gt; &lt;img class=&quot;preview&quot; src=&quot;http://funkyimg.com/i/2yLkY.jpg&quot; border=&quot;0&quot; width=&quot;200&quot;&gt;&lt;/a&gt;<br />&lt;a href=&quot;ссылка&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLmv.png&quot; border=&quot;0&quot; width=&quot;60&quot;&gt; &lt;img class=&quot;preview&quot; src=&quot;http://funkyimg.com/i/2yLkY.jpg&quot; border=&quot;0&quot; width=&quot;200&quot;&gt;&lt;/a&gt;<br />&lt;a href=&quot;ссылка&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://funkyimg.com/i/2yLmv.png&quot; border=&quot;0&quot; width=&quot;60&quot;&gt; &lt;img class=&quot;preview&quot; src=&quot;http://funkyimg.com/i/2yLkY.jpg&quot; border=&quot;0&quot; width=&quot;200&quot;&gt;&lt;/a&gt;</p> <p>&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/div&gt;<br />&#160; &#160; &lt;div id=&quot;content_2&quot; class=&quot;content&quot;&gt;Content for Tab 2&lt;/div&gt;<br />&#160; &#160; &lt;div id=&quot;content_3&quot; class=&quot;content&quot;&gt;Content for Tab 3&lt;/div&gt;<br />&lt;/div&gt;<br />&#160; &#160; &lt;/div&gt;&lt;/center&gt;</p> <p>&lt;style type=&quot;text/css&quot;&gt;<br />.lich_stran { background-color: white; width: 340px; height: 470px; padding: 5px;}<br />.lich_top { display: block; position: absolute; padding: 10px;}<br />.lich_lin { margin-top: 5px; margin-bottom: 10px;}<br />.lich_av { position: absolute; margin-left: 150px; margin-top: 10px;}</p> <p>ul.perspageflags {position: absolute; display: block; margin-left: 255px; margin-top: 5px;}<br />ul.perspageflags li {margin-bottom: 5px;}<br />.content { background-image: url(<a href="http://funkyimg.com/i/2yLf8.jpg" rel="nofollow" target="_blank">http://funkyimg.com/i/2yLf8.jpg</a>); height: 225px; width: 225px; overflow-y: auto; padding: 10px;&#160; margin-left: -100px;}<br />.lich_tab {margin-top: 210px; width: 350px;}<br />#content_2, #content_3 { display:none; }</p> <p>/* =Hoverbox Code= */<br />.hoverbox { margin-left: 0px; cursor: default; list-style: none; padding: 0;}<br />.hoverbox a { cursor: default; }<br />.hoverbox a .preview { display: none; }<br />.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }<br />.hoverbox img { background: transpanent; border-color: transpanent; border-style: none; border-width: 0px; color: inherit; vertical-align: top; }<br />.hoverbox li { background: transparent; color: inherit; display: inline; float: center; margin: -5px 0px 0px 0px; padding: 0px; position: relative; }<br />.hoverbox li.text { background: transparent; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }<br />.hoverbox .preview { border-color: transpanent; } <br />/* ----------------- */<br />&lt;/style&gt;<br />&lt;script&gt;function tabSwitch(new_tab, new_content) {</p> <p>&#160; &#160; document.getElementById('content_1').style.display = 'none';<br />&#160; &#160; document.getElementById('content_2').style.display = 'none';<br />&#160; &#160; document.getElementById('content_3').style.display = 'none';<br />&#160; &#160; document.getElementById(new_content).style.display = 'block';</p> <p>&#160; &#160; document.getElementById('tab_1').className = '';<br />&#160; &#160; document.getElementById('tab_2').className = '';<br />&#160; &#160; document.getElementById('tab_3').className = '';<br />&#160; &#160; document.getElementById(new_tab).className = 'active';<br />}&lt;/script&gt;</p> <p>[/html]</p> mybb@mybb.ru (Meera Reed) Mon, 30 Oct 2017 01:29:26 +0300 http://crazycatsx.rusff.me/viewtopic.php?pid=45#p45