Akurat tutaj można to zrobić tak..
W tle dać obrazek (jako background) a następnie na nim 2 divy jeden na górze a drugi na dole obrazka, obok formularz i za pomocą JS uzupełniasz obrazek..
Przykład dla rejestracji: Który sprawdza czy login jest już zajęty..
JS:
$(document).ready(function()
{
$("#username").change(function()
{
var username = $("#username").val();
var msgbox = $("#status");
if(username.length > 2)
{
$("#status").html(' Sprawdzanie dostępności.');
$.ajax({
type: "POST",
url: "http://aaaa.pl/ajax/register.php",
data: "username="+ username,
success: function(msg){
$("#status").ajaxComplete(function(event, request){
if(msg == 'OK')
{
$("#username").removeClass("red");
$("#username").addClass("green");
msgbox.html('<font color="Green"> Dostępny</font>');
}
else
{
$("#username").removeClass("green");
$("#username").addClass("red");
msgbox.html(msg);
}
});
}
});
}
else
{
$("#username").addClass("red");
$("#status").html('<font color="#cc0000">Za mało znaków</font>');
}
return false;
});
register.php:
if(isset($_POST['useremail'])) {
$useremail = $_POST['useremail'];
$sql = mysql_query("SELECT email FROM portal_profiles WHERE email='$useremail'"); {
echo '<span style="color: #cc0000;">Email: <strong>'.$useremail.'</strong> Zajęty.</span>'; }
else
{
}
}