Общие вопросы от новичков (56)

Страница: « 1 … 9 10 11 12 13 … 50 »

Сообщений 201 страница 220 из 1000

Поделиться1Сб, 7 Май 2016 22:00:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51190
Уважение: +15223
Позитив: +11641
Последний визит:
Сегодня 09:29:22

Продолжение темы Общие вопросы от новичков (55)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Поделиться201Ср, 25 Май 2016 16:31:47

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5821
Позитив: +6441
Пол: Мужской
Последний визит:
Вчера 23:37:28

pusheen. написал(а):

пс-пс, не подскажешь как изменять размер окон css в самой админке?
а то ппц как не удобно, приходится каждый раз растягивать за уголок.и я хз в какой момент времени оно стало таким((

Стало оно таким после:

/* A5.2 */
.punbb {
margin-left:65px;
position: top center;
float: none;
width:814px;
height: auto;
}

Так как .punbb - это общий селектор и для форума и для админки. Для регулирования ширины в админке добавьте в Структура style.css:

Код:

.isadmin {width: 972px !important;}  
.punbb-admin {width:814px !important;}

Где:
.isadmin - вместо #pun
.punbb-admin - вместо .punbb

Ширину ставьте нужную.

Поделиться202Ср, 25 Май 2016 17:38:56

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

kolobdur74 написал(а):

Стало оно таким после:

аа, вот оно что О.О
спасибо, я чет совсем забыла про этот долбанный селектор и тянула совсем не то, что надо)

Поделиться203Ср, 25 Май 2016 17:43:58

Автор: IKissa
Заслуженный
Зарегистрирован: Сб, 7 Май 2016
Сообщений: 58
Уважение: +6
Позитив: +15
Последний визит:
Пт, 1 Июл 2016 14:29:53

Alex_63 написал(а):

Ну вставьте контент(всплывающее окошко с кнопкой) в нужную ячейку, (Или если затрудняетесь - сделайте скрин, ткните стрелкой, куда нун вставить, (ну и ссылку на форум с установленным,- я поставлю

Я не понимаю, как это сделать, но пример таблички ВОТ. При нажатии на кнопку 1, показывается вторая таблица, в которой будут картинки. Мне нужно, что бы при нажатии на картинку вылазило всплывающее окошко с пояснением.

Поделиться204Ср, 25 Май 2016 17:47:44

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51190
Уважение: +15223
Позитив: +11641
Последний визит:
Сегодня 09:29:22

IKissa
Нарисуйте в фш как это должно выглядеть(при клике, или наведении, см ниже) ?
2. Может сделать лучше всплывает - когда наводим курсор ?

Поделиться205Ср, 25 Май 2016 17:52:27

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10871
Уважение: +7295
Позитив: +5313
Пол: Мужской
Последний визит:
Вчера 22:01:46

pusheen.
Тестовый Админский Ник-пароль в ЛС, -походу какие-то доп стили для кнопок... поправлю

ВКонтакте alex__63

Поделиться206Ср, 25 Май 2016 17:54:34

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10871
Уважение: +7295
Позитив: +5313
Пол: Мужской
Последний визит:
Вчера 22:01:46

pusheen.
Есть код расширения окон в админке > CSS трюки

ВКонтакте alex__63

Поделиться207Ср, 25 Май 2016 18:00:19

Автор: IKissa
Заслуженный
Зарегистрирован: Сб, 7 Май 2016
Сообщений: 58
Уважение: +6
Позитив: +15
Последний визит:
Пт, 1 Июл 2016 14:29:53

Deff
Клик на картинку, всплывающее окно и текст, который можно будет скопировать.

Круг - картинка
Квадрат - описание картинки.
И нужно именно по клику, как сделать при наведении я знаю, но при этом скопировать текст нельзя. А мне нужно, что бы пользователь мог копировать текст.

Поделиться208Ср, 25 Май 2016 18:05:15

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10871
Уважение: +7295
Позитив: +5313
Пол: Мужской
Последний визит:
Вчера 22:01:46

IKissa
1. Ссылку на форум с установленной табличкой

ВКонтакте alex__63

Поделиться209Ср, 25 Май 2016 18:07:16

Автор: IKissa
Заслуженный
Зарегистрирован: Сб, 7 Май 2016
Сообщений: 58
Уважение: +6
Позитив: +15
Последний визит:
Пт, 1 Июл 2016 14:29:53

Alex_63
Я же присылала выше... ладно - дубль два

Поделиться210Ср, 25 Май 2016 18:18:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51190
Уважение: +15223
Позитив: +11641
Последний визит:
Сегодня 09:29:22

IKissa написал(а):

как сделать при наведении я знаю, но при этом скопировать текст нельзя.

<div style="position:relative;display:inline-block">
<img src="http://da.mybb.ru/images/90x90/88/3480388.jpg" onclick="$(this).next().toggle()"/>
<div style="background:#EFA30B;border-radius:6px;padding:8px;text-align:center;position:relative;display:none;width:180px;margin-left:-100px;left:50%">
Всплывающий контент
</div></div>

Красным - ссылка на картинку и контент
============================
Замените скрипт к табличке :

Код:

<script type="text/javascript">
$(function() {
  var $Kn = $('tr.a1>td');
  var $cnt = $('.td-cnt>.cnt');
 
  $Kn.click(function() {
    $Kn.removeClass('active');
    $Kn2.not(this).removeClass('active');
    $(this).addClass('active');
    var I = $Kn.index(this);
    $cnt.hide().eq(I).show();
  });
 
  var $Kn2 = $('#MyTbl-2 td');
  var $cnt2 = $('#MyTbl-2 td .cnt2');
 
  $Kn2.click(function() {
    if($(this).hasClass('noClick')) return false;
    $Kn2.not(this).removeClass('active');
    $(this).toggleClass('active');
  });
  $('#MyTbl-2 td .cnt2,#MyTbl-2 td .cnt2 *').click(function() {
    var $td = $(this).parents('td:first');$td.addClass('noClick');
    setTimeout(function(){$td.removeClass('noClick')},21);
  });
 
});
</script>

Поделиться211Ср, 25 Май 2016 18:20:22

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10871
Уважение: +7295
Позитив: +5313
Пол: Мужской
Последний визит:
Вчера 22:01:46

IKissa
:glasses: Ссылка Выше у мну не открылась,
=======================
Ну типа: (*замените весь контент на своей странице на это:

Код:

<style> 
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(http://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

<style>
#WRP{
  width:850px;
  margin:14px auto!important;
  border: 10px solid transparent;!important;
  -moz-border-image: url(http://funkyimg.com/i/2bG7M.png) 9 round round;
  -webkit-border-image: url(http://funkyimg.com/i/2bG7M.png) 9 round round; 
  -o-border-image: url(http://funkyimg.com/i/2bG7M.png) 9 round round;
  border-image: url(http://funkyimg.com/i/2bG7M.png) 9 round round;
}
#MyTbl {
  background-color:#E9DEC2!important;
  border-collapse:collapse;
}
#MyTbl>tbody>tr.a1{
  height:46px;
}
#MyTbl td{
  border:rgba(121,41,23, 0.8) solid 2px;
}
#MyTbl td{
  cursor:pointer;
}
#MyTbl>tbody>tr>td.no-pointer{
  cursor:default;
}
td#a1 {
  background: url() -946px 0px no-repeat;
}
td#a2 {
  background: url(http://forumstatic.ru/files/0017/91/66/20884.png) 0px 0px no-repeat;
}
td#a3 {
  background: url(http://forumstatic.ru/files/0017/91/66/75978.png) 0px 0px no-repeat;;
}
td#a4 {
  background: url(http://forumstatic.ru/files/0017/91/66/17845.png) 0px 0px no-repeat;
}
/*Фон активных кнопок или при наведении(не делал позиционирование)*/
td#a1:hover,
td#a1.active {
  background: url() -946px 0px no-repeat;
}
td#a2:hover,
td#a2.active {
  background: url(http://forumstatic.ru/files/0017/91/66/52128.png) 0px 0px no-repeat;
}
td#a3:hover,
td#a3.active {
  background: url(http://forumstatic.ru/files/0017/91/66/82675.png) 0px 0px no-repeat;;
}
td#a4:hover,
td#a4.active {
  background: url(http://forumstatic.ru/files/0017/91/66/42351.png) 0px 0px no-repeat;
}
 
.td-cnt .cnt{
 display:none;
 height:498px;
 padding:8px;
 overflow-x:hidden;
 overflow-y:auto
}
.td-cnt .cnt:first-child{
 display:block;
}
#MyTbl-2 td{
  background: #E9DEC2;
}
#MyTbl-2{
  margin:0;
}
tr.wind,
td.wind {
  text-align:center;
  position:relative;
  z-index:0;
  padding:0;
  margin:0;
}
div.wrp-12{
  height:502px;
  padding:0;
  position:relative;
  z-index:0;
  margin:0!important;
}
#MyTbl-2 td>.cnt2{
  padding:8px;
  position:absolute;
  border:#835508 2px solid;
  border-radius:4px;
  height:512px;
  width:615px;
  overflow-x:hidden;
  overflow-y:auto;
  left:200px;
  top:-14px;
  margin:auto!important;
  margin-top:0!important;
  background: url(http://forumstatic.ru/files/0017/91/66/79922.jpg) top center repeat;
  box-shadow:rgba(0,0,0,.7) 0 0 2em, inset rgba(0,0,0,.7) 0 0 1em;
  display:none;
}
#MyTbl-2 td.active{
  z-index:100;
  background:#BFF2B2;
}
#MyTbl-2 td.active .cnt2{
  display:block;
}
#IKissa td {
border:0 none!important;
}
</style>
<div id=WRP>
<table id="MyTbl" width=700>
    <tr width=25% class=a1>
        <td id="a1" class=active></td>
        <td id="a2"></td>
        <td id="a3"></td>
        <td id="a4"></td>
    </tr>
    <tr class="wind">
<td width=25% height="500" class="no-pointer wind">
<div class="wrp-12">
<table id="MyTbl-2" height="100%" width="100%" align=center>
    <tr>
<td> Имя кнопки
<div class="cnt2">
<table id="IKissa">
<tr height="100">
<td valign="middle">
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/t/mSHt6.jpg" title="1 ступень"></a>
</td>
<td valign="middle"></td>
<td valign="middle"><b>Кр.урон +10%</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s0.uploads.ru/HE3hS.png" title="Критический урон повышен на 10%, а критический промах - на 5%"></a><br><mark>500 баллов</mark>
</td>
</table> 

</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
</tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
</table></div>
</td>
<td  colspan="3" class="no-pointer td-cnt" valign=top>
<!-- Cекция контента кнопок верхнего ряда -->
<div class=cnt><!-- Контент 1-ой кнопки --> 

<!--Всплывалки-->
<center><table style="width: 90%">
<tr>
 
<td><div class="spll">
<DIV><div class=splLink href="javscript://">Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV><div class=splLink href="javscript://">Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV><div class=splLink href="javscript://">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Тут будет что-то</DIV></DIV>
</div></td>

 
</tr>
</table></center>


</div>
<div class=cnt><!-- Контент 2-ой кнопки --> 2</div>
<div class=cnt><!-- Контент 3-ой кнопки --> 3</div>
<div class=cnt><!-- Контент 4-ой кнопки --> 4</div>
</td>
    </tr>
</table></div>
 
 
<script type="text/javascript">
$(function() {
  var $Kn = $('tr.a1>td');
  var $cnt = $('.td-cnt>.cnt');
 
  $Kn.click(function() {
    $Kn.removeClass('active');
    $Kn2.not(this).removeClass('active');
    $(this).addClass('active');
    var I = $Kn.index(this);
    $cnt.hide().eq(I).show();
  });
 
  var $Kn2 = $('#MyTbl-2 td');
  var $cnt2 = $('#MyTbl-2 td .cnt2');
 
  $Kn2.click(function() {
    if($(this).hasClass('noClick')) return false;
    $Kn2.not(this).removeClass('active');
    $(this).toggleClass('active');
  });
  $cnt2.click(function() {
    var $td = $(this).parent('td');$td.addClass('noClick');
    setTimeout(function(){$td.removeClass('noClick')},21);
  });
 
});
</script>

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

Deff

ВКонтакте alex__63

Поделиться212Ср, 25 Май 2016 18:35:42

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5821
Позитив: +6441
Пол: Мужской
Последний визит:
Вчера 23:37:28

Deff, Alex_63, у IKissa, как я понял это еще одна попытка построения магазина. Так нынче можно построить нормальную систему купить-продать? Вот тема: Деньги где были попытки ранее создать такую систему, но так тогда всё и стопорнулось, но с новыми возможностями может всё таки можно полноценную систему сделать?

Поделиться213Ср, 25 Май 2016 18:37:25

Автор: IKissa
Заслуженный
Зарегистрирован: Сб, 7 Май 2016
Сообщений: 58
Уважение: +6
Позитив: +15
Последний визит:
Пт, 1 Июл 2016 14:29:53

Deff
Alex_63
Ребята, спасибо вам огромное!!!!! Всё получилось.

Поделиться214Ср, 25 Май 2016 18:40:56

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51190
Уважение: +15223
Позитив: +11641
Последний визит:
Сегодня 09:29:22

Поделиться215Ср, 25 Май 2016 18:41:18

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10871
Уважение: +7295
Позитив: +5313
Пол: Мужской
Последний визит:
Вчера 22:01:46

kolobdur74
Пока есть не все возможности для реализации, (см пост выше от Deff)
Может, к концу года удастся что-нить сваять на эту тему, (не раньше..

ВКонтакте alex__63

Поделиться216Ср, 25 Май 2016 20:40:25

Автор: T.R.
Заслуженный
Зарегистрирован: Сб, 25 Окт 2014
Сообщений: 29
Уважение: 0
Позитив: +3
Последний визит:
Пн, 21 Авг 2023 16:04:25

kolobdur74
спасибо, помогло!

Поделиться217Ср, 25 Май 2016 21:30:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51190
Уважение: +15223
Позитив: +11641
Последний визит:
Сегодня 09:29:22

IKissa
В принципе, поскок наверняка подобных картинок с контентом будет много, а код страниц ограничен, лучше вынести стиль для блоков в начало своей страницы

Код:

<style>
.Wr { 
  position:relative;
 display:inline-block;
}
.Wr-cnt {
  display:none;
  background:#EFA30B;
  border-radius:6px;
  padding:8px;text-align:center;
  position:relative;
  width:180px;
  margin-left:-100px;left:50%;
}
</style>

Тогда код вставки сократиться до такого:

<div class=Wr><img src="http://da.mybb.ru/images/90x90/88/3480388.jpg" onclick="$(this).next().toggle()"/>
<div class="Wr-cnt">
Всплывающий контент
</div></div>

Поделиться218Чт, 26 Май 2016 01:06:58

Автор: IKissa
Заслуженный
Зарегистрирован: Сб, 7 Май 2016
Сообщений: 58
Уважение: +6
Позитив: +15
Последний визит:
Пт, 1 Июл 2016 14:29:53

Deff
Я поставила, но не уверена, что туда. А можно избавиться от смещения в таблице?

Отредактировано IKissa (Чт, 26 Май 2016 01:44:33)

Поделиться219Чт, 26 Май 2016 01:40:58

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5821
Позитив: +6441
Пол: Мужской
Последний визит:
Вчера 23:37:28

IKissa написал(а):

А можно избавиться от смещения в таблице:
Открытое состояние всплывающего окна:

У вас в таблице идет значение:

valign="middle"

Так как вы выставили чтобы содержание внутри таблицы было посередине, то и при расширении ячейки таблицы по высоте всё содержимое ячеек становится посередине - отсюда и эффект уезжания. Попробуйте вместо middle поставить top. А вообще лучше использовать CSS через классы, чем НТМЛ атрибуты, аналог valign="middle" в CSS: vertical-align: middle;

Поделиться220Чт, 26 Май 2016 02:05:18

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51190
Уважение: +15223
Позитив: +11641
Последний визит:
Сегодня 09:29:22

IKissa
Замените код страницы целиком:

Код:

<style>
#WRP{
  width:850px;
  margin:14px auto!important;
  border: 10px solid transparent;!important;
  -moz-border-image: url(http://funkyimg.com/i/2bG7M.png) 9 round round;
  -webkit-border-image: url(http://funkyimg.com/i/2bG7M.png) 9 round round; 
  -o-border-image: url(http://funkyimg.com/i/2bG7M.png) 9 round round;
  border-image: url(http://funkyimg.com/i/2bG7M.png) 9 round round;
}
#MyTbl {
  background-color:#E9DEC2!important;
  border-collapse:collapse;
}
#MyTbl>tbody>tr.a1{
  height:46px;
}
#MyTbl td{
  border:rgba(121,41,23, 0.8) solid 2px;
}
#MyTbl td{
  cursor:pointer;
}
#MyTbl>tbody>tr>td.no-pointer{
  cursor:default;
}
td#a1 {
  background: url() -946px 0px no-repeat;
}
td#a2 {
  background: url(http://forumstatic.ru/files/0017/91/66/20884.png) 0px 0px no-repeat;
}
td#a3 {
  background: url(http://forumstatic.ru/files/0017/91/66/75978.png) 0px 0px no-repeat;;
}
td#a4 {
  background: url(http://forumstatic.ru/files/0017/91/66/17845.png) 0px 0px no-repeat;
}
/*Фон активных кнопок или при наведении(не делал позиционирование)*/
td#a1:hover,
td#a1.active {
  background: url() -946px 0px no-repeat;
}
td#a2:hover,
td#a2.active {
  background: url(http://forumstatic.ru/files/0017/91/66/52128.png) 0px 0px no-repeat;
}
td#a3:hover,
td#a3.active {
  background: url(http://forumstatic.ru/files/0017/91/66/82675.png) 0px 0px no-repeat;;
}
td#a4:hover,
td#a4.active {
  background: url(http://forumstatic.ru/files/0017/91/66/42351.png) 0px 0px no-repeat;
}
 
.td-cnt .cnt{
 display:none;
 height:498px;
 padding:8px;
 overflow-x:hidden;
 overflow-y:auto
}
.td-cnt .cnt:first-child{
 display:block;
}
#MyTbl-2 td{
  background: #E9DEC2;
}
#MyTbl-2{
  margin:0;
}
tr.wind,
td.wind {
  text-align:center;
  position:relative;
  z-index:0;
  padding:0;
  margin:0;
}
div.wrp-12{
  height:502px;
  padding:0;
  position:relative;
  z-index:0;
  margin:0!important;
}
#MyTbl-2 td>.cnt2{
  padding:8px;
  position:absolute;
  border:#835508 2px solid;
  border-radius:4px;
  height:512px;
  width:615px;
  overflow-x:hidden;
  overflow-y:auto;
  left:200px;
  top:-14px;
  margin:auto!important;
  margin-top:0!important;
  background: url(http://forumstatic.ru/files/0017/91/66/79922.jpg) top center repeat;
  box-shadow:rgba(0,0,0,.7) 0 0 2em, inset rgba(0,0,0,.7) 0 0 1em;
  display:none;
}
#MyTbl-2 td.active{
  z-index:100;
  background:#BFF2B2;
}
#MyTbl-2 td.active .cnt2{
  display:block;
}
#IKissa td {
border:0 none!important;
}
.Wr { 
  position:relative;
 display:inline-block;
}
.Wr-cnt {
  display:none;
  background:#EFA30B;
  border-radius:6px;
  padding:8px;text-align:center;
  position:absolute;
  width:180px;
  margin-left:-100px;left:50%;
}
</style>
<div id=WRP>
<table id="MyTbl" width=700>
    <tr width=25% class=a1>
        <td id="a1" class=active></td>
        <td id="a2"></td>
        <td id="a3"></td>
        <td id="a4"></td>
    </tr>
    <tr class="wind">
<td width=25% height="500" class="no-pointer wind">
<div class="wrp-12">
<table id="MyTbl-2" height="100%" width="100%" align=center>
    <tr>
<td> Имя кнопки
<div class="cnt2">
 
<table id="IKissa">
<caption><font face="Monotype Corsiva, Arial" font size="4">Пассивные способности</caption>
<tr height="100">
<td valign="middle">
<a href="ссылка на профиль"><img src="http://sh.uploads.ru/t/mSHt6.jpg" title="1 ступень"></a>
</td>
<td valign="middle"></td>
<td valign="middle"><b>Кр.урон +10%</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s0.uploads.ru/HE3hS.png" title="Критический урон повышен на 10%, а критический промах - на 5%"></a><b>Требование:</b><br>Маг Огня<br>
<div class=Wr><img src="http://forumstatic.ru/files/0017/91/66/53641.png" onclick="$(this).next().find('.Wr-cnt').toggle()"/>
<div><div class="Wr-cnt">
   Барон родился в Хельме в семье купца. Его семья никогда не имела аристократических корней, хотя его отец, Ольвиан Квалат хотел заполучить себе дворянский или какой либо иной титул. Семья Аирэна не была слишком богатой. Её можно было назвать той, которая живет в достатке и не испытывает проблем, но дом у этой семьи был не большим и прислуги в нем не было.
</div></div></div>


 
</td>
<td valign="middle"><br><b>Маг Огня</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s2.uploads.ru/1f56m.png" title="Персонаж постиг азы магии огня и может приняться изучать первый уровень этой школы."></a><b>Требование:</b><br>Нет<br><mark>500 баллов</mark></td>
<td valign="middle"><b>Опыт Огня</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s0.uploads.ru/DULYc.png" title="Увеличивает дальность заклинаний на N метров."></a><br><b>Требование:</b><br>Маг Огня<br><mark>500 баллов</mark></br></td>
<td valign="middle"></td>
</tr>
<tr height="10">
<td valign="top"></td>
<td valign="bottom"></td>
<td valign="middle"></td>
<td valign="middle"><a href="ссылка на профиль"><img src="http://s8.uploads.ru/bMgJj.png"></a></td>
<td valign="middle"></td>
<td valign="middle"></td>
</tr>
<tr height="100">
<td valign="middle">
<a href="ссылка на профиль"><img src="http://s7.uploads.ru/CuejD.png" title="2 ступень"></a>
</td>
<td valign="middle"></td>
<td valign="middle"><br><b>Ожог</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://sf.uploads.ru/LmZP9.png" title="Персонаж получает возможность оставить ожог на теле своего врага одним из своих заклинаний. Ожог замедляет соперника отнимая у него (хз сколько скорости или ловкости). Данная способность не работает вместе с поджогом. Шанс оставить ожог равен 8%"></a><b>Требование:</b><br>Адепт<br><mark>500 баллов</mark></td>
<td valign="middle"><br><b>Адепт</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s3.uploads.ru/2hLQ1.png" title="Продвинувшись на еще одну ступень обучения, персонаж может перейти к изучению второго уровня магии огня. Огненные заклинания будут наносить ему на 20% урона меньше."></a><br><b>Требование:</b><br>Маг Огня<br><mark>500 баллов</mark></td>
<td valign="middle"><b>Кр.урон +20%</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s0.uploads.ru/HE3hS.png" title="Критический урон повышен на 20%, а критический промах - на 10%"></a><br><b>Требование:</b><br>Адепт<br><mark>500 баллов</mark></td></td>
<td valign="middle"></td>
</tr>
<tr height="10">
<td valign="top"></td>
<td valign="bottom"></td>
<td valign="middle"></td>
<td valign="middle"><a href="ссылка на профиль"><img src="http://s8.uploads.ru/bMgJj.png"></a></td>
<td valign="middle"></td>
</tr>
<tr height="100">
<td valign="middle">
<a href="ссылка на профиль"><img src="http://sd.uploads.ru/64BxT.png" title="3 ступень"></a>
</td>
<td valign="middle"></td>
<td valign="middle"><b>Кр.урон +30%</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s0.uploads.ru/HE3hS.png" title="Критический урон повышен на 30%, а критический промах - на 15%"></a><b>Требование:</b><br>Мастер<br><mark>500 баллов</mark></td>
<td valign="middle"><br><b>Мастер</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s2.uploads.ru/Yz5Oo.png" title="Позволяет изучать магию огня третьего уровня. Огненные заклинания будут наносить ему на 30% урона меньше."></a><br><b>Требование:</b><br>Адепт<br><mark>500 баллов</mark></td>
<td valign="middle"><b>Огненный жар</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s3.uploads.ru/xpIy9.png" title="Маг огня настолько развил свои умения управление огнем, что может концентрировать свое пламя и бросать одиночные огненные заклинания (до третьего уровня включительно), нанося на N больший урон."></a><br><b>Требование:</b><br>Мастер<br><mark>500 баллов</mark></td>
<td valign="middle"><b>Плотность Огня</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s3.uploads.ru/z2X0I.png" title="Маг огня еще больше улучшил свою концентрацию и теперь огненные заклинания по площади(до третьего уровня включительно)  наносят на N больше урона."></a><br><b>Требование:</b><br>Огн. жар<br><mark>500 баллов</mark></td>
<td valign="middle"></td>
</tr>
<tr height="10">
<td valign="top"></td>
<td valign="bottom"></td>
<td valign="middle"></td>
<td valign="middle"><a href="ссылка на профиль"><img src="http://s8.uploads.ru/bMgJj.png"></a></td>
<td valign="middle"></td>
</tr>
<tr height="100">
<td valign="middle">
<a href="ссылка на профиль"><img src="http://s7.uploads.ru/CuejD.png" title="1 ступень"></a>
</td>
<td valign="middle"></td>
<td valign="middle"><b>Кр.урон +30%</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s0.uploads.ru/HE3hS.png" title="Критический урон повышен на 30%, а критический промах - на 15%"></a><b>Требование:</b><br>Мастер Огня<br><mark>500 баллов</mark></td>
<td valign="middle"><b>Мастер</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s2.uploads.ru/Yz5Oo.png" title="Позволяет изучать магию огня третьего уровня. Огненные заклинания будут наносить ему на 30% урона меньше."></a><br><b>Требование:</b><br>Адепт Огня<br><mark>500 баллов</mark></td>
<td valign="middle"><b>Огненный жар</b><br><font color="blue" font size="1">[Манна]</font><br><a href="http://asteria.rolka.su/messages.php?action=new&uid=3"><img src="http://s3.uploads.ru/xpIy9.png" title="Маг огня настолько развил свои умения управление огнем, что может концентрировать свое пламя и бросать одиночные огненные заклинания (до третьего уровня включительно), нанося на N больший урон."></a><br><b>Требование:</b><br>Мастер Огня<br><mark>500 баллов</mark></td>
 
 
</table> 
 
</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2"></div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
</tr>
    <tr>
<td> Имя кнопки
<div class="cnt2">Content кнопки</div>
</td>
    </tr>
</table></div>
</td>
<td  colspan="3" class="no-pointer td-cnt" valign=top>
<!-- Cекция контента кнопок верхнего ряда -->
<div class=cnt><!-- Контент 1-ой кнопки --> ывлаодлфыовадфывлаофдлваоылдвао</div>
<div class=cnt><!-- Контент 2-ой кнопки --> 2</div>
<div class=cnt><!-- Контент 3-ой кнопки --> 3</div>
<div class=cnt><!-- Контент 4-ой кнопки --> 4</div>
</td>
    </tr>
</table></div>
 
 
<script type="text/javascript">
$(function() {
  var $Kn = $('tr.a1>td');
  var $cnt = $('.td-cnt>.cnt');
 
  $Kn.click(function() {
    $Kn.removeClass('active');
    $Kn2.not(this).removeClass('active');
    $(this).addClass('active');
    var I = $Kn.index(this);
    $cnt.hide().eq(I).show();
  });
 
  var $Kn2 = $('#MyTbl-2>tbody>tr>td');
  var $cnt2 = $('#MyTbl-2>tbody>tr>td>.cnt2');
 
  $Kn2.click(function() {
    if($('#MyTbl-2').hasClass('noClick')) return false;
    $Kn2.not(this).removeClass('active');
    $(this).toggleClass('active');
  });
  $('#MyTbl-2 .cnt2').click(function() {
    $('#MyTbl-2').addClass('noClick');
    setTimeout(function(){$('#MyTbl-2').removeClass('noClick')},21);
  });
 
});
</script>

Код для всплывалок теперь такой:

Код:

<div class=Wr><img src="http://forumstatic.ru/files/0017/91/66/53641.png" onclick="$(this).next().find('.Wr-cnt').toggle()"/>
<div><div class="Wr-cnt">
   Барон родился в Хельме в семье купца. Его семья никогда не имела аристократических корней, хотя его отец, Ольвиан Квалат хотел заполучить себе дворянский или какой либо иной титул. Семья Аирэна не была слишком богатой. Её можно было назвать той, которая живет в достатке и не испытывает проблем, но дом у этой семьи был не большим и прислуги в нем не было.
</div></div></div>

=====================

Страница: « 1 … 9 10 11 12 13 … 50 »

Единый форум поддержки

Меню навигации

Пользовательские ссылки

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

Общие вопросы от новичков (56)

Сообщений 201 страница 220 из 1000

Поделиться1Сб, 7 Май 2016 22:00:16

Поделиться201Ср, 25 Май 2016 16:31:47

Поделиться202Ср, 25 Май 2016 17:38:56

Поделиться203Ср, 25 Май 2016 17:43:58

Поделиться204Ср, 25 Май 2016 17:47:44

Поделиться205Ср, 25 Май 2016 17:52:27

Поделиться206Ср, 25 Май 2016 17:54:34

Поделиться207Ср, 25 Май 2016 18:00:19

Поделиться208Ср, 25 Май 2016 18:05:15

Поделиться209Ср, 25 Май 2016 18:07:16

Поделиться210Ср, 25 Май 2016 18:18:53

Поделиться211Ср, 25 Май 2016 18:20:22

Поделиться212Ср, 25 Май 2016 18:35:42

Поделиться213Ср, 25 Май 2016 18:37:25

Поделиться214Ср, 25 Май 2016 18:40:56

Поделиться215Ср, 25 Май 2016 18:41:18

Поделиться216Ср, 25 Май 2016 20:40:25

Поделиться217Ср, 25 Май 2016 21:30:38

Поделиться218Чт, 26 Май 2016 01:06:58

Поделиться219Чт, 26 Май 2016 01:40:58

Поделиться220Чт, 26 Май 2016 02:05:18