Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 4 Gast/Gäste
usercp umgestalten
#1
hallöchen, ich schon wieder Smile

ich würde gern das usercp umgestalten, da es so, wie es ist, durch css-modifikationen auseinandergerissen wird. deswegen würde ich gern die leiste der seite (senkrecht) gern über die benutzeraccountansicht waagerecht machen. ich habe schon in der usercp-template rumprobiert und es auch schon über die benutzeraccountansicht bekommen, aber die blöcke eben nicht nebeneinander, weil es ja mehrere templates betrifft.

habe ein attachment angehangen, wie es aussehen soll am ende.

vielleicht kann mir ja jemanden helfen? wäre toll Smile


Angehängte Dateien Thumbnail(s)
   
Zitieren
#2
Also....
Da du das UserCP ändern willst schauen wir uns zuerst das entsprechende Template an: AdminCP -> Templates & Style -> Templates -> [dein Theme] -> Benutzer Control-Panel Templates -> usercp

Dort findest du folgende Variable:
Code:
{$usercpnav}
Sie ist sozusagen für den Rahmen/Container des Navigationsmenüs verantwortlich und der dazugehörige Templatename latuet usercp_nav.

Zuerst aber ändern wir das usercp-Template wie folgt:
Code:
<html>
    <head>
        <title>{$lang->user_cp}</title>
        {$headerinclude}
    </head>
    <body>
        {$header}
        <table width="100%" border="0" align="center">
            <tr>
                <td valign="top">
                    {$usercpnav}
                    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
                        <tr>
                            <td class="thead" colspan="{$colspan}"><strong>{$lang->account_summary}</strong></td>
                        </tr>
                        <tr>
                            {$avatar}
                            <td class="trow2">
                                <span class="largetext">{$username}</span><br />
                                <strong>{$lang->postnum}</strong> <a href="search.php?action=finduser&amp;uid={$mybb->user['uid']}">{$mybb->user['posts']}</a> {$lang->posts_day}<br />
                                {$reputation}
                                <strong>{$lang->email}</strong> {$mybb->user['email']}<br />
                                <strong>{$lang->registration_date}</strong> {$regdate}<br />
                                <strong>{$lang->primary_usergroup}</strong> {$usergroup}<br />
                                {$referral_info}
                            </td>
                        </tr>
                    </table>
                    {$latest_subscribed}
                    {$latest_threads}
                    {$latest_warnings}
                    {$user_notepad}
                </td>
            </tr>
        </table>
        {$footer}
    </body>
</html>

So, nun auf zum Navigationstemplate usercp_nav.

Hier werden wir wiederum fündig:
Code:
{$usercpmenu}

Diese Variable baut aus den Templates usercp_nav_changename, usercp_nav_editsignature, usercp_nav_messenger, usercp_nav_misc, usercp_nav_profile das eigentliche Navigationsmenü.

Bevor wir uns diese näher anschauen, ändern wir das Template usercp_nav wie folgt:
Code:
<br />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    <tr>
        <td class="thead" colspan ="3"><strong><a href="usercp.php" class="usercp_nav_item usercp_nav_home">{$lang->ucp_nav_menu}</a></strong></td>
    </tr>
    <tr>
        <td class="tcat" width="33%"><span class="smalltext"><strong>{$lang->ucp_nav_messenger}</strong></span></td>
        <td class="tcat" width="33%"><span class="smalltext"><strong>{$lang->ucp_nav_profile}</strong></span></td>
        <td class="tcat" width="33%"><span class="smalltext"><strong>{$lang->ucp_nav_misc}</strong></span></td>
    </tr>
    <tr>
        {$usercpmenu}
    </tr>
</table>
<br />

Wichtig sind für unser Vorhaben die Templates usercp_nav_messenger ("Nachrichten"), usercp_nav_profile ("Dein Profil") sowie usercp_nav_misc ("Sonstiges").
Also der Reihe nach.

usercp_nav_messenger:
Code:
<td valign="top" class="trow1">
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%">
        <tr>
            <td class="trow1 smalltext"><a href="private.php?action=send" class="usercp_nav_item usercp_nav_composepm">{$lang->ucp_nav_compose}</a></td>
        </tr>
        <tr>
            <td class="trow1 smalltext">
                {$folderlinks}
            </td>
        </tr>
        <tr>
            <td class="trow1 smalltext"><a href="private.php?action=tracking" class="usercp_nav_item usercp_nav_pmtracking">{$lang->ucp_nav_tracking}</a></td>
        </tr>
        <tr>
            <td class="trow1 smalltext"><a href="private.php?action=folders" class="usercp_nav_item usercp_nav_pmfolders">{$lang->ucp_nav_edit_folders}</a></td>
        </tr>
    </table>
</td>

usercp_nav_profile:
Code:
<td valign="top" class="trow1">
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%">
        <tr>
            <td class="trow1 smalltext">
                <div><a href="usercp.php?action=profile" class="usercp_nav_item usercp_nav_profile">{$lang->ucp_nav_edit_profile}</a></div>
                {$changenameop}
                <div><a href="usercp.php?action=password" class="usercp_nav_item usercp_nav_password">{$lang->ucp_nav_change_pass}</a></div>
                <div><a href="usercp.php?action=email" class="usercp_nav_item usercp_nav_email">{$lang->ucp_nav_change_email}</a></div>
                <div><a href="usercp.php?action=avatar" class="usercp_nav_item usercp_nav_avatar">{$lang->ucp_nav_change_avatar}</a></div>
                {$changesigop}
            </td>
        </tr>
        <tr>
            <td class="trow1 smalltext"><a href="usercp.php?action=options" class="usercp_nav_item usercp_nav_options">{$lang->ucp_nav_edit_options}</a></td>
        </tr>
    </table>
</td>

usercp_nav_misc:
Code:
<td valign="top" class="trow1">
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%">
        <tr>
            <td class="trow1 smalltext"><a href="usercp.php?action=usergroups" class="usercp_nav_item usercp_nav_usergroups">{$lang->ucp_nav_usergroups}</a></td>
        </tr>
        <tr>
            <td class="trow1 smalltext"><a href="usercp.php?action=editlists" class="usercp_nav_item usercp_nav_editlists">{$lang->ucp_nav_editlists}</a></td>
        </tr>
        <tr>
            <td class="trow1 smalltext"><a href="usercp.php?action=attachments" class="usercp_nav_item usercp_nav_attachments">{$lang->ucp_nav_attachments}</a></td>
        </tr>
        <tr>
            <td class="trow1 smalltext">{$draftstart}<a href="usercp.php?action=drafts" class="usercp_nav_item usercp_nav_drafts">{$lang->ucp_nav_drafts} {$draftcount}</a>{$draftend}</td>
        </tr>
        <tr>
            <td class="trow1 smalltext"><a href="usercp.php?action=subscriptions" class="usercp_nav_item usercp_nav_subscriptions">{$lang->ucp_nav_subscribed_threads}</a></td>
        </tr>
        <tr>
            <td class="trow1 smalltext"><a href="usercp.php?action=forumsubscriptions" class="usercp_nav_item usercp_nav_fsubscriptions">{$lang->ucp_nav_forum_subscriptions}</a></td>
        </tr>
        <tr>
            <td class="trow1 smalltext"><a href="{$profile_link}" class="usercp_nav_item usercp_nav_viewprofile">{$lang->ucp_nav_view_profile}</a></td>
        </tr>
    </table>
</td>

Das war's!
Helfe wie auch dir geholfen wird.
Zitieren
#3
Schönes Tut, ein Screen wäre die Vollendung.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#4
Für ein Tutorial ist es nicht ausführlich genug. Z.B. habe ich garnicht erwähnt, dass ich Teile eines Templates in ein anderes kopiert habe etc.

Aber einen Screenshot sollst du bekommen.


Angehängte Dateien Thumbnail(s)
   
Helfe wie auch dir geholfen wird.
Zitieren
#5
Mir gefällt es zwar nicht sooo, aber eine schöne Idee ist es trotzdem.
Zitieren
#6
(14.04.2012, 23:51)Falkenauge Mihawk schrieb: Mir gefällt es zwar nicht sooo, aber eine schöne Idee ist es trotzdem.

Schliesse mich dem an.

Deshalb hatte ich auch nicht genauer geachtet ob das was fehlt oder ähnliches.

GW
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#7
Naja, wenn man am Design etwas feilt, kann es recht nett wirken. Ungewohnt ist es aber allemal.
Helfe wie auch dir geholfen wird.
Zitieren
#8
Danke, klappt alles wunderprächtig! Smile!!
Zitieren
#9
Gibt es eine Möglichkeit, das unter 1.8 zu verwirklichen? Ich schau mir das nun schon eine Weile an, aber scheitere total. Das Problem ist, dass, wenn man die Änderungen vornimmt, der Inhalt unterhalb des Navs außerhalb von #content und #container sind (rechts daneben) :/ Hab schon festgestellt, dass der "Fehler" auf jeden Fall in dem usercp_nav - Template liegt..
Zitieren
#10
Ich habe es probiert und es klappt bei 1.8 auch. Wink
   

Im Anhang befindet sich eine ZIP Datei, die die passenden Template-Änderungen im Standard 1.8 Theme aufzeigt.


Angehängte Dateien
.zip   usercp_menu_horizontal.zip (Größe: 2,67 KB / Downloads: 76)
Zitieren