<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru" ><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><meta http-equiv="Content-type" content="text/html; charset=utf-8" />
</head><body>
<script type="text/javascript" src="http://www.patmax.eu/J1/120223140254.js"></script>
<script type="text/javascript" src="http://www.patmax.eu/J1/120222044306.js"></script>
<style>
.accordion {
text-align:left;
font:'Helvetica Neue', Verdana, Arial, sans-serif;
}
.accordion ol {
position:relative;
overflow:hidden;
height:100%;
list-style-type:none;
margin:0;
padding:0;
}
.accordion li > h2 {
color:#000;
font-weight:400;
z-index:2;
position:absolute;
top:0;
left:0;
-webkit-transform:translateX(-100%) rotate(-90deg);
-webkit-transform-origin:right top;
-moz-transform:translateX(-100%) rotate(-90deg);
-moz-transform-origin:right top;
-o-transform:translateX(-100%) rotate(-90deg);
-o-transform-origin:right top;
-ms-transform:translateX(-100%) rotate(-90deg);
-ms-transform-origin:right top;
transform:translateX(-100%) rotate(-90deg);
transform-origin:right top;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
margin:0;
}
.accordion li > h2 span {
display:block;
padding-right:8%;
text-align:right;
height:90%;
margin-top:5px;
}
.accordion li > h2 b {
display:inline-block;
position:absolute;
top:42%;
left:5%;
text-align:center;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion li > h2:hover {
cursor:pointer;
}
.accordion li > div {
height:100%;
position:absolute;
top:0;
z-index:1;
overflow:hidden;
background:#FFF;
}
.accordion noscript p {
background:#FFF;
margin:0;
padding:10px;
}
.basic li > h2 {
background:#333;
color:#FFF;
line-height:1.8em;
}
.basic li > div h3 {
margin:15px 10px;
}
.basic li > div p {
font-size:14px;
margin:10px;
}
.dark {
border:9px solid #353535;
border-bottom-width:8px;
background:#030303;
-webkit-box-shadow:0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow:0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow:0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
padding:5px 5px 6px 0;
}
.dark li > h2 {
background:#030303;
font-size:16px;
line-height:2.7em;
text-shadow:0 -1px 0 #030303;
}
.dark li > h2 span {
background:#353535;
color:#FFF;
}
.dark li > h2 b {
background:#353535\9;
color:#030303;
font-size:20px;
text-shadow:-1px 1px 0 #5b5b5b;
}
.dark h2.selected span,.dark h2.selected span:hover {
background:0;
}
.dark h2.selected b {
background:#434343\9;
}
.dark li > div {
background:#030303;
margin-left:5px;
}
.rounded {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.rounded li > h2 span {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#s1 {
background:url("") no-repeat #030303;
}
#s2 {
background:url("") no-repeat #030303;
}
#s3 {
background:url("") no-repeat #030303;
}
</style>
<center>
<div id="one" class="accordion">
<ol>
<li>
<h2><span>Название вкладки 1</span></h2>
<div id="s1"><a href="http://www.moyforum.biz/forum" target=_blank title=""><img src="http://www.snapsnap.ru/i/0bd955b3be64rkr.png" border="0"></a><a href="http://www.moyforum.biz/forum" target=_blank title=""><img src="http://www.snapsnap.ru/i/0000000000000000wvw.png" border="0"></a><a href="http://www.moyforum.biz/forum" target=_blank title=""><img src="http://www.snapsnap.ru/i/uxu.png" border="0"></a></div>
</li>
<li>
<h2><span>Название вкладки 2</span></h2>
<div id="s2"><a href="Адрес темы">Название</a><a href="Адрес темы">Название</a><a href="Адрес темы">Название</a><a href="Адрес темы">Название</a></div>
</li>
<li>
<h2><span>Название вкладки 3</span></h2>
<div id="s3"><img
src="http://s10.rimg.info/0d954fa510dd38bad02283b69f00796c.gif"></div>
</li>
<li>
<h2><span>Название вкладки 4</span></h2>
<div></div>
</li>
<li>
<h2><span>Название вкладки 5</span></h2>
<div></div>
</li>
</ol>
<noscript>
<p>Please enable JavaScript to get the full experience.</p>
</noscript>
</div>
</center>
</body></html>
Tēma: Akardions bildēm 2 
Sestdiena Novembris 03, 2012 7:51 am