<html>
<head>
<style type="text/css">
body{margin: 6px; padding: 6px; background-color: #FFFFFF;}
.inp{width: 300; font-size: 10pt; padding: 2px; margin: 1px; font-family: Tahoma; height: 26px; color: #777777;}
.resalt{font-size: 10px; color: #777777; font-family: Tahoma;}
.des{display: none; font-size: 11; font-weight: bold; font-family: Tahoma;}
td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
</style>
<title>Генератор кода баннера (для нубов)</title>
</head>
<body>
<table border="0" cellpadding="5" cellspacing="0" width="450" style="border:1px dashed #969696;">
<tr><td style="background:#f7f7f7;">
<input type="text" value="" class="inp" id="url"> - Ссылка<br>
<input type="text" value="" class="inp" id="banner"> - Баннер<br>
<input type="text" value="" class="inp" id="opisanie"> - Описание<br>
<input type="button" value="OK" onclick="make();" id="ok"><br><br>
<span class="des" id="htm">HTML:</span> <span class="resalt" id="html"></span><br>
<span class="des" id="bbc">BBCode:</span> <span class="resalt" id="bbcode"></span>
</td></tr></table>
<script type="text/javascript">
function make(){
document.getElementById('html').innerHTML +='<a href="'+document.getElementById('url').value+'" title="'+document.getElementById('opisanie').value+'"><img src="'+document.getElementById('banner').value+'" alt="'+document.getElementById('opisanie').value+'"></a>';
document.getElementById('bbcode').innerHTML +='[url='+document.getElementById('url').value+'][img]'+document.getElementById('banner').value+'[/img][/url]';
document.getElementById('htm').style.display = 'block';
document.getElementById('bbc').style.display = 'block';}
</script>
</body>
</html>
