Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Поток сознания » Фон боковой таблицы


Фон боковой таблицы

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

1

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>

http://s019.radikal.ru/i620/1408/d2/a78296151842.png
_____________________________________
и с табличкой так же

Код:
<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)

0

2

Nikita380
Для боковой таблицы

//изменяем выделенное в коде этой таблицы

<div class="splCont" style="position: absolute; top: -65px; left: 65px; width: 300px; margin-right: 800px; background: url(http://s019.radikal.ru/i620/1408/d2/a78296151842.png) repeat scroll 0% 0% rgb(173, 164, 155); box-shadow: 3px 0px 15px; border-radius: 0px; padding: 0px 1em 1em;">


для объявления

//изменяем в стилях в хтмл-верх
//зачеркнутое удаляем
//выделенное приводим к виду как ниже

.tab_container1 {
    background-color: #473a32;
    background: #473a32 url(http://s019.radikal.ru/i620/1408/d2/a78296151842.png) repeat scroll 0% 0%;
    border-color: #574d44;
    border-style: solid;
    border-width: 3px;
    clear: both;
    float: left;
    height: 333px;
    width: 750px;
}

0

3

sadhaka
спасибо)
еще вопрос, почему боковая панель открывается когда перезагрузишь страницу? Как исправить?

0

4

Nikita380
мой косяк, допишите выделенное

<div class="splCont" style="DISPLAY: none; position: absolute; top: -65px; left: 65px; width: 300px; margin-right: 800px; background: url(http://s019.radikal.ru/i620/1408/d2/a78296151842.png) repeat scroll 0% 0% rgb(173, 164, 155); box-shadow: 3px 0px 15px; border-radius: 0px; padding: 0px 1em 1em;">

0

5

sadhaka
спасибо большое.

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Поток сознания » Фон боковой таблицы


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC