http://rfnaruto.anihub.ru/
боковая таблица, где выплывающее окно, хочу что бы за места цвета(фон) была картинка, в самой кнопке и таблице.
на всякий случай вот код, и картинка фона.
Код:
<div class="spell">
<div class=splLink><img src="http://s020.radikal.ru/i700/1408/0a/ab493a321a4c.png"></div><DIV style="DISPLAY: none; position: absolute;top:-65px; left:65px; width:300px; margin-right: 800px;background:#ada49b;background-color: #ada49b;
box-shadow:3px 0px 15px; border-radius:0px; #8a4419; padding: 0 1em 1em 1em;" class=splCont>
<center>
<b>БЕГОМ СКА ПИСАТЬ ПОСТЫ!</b>
<br>
<br>
<br>
<br>
<br>
<b>Северная Япония.</b>
<br>
<br>
<br>
Территория Оды Нобунага, Лесное Озеро (Ололош Ололоев)
<br>
Территория Оды Нобунага, Цент Леса (Тролль Вейдр)
<br>
Территория Оды Нобунага, Замок Нобунага (Злой Дядя)
<br>
Территория Оды Нобунага, Главные Ворота (Мелкий)
<br>
<br>
<br>
<br>
<br>
<b>Южная Япония.</b>
<br>
<br>
<br>
Нейтральная Территория, Лес (Ололева Люська)
<br>
<br>
<br>
<br>
<br>
<b>Западная Япония.</b>
<br>
<br>
<br>
Територия Сегуна, Замок (Гавнюк Какашкин)
<br>
<br>
<br>
<br>
<br>
<b>Восточная Япония.</b>
<br>
...................
</center>
</DIV></DIV></div>
<style>
.spell {background: #ada49b; color:#000000;width:35px; height:170px; text-align:center; left:0; z-index: 999; top: 250px; position:fixed;background-color: #ada49b;
box-shadow:3px 0px 15px; border-radius:0px; #8a4419;}
</style>
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
_____________________________________
и с табличкой так же
Код:
<div class="container">
<div class="html-box">
<ul class="tabs">
<li class="active"><a href="#tab1"><img src=http://s8.uploads.ru/pwJN0.png> </a></li>
<li><a href="#tab2"><img src=http://s9.uploads.ru/9DJgZ.png> </a></li>
<li><a href="#tab3"><img src=http://s8.uploads.ru/xqylg.png></a></li>
<li><a href="#tab4"><img src=http://s8.uploads.ru/dON0h.png></a></li>
<li><a href="#tab5"><img src=http://s9.uploads.ru/LbJzZ.png></a></li>
</ul>
<div class="tab_container1">
<div style="display: none;" id="tab1" class="tab_content">
<div style="width: 100%; height: 310px; overflow-y: scroll;">
<table width=100%><tr><td width=50%>
<center><b>24.03.2014:</b>
<br>
Доброго времени суток вам мои прекрасные юзеры =3 Наша ролевая еще в разработке и мы с коллективом как можно быстрее все развиваем что бы уже влиться в этот прекрасный мир самураев.</center>
</td><td width=50%>
<center><img src=http://s9.uploads.ru/PbB5k.png> </center>
</td></tr></table>
</div>
</div>
<div style="display: none;" id="tab2" class="tab_content">
<table width=100%><tr><td width=50%>
<center>КАРТА
<img src="http://s9.uploads.ru/rm8LW.png" border="0" /></center>
</td></tr></table>
</div>
<div style="display: none;" id="tab3" class="tab_content">
<table width="100%" height="250px" border="0" background="">
<td width="30%" rowspan="2">
<p style="text-align:center;">
<b>Регистрационные:</b><br><br>
</p>
<a href="сылка">название</a><br>
<a href="сылка">название</a><br>
<a href="сылка">название</a><br>
<a href="сылка">название</a><br>
<a href="сылка">название</a><br>
<br></td>
<td width="30%" rowspan="2">
<p style="text-align:center;">
<b>Организационные:</b><br><br>
</p>
<a href="сылка">название</a><br>
<a href="сылка">название</a><br>
<a href="сылка">название</a><br>
<a href="сылка">название</a><br>
<a href="сылка">название</a><br>
</td>
<td width="30%" rowspan="2">
<p style="text-align:center;">
<img src=http://s018.radikal.ru/i515/1209/ed/33c669984ff2.png>
</td>
</tr>
</table>
</div>
<div style="display: none;" id="tab4" class="tab_content">
<div style="width: 100%; height: 310px; overflow-y: scroll;">
<table width="100%" height="250px" border="0" background="">
<td width="50%" rowspan="2">
<p style="text-align:center;">
<b>Дата:</b><br><br>
ололол;
<br><br>
<b>Погода:</b><br><br>
олололо.
<br><br>
<b>В игре:</b><br><br>
олололо.
</td>
<td width="50%" rowspan="2">
<p style="text-align:center;">
<b>Лучшие игроки:</b><br><br>
<a href="сылка"><img src=картинка
a title="Ник"></a>
<a href="сылка"><img src=картинка
a title="Ник"></a>
<br><br>
<b>Активисты:</b><br><br>
<a href="сылка"><img src=картинка
a title="Ник"></a>
<a href="сылка"><img src=картинка
a title="Ник"></a>
<br><br>
</td>
</tr>
</table>
</div>
</div>
<div style="display: none;" id="tab5" class="tab_content">
<table width=100%><tr><td width=50%>
<center><b>Партнёры: </b>
олололо.
</center>
</td><td width=50%>
<center>
<br>
<img src=http://s017.radikal.ru/i403/1209/07/dced044949b5.png> </td></tr></table>
</div>
</div>
</div>
</div>этот же фон поставьте туда плиз, сам потом поменяю.
Отредактировано Nikita380 (20.08.2014 18:56:10)
