Ecken abändern: nicht im .inner div.

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
Cu Chullain
Mitglied
Beiträge: 57
Registriert: 02.04.2008 16:00

Ecken abändern: nicht im .inner div.

Beitrag von Cu Chullain »

Bin an einem Template für phpbb3 und momentaner Stand (nur Entwurfsverison um das Prob zu veranschaulichen)
[ externes Bild ][ externes Bild ]

soweit so gut, ich habe mir dann die Aufgabe gemacht, die vershciedenen Kategorien (Plankenabschnitte) mit Ketten zu verbinden. (dazu habe ich ein durchsichtiges Kettengif mit je einer halben Planke oben und unten)

Ich habe dann also die herkämmlichen Ecken (dass die abgerundeten Ecken entstehen) mit meiner Chaingrafik ersetzt:
[ externes Bild ][ externes Bild ]

(Ich habe nun die Wahl ob ich die oberen Ecken oder die unteren Ecken mit meiner Chaingrafik ersetzen will weil ich ja einen Übergang mache und darum nur entweder OBEN oder UNTERN brauche

Das Problem wie man einfach erkennen kann (forumlist_body.html) ist, dass die Ecken noch im .inner div drin sind und der .inner Div hat nunmal als hintergrund bild diese planken und dann wird diese Eckengrafik (die Ketten) über dieses Hintergrundbild gelegt....

für UNTERE ECKEN:

Code: Alles auswählen

<!-- BEGIN forumrow -->
	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
	<!-- ENDIF -->
steht ganz am anfang der Datei. Irgendwie verschiebt sich ALLES wenn ich die spans an einen anderen Ort tue... hier verstehe ich jedoch nicht einmal warum sie noch im .inner div drin sind...

für OBERE ECKEN:

Code: Alles auswählen

		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
wenn ich hier die top Corner ÜBER dem inner div platziere verschiebt sich wieder alles...

kann mir jemand helfen?
wenn man nochmals die erste Grafik betrachtet: ich möchte ienfahc immer diese Grafik ZWISCHEN zwei KAtegorien...

Besten Dank schon im Voraus und schreibt wenn der Problembeschreib mangelhaft ist und ihr das Problem nicht versteht^^

Mit weiterem Probieren habe ich es dann 'theoretisch' geschafft:

Code: Alles auswählen

<div style="width:10px; height:10px; border:1px solid white;">
		</div>
		<div class="forabg">
			<div class="inner"><!--<span class="corners-top"><span>--></span></span>
			<ul class="topiclist">
Der Div mit den Styleangbaen sthet sinnbildlich für die Ketten aber ich frage mich, ob das eine elegenate lösung ist einfach einen weiteren div einzufügen mit den Ketten drin...


/edit: also ich werde es nun doch mit dem div machen und bis jetzt funzt es auch einwandfrei. Ich lasse mich aber gerne von einer besseren Variante überzeugen :P
Antworten

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