я сделала вот это:
Цитата:
.spoilertitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #A9B8C2;
color: #333333;
background-color: #FFFFFF;
font-size: 0.85em;
font-weight: bold;
}
.spoilertitle .quotetitle {
font-size: 1em;
}
В самом коде нужно поменять (красным). Еще я бы изменила цвет кнопки и ее увеличила (синим):
<div style="margin:20px; margin-top:5px"><div class="spoilertitle"><b> Текст</b> <input type="button" value="Показать" style="width:100px;font-size:12px;margin:0px;padding:0px;background-color:#BFFFFF;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }" /></div><div class="quotecontent"><div style="display: none;">Спойлер</div></div></div>
оно все работало, но было не красиво.
Потом я сделала вот так в замене HTML :
Код:
<div style="margin:20px; margin-top:5px"><div><b>проверка изменений</b> <input type="button" value="Показать" style="width:100px;font-size:12px;margin:0px;padding:0px;background-color:#BFFFFF;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }" /></div><div><div style="display: none;">посмотрим, что получилось</div></div></div>
Получилась фигня.
Сейчас я вернула в замену первый код. Фигня осталась.