Witam, pokażę wam jak zrobić spoiler na stronie w html-u, nie jest tak łatwo jak na forach ;p

A więc do funkcji "head" na naszej stronie wstawiamy takie coś:

Spoiler:

<style type="text/css">
body,input
    {
    font-family:"Trebuchet ms",arial;font-size:0.9em;
    color:#333;
    }
.spoiler
    {
    border:1px solid #ddd;
    padding:3px;
    }
.spoiler .inner
    {
    border:1px solid #eee;
    padding:3px;margin:3px;
    }
    </style>
    <script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
    </script>

Aby wsadzić w uzycie spoiler w funkcji "body" dajemy takie coś:

Spoiler:

<h1>Nazwa, nad naszym spoilerem</h1>
<div class="spoiler">
    <input type="button" onclick="showSpoiler(this);" value="Pokaż/ukryj" />
    <div class="inner" style="display:none;">
    Tutaj zawartość naszego spoilera... <img src='http://www.mpcforum.pl/public/style_emoticons/<#EMO_DIR#>/wink.gif' class='bbc_emoticon' alt='' />
    </div>
</div>

To wszystko I już wiemy jak dodać spoiler do naszej stronki w html-u.