How can i combine login to all the site with template inheritance?

Question

1. I have a base.html template that just describe the site (the basic simple base.html) 2. I have a split_screen.html template that extends the base,html file and look like this:

{% extends "base.html" %}

{% block content %} - this is the part that changes in base.
    <div id="top"> 
        here come the login form and under it a logo and then a top nav pannel 
    </div>
    <div id="right">
        here come a static right nav pannel that never change, so there is no need for a block
    </div>
    <div id="main">
        {% block main%}
        this is the main part, this is the only thing that will change with every page in (all the files) that will extend from split_screen.html (every other page in the site).
        {% endblock %}
    </div>
{% endblock %}

OK, i guess that now is a time for a question... so, what i am looking for and can't find (or maybe just can't understand how to implement) is way to use template inheritance and still have this login backend view that i built (using email instead of username) implemented....I just can't figure this one out because every example i read i referring to login as a page of its own, i need it to be embedded in this page (or don't i?).

Can any one please help with this?