phpBB.de

Verfasst: **22.06.2012 17:58**

Hallo,

so ich habe es jetzt einmal mit style="position:relative; top:ABCpx; left:ABC.px versucht (Und natürlich ABC durch Pixelwerte ergänzt), doch das ganze entwickelte sich nicht ganz so gut, da es jetzt direkt an der Seite "klebte" und beim Scrollen mit verrückt wurde.

Entschuldige, wenn ich hier so dumm frage, aber irgendwie kriege ich das dann doch nicht hin...

Gruß
Malte

Verfasst: **22.06.2012 19:24**

hi Malte,
ich hatte dir ja noch andere Möglichkeiten aufgezeigt. Spiele ein bisschen damit herum, kombiniere die Eigenschaften unter-/miteinander und schaue dir die Auswirkungen an => learning by doing ...
und wenn du nicht weiterkommst, hat Tante G den Tipp "SelfHTML" parat ...

viel Glück
so long

Verfasst: **23.06.2012 07:00**

Hi Malte,

wenn du deine Codierung
nach

Code: Alles auswählen

<body id="phpbb" class="section-{SCRIPT_NAME} {S_content_DIRECTION}">

einfügst, probiere bitte der ID Wrap ein margin-top ( von oben ), Höhe des DIV den du einbindest, zu geben. Hierin ist auch u.a. ein Border rechnerisch zu berücksichtigen.

Ich beziehe mich auf Prosilver: common.css

Code: Alles auswählen

#wrap {
	padding: 0 20px;
	min-width: 650px;
}

Ergänze um ( Beispiel )

Code: Alles auswählen

	margin-top: 32px;

Ungetestet anhand deines Codes.
Viele Grüße

Verfasst: **09.07.2012 02:43**

Bei mir passt leider diese Lösung nicht, weil die obere Leiste dann überblendet sein würde, vor allem die Board Zeit.

Da muss es doch bestimmt andere Lösungen geben.
Zum Beispiel so was http://de.fotolia.com/id/34429386 http://de.fotolia.com/id/41298279 "herlich willkommen" und dann ganz unter bei "um den vollen Zugang zu erhalten, registriere dich blablabl"

Verfasst: **09.07.2012 09:47**

Moin, moin - ich habe nicht verstanden, welche Lösung nicht passt?

Der obige Ansatz ( Prosilver ) hat zur Folge, dass das Forum immer, sprich auf allen Seiten einen Abstand in Höhe von 32px von oben hätte. Das kann natürlich je nach Konstrukt und Design störend sein, - stimmt.

Als Alternative gedacht: Habt ihr bereits probiert den Code in der index_body.html einzubinden? Undzwar ggf. direkt nach

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

Code: Alles auswählen

<br />
<div class="navbar">
		<div class="inner"><span class="corners-top"><span></span></span>
		<p><div class="lste">Hallo Gast!! Bitte <b><a href="http://www.forum.de/ucp.php?mode=login">einloggen</a></b> um alle Funktionen des Forums zu nutzen. Du hast noch keinen Account, dann <b><a href="http://http://www.forum.de/ucp.php?mode=register">registriere</a></b> dich schnell und völlig kostenlos.</div></p>
 		<span class="corners-bottom"><span></span></span></div>
		</div>
<div style="clear: both;"></div>
<br />

Oder bspw. evtl. wie folgt in der index_body.html:

Code: Alles auswählen

<br />
<div>
		<p><div class="lste">Hallo Gast!! Bitte <b><a href="http://www.forum.de/ucp.php?mode=login">einloggen</a></b> um alle Funktionen des Forums zu nutzen. Du hast noch keinen Account, dann <b><a href="http://http://www.forum.de/ucp.php?mode=register">registriere</a></b> dich schnell und völlig kostenlos.</div>
		</p>
</div>
<div style="clear: both;"></div>
<br />

CSS wäre noch zu (ver)ändern: Nur ein Beispiel

Code: Alles auswählen

.lste {
border-left:0px solid #333333;
border-right:0px solid #333333;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
font-family:Verdana,Sans-Sherif;/**/
font-size:11px;/**/
background:#fdf2ab url('http://www.deinedomain.tld/deinbild.png') no-repeat 8px 5px;/**/
padding-left:28px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px
}
.lste:hover
{
background-color:#FFCC99;/**/
}

Ein Zeilenumruch bzw. Abstände uvw. sind variabel einrichtbar. Mit dem Zusatz einer entsprechenden "IF-Bedingung", könnt ihr den Registrierungshinweis zudem bspw. nur anzeigen, wenn der Benutzer nicht eingeloggt ist. Außerdem würde ich persönlich den Bots gegenüber die Ansicht verweigern wollen.

Viele Grüße

Verfasst: **10.07.2012 18:34**

Talk19zehn hat geschrieben:Hi Malte,

wenn du deine Codierung
nach
Code: Alles auswählen
<body id="phpbb" class="section-{SCRIPT_NAME} {S_content_DIRECTION}">
einfügst, probiere bitte der ID Wrap ein margin-top ( von oben ), Höhe des DIV den du einbindest, zu geben. Hierin ist auch u.a. ein Border rechnerisch zu berücksichtigen.

Ich beziehe mich auf Prosilver: common.css
Code: Alles auswählen
#wrap {
	padding: 0 20px;
	min-width: 650px;
}
Ergänze um ( Beispiel )
Code: Alles auswählen
	margin-top: 32px;
Ungetestet anhand deines Codes.
Viele Grüße

Hallo Talk19Zehn,

ich bin nun aus dem Urlaub zurück und kann mich nun mit dem Problem befassen.

Ich habe mich mal nach dem Beitrag, den ich zitiert habe gerichtet, das direkte einbinden in den index_body.html kommt mir beispielsweise, weil das überall angezeigt werden soll und nicht nur auf dem Index, nicht in Frage.
Wie dem auch sei, es ist natürlich schwer, sich alles vorzustellen, da ich ja immer nur rede und rede und man sich das nie angucken konnte. Ich habe ja mein Testforum eben lokal. Deshalb habe ich mal eben kurzerhand ein Testforum eingerichtet, da kann man sich das angucken.
Man kann es hier erreichen:
http://maps.square7.ch/area51/index.php

Vorab: Wundert euch nicht, ich habe in den Footer ein paar <br /> reingehauen, damit man weiter herunter scrollen kann, sonst kann ich das Problem nicht verdeutlichen. Wie dem auch sei, guckt euch das mal genauer an:
Scrollt in kleinen Schritten mit dem Scrollbalken (Nicht mit dem Mausrad, da sind die Schritte zu groß) in kleinen Abständen nach unten und betrachtet den Balken. Nach einiger Zeit, immer wenn sich gerade Test "unter" dem Balken befindet, legt sich die Schrift direkt darüber und alles überlappt. Das soll eben nicht so sein.

Aktuell habe ich das verbaut:
viewtopic.php?p=1275693#p1275693

Dein Vorschlag mit dem margin-top: 32px; ist für mich nicht einsetzbar, da der Balken damit auf der Webseite fixiert wird und beim runter scrollen verschwindet. Der Sinn des ganzen soll ja sein, dass der Balken immer oben angezeigt wird und die Webseite darunter normal angezeigt wird, ohne beim Scrollen zu überlappen.

Ich hoffe ihr versteht mich und könnt mir helfen.

Gruß
Malte

Verfasst: **10.07.2012 20:39**

Hello Malte, anstelle der Index wäre ja auch die overall_header.html denkbar.

Nun denn, - ach so ist´s gemeint.

Mein Konstrukt ( Prosilver ) lautet: Probiere doch bitte gleichlautend aus.

content.css

Code: Alles auswählen

.loginbar {
	background: url("{T_THEME_PATH}/images/cal_icon_right_arrow.png") no-repeat scroll 8px 5px #FDF2AB;
	border-color: #12A3EB;
	border-left: 1px solid #12A3EB;
	border-right: 1px solid #12A3EB;
	border-style: solid;
	border-width: 1px 0;
	font-family: Verdana, Sans-Sherif;
	font-size: 11px;
	text-align: center;
	left: 0;
	padding: 5px 8px 5px 28px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 200;
}

.bottomloginbar {
	padding-bottom: 32px;
}

overall_header.html

nach -->

Code: Alles auswählen

<div id="wrap">

bitte einfügen: Beispiel

Code: Alles auswählen

<div class="bottomloginbar"><div class="loginbar">Willkommen Gast!! Bitte <b><a href="https://www.phpbb.de/community/">einloggen</a></b>, um alle Funktionen des Forums zu nutzen. Du hast noch keinen Account, dann <b><a href="https://www.phpbb.de/community/ucp.php?mode=register">registriere</a></b> dich. Schnell und kostenlos.</div></div>

Viele Grüße

PS.: Beim Scrollen müssten wir mal nachschauen, woran es liegt, dass sich das Forum in jener Loginbar überlagert. Da fehlt mir momentan gerade die zündende Idee. Irgendwie ist mir das abgewandelte Konstrukt mit all den vorgegebenen Borderangaben noch etwas suspekt, gebe ich gerne zu.

Zumindest oben fixiert, Abstand geschaffen ( keine Headerüberlagerung ) und scrollt nun halbwegs korrekt.

Edit und RS:
In meinem Falle ist nun der Text außerdem zentriert und ich habe ein Bildchen vom Portal verwendet, welches ich erneut ( theme / images ) hinterlegte.

Edit:
Z-Index aufgenommen dank FRvN

Verfasst: **10.07.2012 21:10**

setze mal bei .loginbar { ein z-index:200; mit rein, dann dürfte es funktionieren

Verfasst: **10.07.2012 21:22**

Talk19zehn hat geschrieben: PS.: Beim Scrollen müssten wir mal nachschauen, woran es liegt, dass sich das Forum in jener Loginbar überlagert. Da fehlt mir momentan gerade die zündende Idee.
...(...)...

Hi FRvN, du bist der Held des Tages - wunderbar!!!

Danke dir!!

[ot]
Ohje, dass ich doch so ab und zu auf meiner "biologischen Festplatte" die Ideen nicht (wieder)finde .... ---

[/ot)

Verfasst: **10.07.2012 21:32**

Hallo,

das behebt wie hier zu sehen
http://maps.square7.ch/area51/index.php

Jetzt ist der Text zwar zentriert, aber beim herunterscrollen legt sich der Foruminhalt immernoch über die Leiste.

Gruß
Malte

phpBB.de

Login Bar

Re: Login Bar

Re: Login Bar

Re: Login Bar

Re: Login Bar

Re: Login Bar

Re: Login Bar

Re: Login Bar

Re: Login Bar

Re: Login Bar

Re: Login Bar