Banner in overall_header.html zentrieren

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
jeffreydj
Mitglied
Beiträge: 2
Registriert: 08.01.2009 15:53

Banner in overall_header.html zentrieren

Beitrag von jeffreydj »

Hi,

ich möchte einen Google Adsense Banner zentriert im Header darstellen.
Das eingesetzte Theme heißt "Hestia Blue". (siehe meine Seite: http://wurzelpi.wu.funpic.de/forum/index.php)

Um den Banner zu platzieren, habe ich die overall_header.html so geändert, dass u.a. folgendes drinsteht:

Code: Alles auswählen

<div id="logo-row">
    <div id="logo-left">
        <div id="logo-right">
            <!-- IF not S_IS_BOT -->
                <!-- IF S_USER_LOGGED_IN -->
                    <div id="logo-registered">
						<!-- IF S_DISPLAY_PM -->
						    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><br />
                        <!-- ENDIF -->
                        {LAST_VISIT_DATE}<br />
                        {CURRENT_TIME}
                    </div>
                <!-- ELSE -->
                    <!-- IF S_LOGIN_ACTION -->
                    <div id="logo-login">
                        <form method="post" action="{S_LOGIN_ACTION}">
                            <input class="post" type="text" name="username" size="7" title="{LA_USERNAME}" /> <input class="post" type="password" name="password" size="7" title="{LA_PASSWORD}" /><br />
                            <!-- IF S_AUTOLOGIN_ENABLED --><input type="checkbox" class="radio" name="autologin" title="{LA_LOG_ME_IN}" />&nbsp;<!-- ENDIF --> <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" />
                        	{S_FORM_TOKEN}
                        </form>
                    </div>
                    <!-- ENDIF -->
                <!-- ENDIF -->
            <!-- ENDIF -->
            <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
            

                <!-- GOOGLE ADSENSE WERBUNG ... -->
                  

            <div id="logo-clear"></div>
        </div>
    </div>
</div>
Die Werbung erscheint nun hinter dem Foren-Logo. Wenn ich nun aber den Code für die Werbung in <center></center>-Tags stecke, erscheint der Banner zwar zentriert, aber unter dem eigentlichen Header-Streifen. Ebenso bei <div align="center"></div>.

Ich würde mich über Hilfe freuen,
MFG jeff.
jeffreydj
Mitglied
Beiträge: 2
Registriert: 08.01.2009 15:53

Re: Banner in overall_header.html zentrieren

Beitrag von jeffreydj »

Ich habe jetzt alle div's in eine Tabelle gepackt. Ist zwar nicht sehr schön, aber es klappt erstmal.

Code: Alles auswählen

<div id="logo-row">
    <div id="logo-left">
        <div id="logo-right">
            <table border="0" width="100%" cellpadding="0" cellspacing ="0"><tr>
            <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
                <td align="center">


                     <GOOGLE WERBUNG>


                </td>
                <td><!-- IF not S_IS_BOT -->
                <!-- IF S_USER_LOGGED_IN -->
                    <div id="logo-registered">
						<!-- IF S_DISPLAY_PM -->
						    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><br />
                        <!-- ENDIF -->
                        {LAST_VISIT_DATE}<br />
                        {CURRENT_TIME}
                    </div>
                <!-- ELSE -->
                    <!-- IF S_LOGIN_ACTION -->
                    <div id="logo-login">
                        <form method="post" action="{S_LOGIN_ACTION}">
                            <input class="post" type="text" name="username" size="7" title="{LA_USERNAME}" /> <input class="post" type="password" name="password" size="7" title="{LA_PASSWORD}" /><br />
                            <!-- IF S_AUTOLOGIN_ENABLED --><input type="checkbox" class="radio" name="autologin" title="{LA_LOG_ME_IN}" />&nbsp;<!-- ENDIF --> <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" />
                        	{S_FORM_TOKEN}
                        </form>
                    </div>
                    <!-- ENDIF -->
                <!-- ENDIF -->
            <!-- ENDIF --></td>
            <div id="logo-clear"></div>
            </tr></table>
        </div>
    </div>
</div>
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“