Bazując na obrazku, bez stylizacji.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Generator HTML Allegro</title>
<style>
div {float:left;width:50%;}
</style>
<script>
function generuj_Kod(){
var obrazek = document.formularz.obrazek.value;
var tytul = document.formularz.tytul.value;
var opis = document.formularz.opis.value;
kod_html = "<div class=\"klasa\">";
kod_html += "<div class=\"klasa_img\"><img src=\""+obrazek+"\" width=\"273\" height=\"200\"/>";
kod_html += "<div class=\"klasa_text\">"+tytul+"</div>";
kod_html += "<div class=\"box_dolny_hover_text\">"+opis+"</div></div></div>";
document.getElementById("kod_html").innerHTML = kod_html;
};
</script>
</head>
<body>
<div>
<form name="formularz">
<label>Obraz: </label><br>
<input type="text" name="obrazek" placeholder="Adres do obrazka"><br>
<label>Tytuł: </label><br>
<input type="text" name="tytul" placeholder="Tutaj wprowadź tytuł"><br>
<label>Opis: </label><br>
<textarea name="opis" placeholder="Wprowadź tutaj opis aukcji"></textarea><br>
<input type="button" onClick="generuj_Kod()" value="generuj kod">
</form>
</div>
<div>
<textarea id="kod_html"></textarea>
</div>
</body>
</html>
