Website Baker CMS Forum

Hallo frederik,

ich möchte einfach nur den text der activ gesetzten "anmeldebox" in der navigation ändern.

"Registrierung"

ändern in "bold" und "rot"!

was meinst Du genau mit aktiv gesetzten "anmeldebox"?

Meinst du die Anmeldeseite unter /admin

oder die Loginbox des Templates?

Wenn Du die Loginbox im Template meinst, so ist das von Template zu Template verschieden.

Für das Template Round (default Template), wäre eine Möglichkeit folgende:

Das Template befindet sich im Verzeichnis /templates/round

In der Datei index.php befindet sich das eigentliche Template.

Das Login ist in einer Tabelle in einer PHP-IF-[ b]ELSE[/b]-Anweisung untergebracht.

Das ganze sieht in der index.php des Templates round so aus:

<?php
                if(FRONTEND_LOGIN AND !$wb->is_authenticated()) {
                ?>
                <form name="login" action="<?php echo LOGIN_URL; ?>" method="post">
                        <table cellpadding="0" cellspacing="0" border="0" width="150" align="center" style="margin-top: 10px;">
                        <tr>
                                <td class="border">
                                        <img />/menu_top.gif" border="0" alt="" />
                                </td>
                        </tr>
                        <tr>
                                <td class="login" style="text-transform: uppercase;">
                                        <b><?php echo $TEXT['LOGIN']; ?></b>
                                </td>
                        </tr>
                        <tr>
                                <td class="login" style="text-align: left;">
                                        <?php echo $TEXT['USERNAME']; ?>:
                                </td>
                        </tr>
                        <tr>
                                <td class="login">
                                        <input type="text" name="username" />
                                </td>
                        </tr>
                        <tr>
                                <td class="login" style="text-align: left;">
                                        <?php echo $TEXT['PASSWORD']; ?>:
                                </td>
                        </tr>
                        <tr>
                                <td class="login">
                                        <input type="password" name="password" />
                                </td>
                        </tr>
                        <tr>
                                <td class="login">
                                        <input type="submit" name="submit" value="<?php echo $TEXT['LOGIN']; ?>" style="margin-top: 3px; text-transform: uppercase;" />
                                </td>
                        </tr>
                        <tr>
                                <td class="login">
                                        <a>"><?php echo $TEXT['FORGOT_DETAILS']; ?></a>
                                        <?php if(is_numeric(FRONTEND_SIGNUP)) { ?>
                                                <a>"><?php echo $TEXT['SIGNUP']; ?></a>
                                        <?php } ?>
                                </td>
                        </tr>
                        <tr>
                                <td class="border">
                                        <img />/menu_bottom.gif" border="0" alt="" />
                                </td>
                        </tr>
</table></form>
<?php
} elseif(FRONTEND_LOGIN AND $wb->is_authenticated()) {
?>
<form name="logout" action="<?php echo LOGOUT_URL; ?>" method="post">
<table cellpadding="0" cellspacing="0" border="0" width="150" align="center" style="margin-top: 10px;">
                        <tr>
                                <td class="border">
                                        <img />/menu_top.gif" border="0" alt="" />
                                </td>
                        </tr>
                        <tr>
                                <td class="login" style="text-transform: uppercase;">
                                        <b><?php echo $TEXT['LOGGED_IN']; ?></b>
                                </td>
                        </tr>
                        <tr>
                                <td class="login" style="padding-top: 15px; padding-bottom: 15px;">
                                        <?php echo $TEXT['WELCOME_BACK']; ?>, <?php echo $wb->get_display_name(); ?>
                                </td>
                        </tr>
                        <tr>
                                <td class="login">
                                        <input type="submit" name="submit" value="<?php echo $MENU['LOGOUT']; ?>" style="margin-top: 3px; text-transform: uppercase;" />
                                </td>
                        </tr>
                        <tr>
                                <td class="login">
                                        <a>"><?php echo $MENU['PREFERENCES']; ?></a>
                                </td>
                        </tr>
                        <tr>
                                <td class="border">
                                        <img />/menu_bottom.gif" border="0" alt="" />
                                </td>
                        </tr>
                        </table></p>
<p>                </form>
                <?php
                }
                ?>
        </td>
        <?php } ?>

Du möchtest den Schriftzug "Registrierung" formatieren, der sieht im Template so aus:

$TEXT['LOGIN'];

und befindet sich in einer Tabellenzelle. Das sieht dann so aus:

<td class="login" style="text-transform: uppercase;">
     <b><?php echo $TEXT['LOGIN']; ?></b>
</td>

$TEXT['LOGIN'];

ist eine Konstante, die in der Sprach-Datei (bei eingestellter deutscher Sprache /languages/DE.php) definiert ist.

Der Eintrag in DE.php sieht so aus:

$MENU['LOGIN'] = 'Anmeldung';

.

Aber ich schweife ab.

O.K., um nun den Schriftzug Anmeldung zu formatieren kannst Du entweder direkt in der index.php des Templates die Formatierung vornehmen, oder in der CSS-Datei (beim Template round /templates/round/screen.css).

Nachdem die Tebellenzelle (td), in der sich der Schriftzug befindet bereits eine CSS-Klasse (class="login") hat, würde ich diese zur formatierung verwenden.

In der screen.css ca. ab Zeile 81 (im Template round) findest Du auch die CSS-Formatierung für die Klasse login:

.login {
        padding: 2px 10px 2px 10px;
        font-size: 10px;
        background-color: #003366;
        color: #FFFFFF;
        text-align: center;
}

Wie gut zu sehen ist, ist die Farbe der Schrift weiß ( color: #FFFFFF; ) und eine Formatierung für die Schriftdicke ist nicht vorhanden. Allerdings ist die Schriftdicke schon in der index.php formatiert worden. (

<b>

).

Wenn Du einen Eintrag font-weight: bold; hinzufügen würdest, so wäre die Schrift zwar auch in CSS fett formatiert sein, aber das ändert nichts an der aktuellen Ansicht, weil die "Fett"-Formatierung ja bereits in der index.php erfolgt ist.

Wenn Du also eine fettere Schrift haben möchtest, wird Dir nichts anderes übrig bleiben als die Schriftgöße (font-size: 10px;) zu verändern.

In roter Schrift und Schriftgrße würde die CSS-Formatierung so aussehen:

.login {
        padding: 2px 10px 2px 10px;
        font-size: 14px;
        background-color: #003366;
        color: #FF0000;
        text-align: center;
}

Allerdings sind jetzt auch Benutzername: und Passwort: rot formatiert und in 14 Pixel Größe.

Das liegt daran, dass alle HTML-Elemente mit class="login" formatiert werden.

Damit nur die Überschrift formatiert ist wird kann man sich ein eindeutiges Merkmal suchen, was nur auf die Überschrift anwendbar ist. Wenn keines vorhanden ist, kann eins in der index.php eingebaut werde. Das ist hier allerdings nicht nötig.

Das b-TAG um den Schriftzug ist unsere Einmaligkeit.

Der Code dazu:

.login {
        padding: 2px 10px 2px 10px;
        font-size: 12px;
        background-color: #003366;
        color: #ffffff;
        text-align: center;
}
.login b {
        color: #ff0000;
        font-size: 14px;
}

Die Formatierung von .login ist wieder in den Ursprungszustand versetzt.

.login b bedeutet, dass alle

<b>

innerhalb von einem HTML-TAG mit der Klasse

login

so formatiert werden wie angegeben.

Einziger Nachteil ist, dass jetzt auch Angemeldet so formatiert ist, wenn Du angemeldet bist.

Ich hoffe das hilft Dir etwas weiter.

Wenn ich wüsste welches Template Du verwendest, ub das hier beschriebene Login das richtige ist und wie viel HTML, CSS und PHP Wissen Du hast, dann könnte ich Deine Frage sicher auch schneller und genauer beantworten.

Gruß Daniel