also erstmal ist es immer günstig eine url anzugeben das mal schauen kann was du meinst, weil vieleicht wird ja bei dir etwas falsches Browser abhäniges angezeigt.Ich probiere mal so.
Also ... zur erklärung.
In der include\templates\user findest du die panel_login.htm. In diesen ist das panel aufgebaut.
für User
<div id="toppanel">
<div id="panel">
<div class="content clearfix">
<div class="left">
<h1>Willkommen</h1>
<h2>Sliding login panel with jQuery for ilch</h2>
<p class="grey">Hier muss immer ein Text stehen, sonst slidet die Box nicht. </p>
<h2>Viel Spass damit</h2>
<p class="grey">Gruß<br />
swenieboy<br />
<a href="http://www.ogb-clan.com" target="_blank">www.ogb-clan.com </a><br />
</p>
</div>
<div class="left">
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>
Hallo <b>{NAME}</b>
<br />
<br />
{NACHRICHTEN}
<a class="box" href="index.php?user-3">{_lang_logout}</a> | <a class="box" href="index.php?user-8">{_lang_profil}</a>
<br>
{ADMIN}
</td>
</tr>
</table>
</div>
<div class="left right">
<h1>Willkommen</h1>
<h2>Du hast jetzt erfolgreich eingeloggt.</h2>
<p class="grey">Hier kann auch ein anderer Text stehen, dies ist dann eurer Kreativität überlassen.</p>
</div>
</div>
</div> <!-- /login -->
<div class="tab">
<ul class="login">
<li class="left"> </li>
<li>Hallo "{NAME}"</li>
<li class="sep">|</li>
<li id="toggle">
<a id="open" class="open" href="#">Userbereich</a>
<a id="close" style="display: none;" class="close" href="#">Schließen</a>
</li>
<li class="right"> </li>
</ul>
</div> <!-- / top -->
</div>
{EXPLODE}
für Gäste
<div id="toppanel">
<div id="panel">
<div class="content clearfix">
<div class="left">
<h1>Willkommen</h1>
<h2>Sliding login panel with jQuery for ilch</h2>
<p class="grey">Hier muss immer ein Text stehen, sonst slidet die Box nicht. </p>
<h2>Viel Spass damit</h2>
<p class="grey">Gruß<br />
swenieboy<br />
<a href="http://www.ogb-clan.com" target="_blank">www.ogb-clan.com </a><br />
</p>
</div>
<div class="left">
<!-- Login Form -->
<form method="POST">
<h1>Member Login</h1>
<label class="grey" for="log">Username:</label>
<input type="text" name="name" size="30" value="{NAME}" onFocus="if (value == '{NAME}') {value = ''}" onBlur="if (value == '') {value = '{NAME}'}" maxlength="15" style="margin-top:5px; " /><br />
<label class="grey" for="pwd">Password:</label>
<input type="password" size="30" value="{PASS}" onFocus="if (value == '{PASS}') {value = ''}" onBlur="if (value == '') {value = '{PASS}'}" maxlength="20" name="pass" style="margin-top:5px; " /><br />
<input type="hidden" name="wdlink" value="{wdlink}" />
<input type="submit" name="user_login_sub" value="Login" style="margin-top:5px; " />
<a href="?user-remind">Passwort vergessen</a>
</form>
</div>
<div class="left right">
<h1>Du bist noch kein Member ! ! !</h1>
<h2>Geniese die Vorteile wenn du registriert bist.</h2>
<p class="grey"><a href="?user-regist">Jetzt registrieren</a></p>
</div>
</div>
</div> <!-- /login -->
<div class="tab">
<ul class="login">
<li class="left"> </li>
<li>Hallo "Gast"</li>
<li class="sep">|</li>
<li id="toggle">
<a id="open" class="open" href="#">Log In | Register</a>
<a id="close" style="display: none;" class="close" href="#">Schließen</a>
</li>
<li class="right"> </li>
</ul>
</div> <!-- / top -->
</div> <!--panel -->
<!-- jQuery - the core -->
Hier kannst du die Links, Text und Bilder ändern so wie auf dein pic.Der rest ist php den du machen müsstest in der \include\boxes/login_panel.php aber da bin ich der falsche für.
Alles andere was du nicht in der .htm ändern kannst musst du mit der include\includes\css/slide.css definieren.
TIP ... wenn du nicht weißt wo du wie was ändern sollst ... nutze den Firefox und lade dir das Addon
addons.mozilla.org/de/firefox/addon/60/ ... ist ganz einfach zubedienen ...
in der Zeile 79
.tab ul.login li a {
color: #15ADFF;
}
kannst du deine Schrift ändern.
Das mit diesem "zusammengedrückt" verstehe ich nicht.
So ... probiere dich mal ... ist nicht schwer
Gruß
swenieboy