usercp umgestalten - Druckversion

usercp umgestalten - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Diskussionen (https://www.mybb.de/forum/forum-38.html)
+--- Thema: usercp umgestalten (/thread-25408.html)

Seiten: Seiten: 1 2

usercp umgestalten - destrokk - 13.04.2012

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

RE: usercp umgestalten - Harest - 14.04.2012

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!

RE: usercp umgestalten - MrBrechreiz - 14.04.2012

Schönes Tut, ein Screen wäre die Vollendung.

RE: usercp umgestalten - Harest - 14.04.2012

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.

RE: usercp umgestalten - Falkenauge Mihawk - 14.04.2012

Mir gefällt es zwar nicht sooo, aber eine schöne Idee ist es trotzdem.

RE: usercp umgestalten - MrBrechreiz - 15.04.2012

(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

RE: usercp umgestalten - Harest - 15.04.2012

Naja, wenn man am Design etwas feilt, kann es recht nett wirken. Ungewohnt ist es aber allemal.

RE: usercp umgestalten - destrokk - 15.04.2012

Danke, klappt alles wunderprächtig! Smile

RE: usercp umgestalten - CallHerJule - 20.01.2015

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..

RE: usercp umgestalten - SvePu - 21.01.2015

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.