Style verschoben / zu klein

[Mondlied]

Hallo alle miteinander!

Ich habe recht wenig Ahnung von Quellcodes und Programmierungen etc. , trotzdem habe ich es geschafft ein Forum zu installieren, das Portal drüberzubügeln und sogar einen Style einzupflegen. Es ist mir sogar gelungen die Breite des Forums unabhängig von der Auflösung anzupassen, allerdings sind da immer noch 2 unschönheiten die ich gerne beseitigen möchte. Zu sehen auf diesem Bild! [ externes Bild ]

1. Ich möchte ich den Bereich ebenfalls von der Breite her anpassen
2. Das gilt auch hier
3. Möchte ich gern da einen Button haben der zum Portal führt.

Ich nutz:
Board - phpBB 3.0.11
Portal - 2.0.1
Style - GuildWarsAlliance 2.0.18 Download

Im themeeditor hab ich nur folgendes geändert

Code: Alles auswählen

#wrapheader {
    width: 90%;
    margin: 0 auto;
    background: #556661 url('{T_THEME_PATH}/images/bg2.jpg') top no-repeat;
    background-position: 0 100px;
    border: #000000 1px solid;
    border-width: 0 1px 1px 1px;
}

a#logo {
    display: block;
    height: 100px;
    width: 100%;
    background: url('{T_IMAGESET_PATH}/banner.jpg') top no-repeat;
    text-decoration: none;
    text-indent: -4000px;
} 

jeweils bei width %-Zahlen eingesetzt

Kann mir da vielleicht jemand unter die Arme greifen?

Schonmal vielen Dank ^^

[Miriam]

Es ist mir sogar gelungen die Breite des Forums unabhängig von der Auflösung anzupassen

Uhhm... nein.

Du hast es geschafft, die Breite des Forums in Abhängigkeit von der Fensterbreite des Browsers anzupassen. Je schmaler das Browserfenster, desto schmaler das Template. (Umgekehrt genauso.)
Da liegt auch der Knackpunkt: Das Template baut auf absoluten Angaben der Breiten / Höhen auf, sonst paßt es (wie in deinem Falle) nicht mehr mit den Hintergrundbildern etc. pp.

Wenn Du es also so haben möchtest, daß es passend zum Fenster des Browsers "gezoomt" wird, mußt Du das Template umschreiben.

Zu 3.: Führe die Installationsanweisung in der install.xml für die overall_header.html deines Templates aus.

Öffnen: styles/<dein_style>/template/overall_header.html
Finden

Code: Alles auswählen

<div class="navbar"> 

Davor einfügen

Code: Alles auswählen

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU --> 

Finden

Code: Alles auswählen

<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong>     

In der Zeile finden

Code: Alles auswählen

<li class="icon-home"> 

In der Zeile danach einfügen

Code: Alles auswählen

<!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF -->     

Finden

Code: Alles auswählen

                    <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
                <!-- ENDIF -->
            </ul>

            <span class="corners-bottom"><span></span></span></div>
        </div> 

Danach einfügen

Code: Alles auswählen

<!-- ENDIF --> 

Beachte auch KB:tippstyles.

[Talk19zehn]

Hi Mondlied, die Grafik ist augenscheinlich deiner Auflösung entnommen?

Ich habe recht wenig Ahnung von Quellcodes und Programmierungen etc. , trotzdem habe ich es geschafft ein Forum zu installieren, das Portal drüberzubügeln und sogar einen Style einzupflegen. Es ist mir sogar gelungen die Breite des Forums unabhängig von der Auflösung anzupassen, allerdings sind da immer noch 2 unschönheiten die ich gerne beseitigen möchte. Zu sehen auf diesem Bild! [ externes Bild ]

.... prüfe vor weiteren Umbaumaßnahmen bitte die Ansicht in den jeweiligen Templates in anderen Auflösungen. Entgegen deiner Ausssage bin ich der Auffassung, dass die Anpassung abhängig von der Bildschirmauflösung erfolgt ist.

Wir "verlaufen" uns sonst bei etwaigen Anpassungen ggf. in unendliche Geschichten. Von daher ohne Gewähr ist´s evtl. möglich den unteren Teil, vgl
bitte jenen Teil der Tabelle in der index_body.html, wie folgt anzupassen:

suche/ersetze bitte testweise und prüfe:

Code: Alles auswählen

	<td width="100%" valign="middle">
	<p class="genmed" style="text-align:center">{TOTAL_POSTS} | {TOTAL_TOPICS} | {TOTAL_USERS} | {NEWEST_USER}</p><br />
	<!-- IF S_DISPLAY_ONLINE_LIST -->
	<p class="genmed" style="text-align:center">{TOTAL_USERS_ONLINE} <br />({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</p>
	<!-- IF LEGEND --><p style="text-align:center"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></p><!-- ENDIF -->
	<!-- ENDIF -->
	</td>
	<td><a href="#" title=""><img alt="" img src="{T_THEME_PATH}/images/deinbutton.gif" /></a></td>

"deinbutton.gif" liegt im Verzeichnis theme/images. Die Buttongröße könnte sich maximal an der Größe des "whosonline.gif" orientieren.

Grüße