Кнопка-поле работает некорректно. Награды всплывают в самом низу форума - http://savepic.org/4442065.jpg и никуда обратно не пропадают, разве что только после обновления страницы. В чём может быть дело?
Обновленные награды
Сообщений 101 страница 120 из 331
Поделиться102Чт, 5 Сен 2013 22:42:26
Всё, спасибо. Проблема решена. )
Поделиться103Чт, 5 Сен 2013 22:45:58
Только подскажите, как уменьшить ширину этого всплывающего окошка с наградами. Очень надо. )
Поделиться104Чт, 5 Сен 2013 23:13:45
как уменьшить ширину этого всплывающего окошка с наградами. Очень надо
Ccылку на ресурс
Поделиться106Пт, 6 Сен 2013 14:08:04
lmh
Пробуйте добавить ширину - красным
<!-- Награды v3.1 by kozhilya -->
<div class="AwardAllWindow" style="display: none"><div class="AwardWindow" style="width:200px;"><div id="closeBtn"></div>
<h3>Награды пользователя</h3><div id="AwardContent"></div></div></div>
И заменить пункт в стиле для кнопки скрытия:
На
div.AwardWindow div#closeBtn {
cursor: pointer;
background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center;
width: 16px; height: 16px;
position: relative;
left:0;right:0;
margin:auto;
margin-right:-6px;
top: -5px;
}
Отредактировано Deff (Пт, 6 Сен 2013 14:18:51)
Поделиться107Пт, 6 Сен 2013 14:35:05
Deff
Ширина окошка меняется, но крестик для закрытия остаётся всё там же с краю.
Поделиться108Пт, 6 Сен 2013 15:00:17
lmh
Вы видите правку для сss крестика в скрипте ?
И заменить пункт в стиле для кнопки скрытия:На
Поделиться109Пт, 6 Сен 2013 16:27:50
Deff
Извините, я не заметила, что Вы добавили пояснение.
Но я не поняла куда именно вставлять второе и вместо чего. Подскажите, пожалуйста. В первый раз имею дело с mybb и в его настройках я полный профан.
Поделиться110Пт, 6 Сен 2013 16:36:26
lmh
Чуть ниже самого скрипта стиль
Найдите:
div.AwardWindow div#closeBtn {
cursor: pointer;
background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center;
width: 16px; height: 16px;
position: relative;
top: -5px; left: 690px;
}
И замените
Поделиться111Пт, 6 Сен 2013 16:54:26
Спасибо, работает. )))
А есть воможность сделать фон всплывающего окна несколько просвечивающим?
Поделиться112Пт, 6 Сен 2013 17:15:08
lmh
Добавьте красным:
div.AwardWindow {
z-index: 9999; position: fixed;
background: none #47321C!important;
opacity:0.87;
top: 10% !important; left: 50% !important;
width: 700px; padding: 10px;
background: #331400;
margin-left: -350px !important;
vertical-align: middle;
border: 1px solid #E3BB55;
border-radius: 5px;
color: #E3BB55;
}
Поделиться113Пт, 6 Сен 2013 17:37:16
Deff
Спасибо, Вы меня спасли.
Поделиться114Вс, 8 Дек 2013 16:59:55
сделала награды, хочу заменить слово НАГРАДЫ на симпатичную кнопочку)) нашла на предыдущей странице код, вот он
<!-- Награды v3.1 by kozhilya -->
<div class="AwardAllWindow" style="display: none"><div class="AwardWindow"><div id="closeBtn"></div>
<h3>Награды пользователя</h3><div id="AwardContent"></div></div></div>
<script>
function GetOuterHTML(el)
{ var Result = '<' + el.localName; for (var i=0; i<el.attributes.length; i++) Result += ' ' + el.attributes[i].nodeName + '="' + el.attributes[i].nodeValue + '"'; Result += '>' + el.innerHTML + '</' + el.localName + '>'; return Result; }
function OpenAwards(t) { $('div.AwardAllWindow').fadeIn(1000); $('div.AwardWindow div#AwardContent').html($(t).parent().parent().find('div').html()); $('div.AwardWindow h3').html('Награды пользователя <span>'+ $(t).parent().parent().parent().parent().find('li.pa-author a').text()+'</span>'); }
$('div.AwardWindow #closeBtn').click(function() { $('div.AwardAllWindow').fadeOut(1000); });
$('.post li.pa-fld4').each(function() {
Result = '<table>';
$(this).find('img').each(function() { var alt = $(this).attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); Result += '<tr><td id="title"><strong>'+name+'</strong></td><td id="img">'+GetOuterHTML(this)+'</td><td id="desc">'+desc+'</td></tr>'; }); Result += '</table>'; $(this).html('<span><a href="#" onclick="OpenAwards(this); return false;"><img src="http://s53.radikal.ru/i141/0908/0b/61ac6b40bf16.gif" tiile="Награды" alt="Награды"/></a></span><div style="display: none">'+Result+'</div>'); });
$('#pun-profile fieldset').each(function() { if ($(this).find('legend span').text() == 'Награды') { var h = '<table style="display: inline;">'; $(this).find('p.checkfield').each(function() { var alt = $(this).find('img').attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); h += '<tr><td><p class="checkfield">' + $(this).html() + '</p></td><td>Награда: <strong>'+name+'</strong><br>Описание: <strong>'+desc+'</strong></td></tr>' }); $(this).find('div.fs-box').html(h); $(this).find('div.fs-box').css({'display':'none'}); $(this).find('legend').after('<span onclick="$(this).parent().find(\'div.fs-box\').toggle(1000);">Выставить награды</span>'); }});
</script>
не могу понять куда его вставить... пыталась просто в ХТЛМ верх - не работает, пыталась заменить код, который дан на первой странице - тоже ничего не вышло.. Что я делаю не так?
Поделиться115Вс, 8 Дек 2013 17:04:55
anutik2008
В html-низ.
Поделиться116Вс, 8 Дек 2013 17:06:20
и вниз - не вышло... как было слово НАГРАДЫ, так и есть...
Поделиться117Вс, 8 Дек 2013 17:33:49
anutik2008
Ссылку на форум, т.к. у меня все нормально.
Поделиться118Вс, 8 Дек 2013 17:34:43
тестовый
Отредактировано anutik2008 (Пн, 9 Дек 2013 15:34:29)
Поделиться119Вс, 8 Дек 2013 17:41:26
anutik2008
Ну так, а что же вы код со своего поста не поставили?
Обновленные награды
Поделиться120Вс, 8 Дек 2013 17:45:07
ничего не пойму... вроде стоит все...вот такое сейчас у меня
<!-- Награды v3.1 by kozhilya -->
<div class="AwardAllWindow" style="display: none"><div class="AwardWindow"><div id="closeBtn"></div>
<h3>Награды пользователя</h3><div id="AwardContent"></div></div></div>
<script>
function GetOuterHTML(el)
{ var Result = '<' + el.localName; for (var i=0; i<el.attributes.length; i++) Result += ' ' + el.attributes[i].nodeName + '="' + el.attributes[i].nodeValue + '"'; Result += '>' + el.innerHTML + '</' + el.localName + '>'; return Result; }
function OpenAwards(t) { $('div.AwardAllWindow').fadeIn(1000); $('div.AwardWindow div#AwardContent').html($(t).parent().parent().find('div').html()); $('div.AwardWindow h3').html('Награды пользователя <span>'+ $(t).parent().parent().parent().parent().find('li.pa-author a').text()+'</span>'); }
$('div.AwardWindow #closeBtn').click(function() { $('div.AwardAllWindow').fadeOut(1000); });
$('.post li.pa-fld2').each(function() {
Result = '<table>';
$(this).find('img').each(function() { var alt = $(this).attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); Result += '<tr><td id="title"><strong>'+name+'</strong></td><td id="img">'+GetOuterHTML(this)+'</td><td id="desc">'+desc+'</td></tr>'; }); Result += '</table>'; $(this).html('<span><a href="#" onclick="OpenAwards(this); return false;">Награды</a></span><div style="display: none">'+Result+'</div>'); });
$('#pun-profile fieldset').each(function() { if ($(this).find('legend span').text() == 'Награды') { var h = '<table style="display: inline;">'; $(this).find('p.checkfield').each(function() { var alt = $(this).find('img').attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); h += '<tr><td><p class="checkfield">' + $(this).html() + '</p></td><td>Награда: <strong>'+name+'</strong><br>Описание: <strong>'+desc+'</strong></td></tr>' }); $(this).find('div.fs-box').html(h); $(this).find('div.fs-box').css({'display':'none'}); $(this).find('legend').after('<span onclick="$(this).parent().find(\'div.fs-box\').toggle(1000);">Выставить награды</span>'); }});
</script><style>
div.AwardAllWindow {
width: 100%; height: 100%;
background-color: rgba(0,0,0,0.5);
position: fixed; top: 0px; left: 0px;
}
div.AwardWindow {
z-index: 9999; position: fixed;
top: 10% !important; left: 50% !important;
width: 700px; padding: 10px;
background: #F0FFF0;
margin-left: -350px !important;
vertical-align: middle;
border: 1px solid #E3BB55;
border-radius: 5px;
color: #CD6090;
}
div.AwardWindow div#closeBtn {
cursor: pointer;
background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center;
width: 16px; height: 16px;
position: relative;
top: -5px; left: 690px;
}
div.AwardWindow h3 {
font-variant: small-caps;
font-weight: bold;
font-size: 15px;
margin-top: -20px;
}
div.AwardWindow div#AwardContent {
width: auto; height: auto;
min-height: 100px;
max-height: 300px !important;
overflow-y:auto;
}
div.AwardWindow div#AwardContent td#title {
font-variant: small-caps;
font-weight: bold;
font-size: 15px;
width: 200px;
text-align: center;
}
div.AwardWindow div#AwardContent td#desc {
font-size: 10px;
}
#pun-profile fieldset > span {
cursor: pointer;
padding: 5px;
border: 1px solid black;
position: relative;
top: -30px;
margin-bottom: 10px;
left: 150px;
background-color: white;
}
</style><!-- Награды v3.1 by kozhilya -->
<div class="AwardAllWindow" style="display: none"><div class="AwardWindow"><div id="closeBtn"></div>
<h3>Награды пользователя</h3><div id="AwardContent"></div></div></div>
<script>
function GetOuterHTML(el)
{ var Result = '<' + el.localName; for (var i=0; i<el.attributes.length; i++) Result += ' ' + el.attributes[i].nodeName + '="' + el.attributes[i].nodeValue + '"'; Result += '>' + el.innerHTML + '</' + el.localName + '>'; return Result; }
function OpenAwards(t) { $('div.AwardAllWindow').fadeIn(1000); $('div.AwardWindow div#AwardContent').html($(t).parent().parent().find('div').html()); $('div.AwardWindow h3').html('Награды пользователя <span>'+ $(t).parent().parent().parent().parent().find('li.pa-author a').text()+'</span>'); }
$('div.AwardWindow #closeBtn').click(function() { $('div.AwardAllWindow').fadeOut(1000); });
$('.post li.pa-fld4').each(function() {
Result = '<table>';
$(this).find('img').each(function() { var alt = $(this).attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); Result += '<tr><td id="title"><strong>'+name+'</strong></td><td id="img">'+GetOuterHTML(this)+'</td><td id="desc">'+desc+'</td></tr>'; }); Result += '</table>'; $(this).html('<span><a href="#" onclick="OpenAwards(this); return false;"><img src="http://s53.radikal.ru/i141/0908/0b/61ac6b40bf16.gif" tiile="Награды" alt="Награды"/></a></span><div style="display: none">'+Result+'</div>'); });
$('#pun-profile fieldset').each(function() { if ($(this).find('legend span').text() == 'Награды') { var h = '<table style="display: inline;">'; $(this).find('p.checkfield').each(function() { var alt = $(this).find('img').attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); h += '<tr><td><p class="checkfield">' + $(this).html() + '</p></td><td>Награда: <strong>'+name+'</strong><br>Описание: <strong>'+desc+'</strong></td></tr>' }); $(this).find('div.fs-box').html(h); $(this).find('div.fs-box').css({'display':'none'}); $(this).find('legend').after('<span onclick="$(this).parent().find(\'div.fs-box\').toggle(1000);">Выставить награды</span>'); }});
</script>
там все три кода...