Im Forum unten ein Image einfügen [Prosilver]

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
eXestend
Mitglied
Beiträge: 170
Registriert: 04.04.2008 17:47

Im Forum unten ein Image einfügen [Prosilver]

Beitrag von eXestend »

Hey Leute, ich kann es schlecht erklären, deshalb mal ein Bild:
[ externes Bild ]

Der Rand von oben soll unten auch hin aber ich bekomme es patu nicht hin...

jemand ne idee ?

LG

Hier die HTML File:
https://www.phpbb.de/support/pastebin.p ... iew&s=1166
eXestend
Mitglied
Beiträge: 170
Registriert: 04.04.2008 17:47

Re: Im Forum unten ein Image einfügen [Prosilver]

Beitrag von eXestend »

keiner ne idee,w ie ich das hin bekomme das unter jeder Kategorie ein Bild ist ? :p

LG
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Im Forum unten ein Image einfügen [Prosilver]

Beitrag von Crizzo »

Hi,

wie wäre es mal mit einem Link zum Forum? Was soll man denn auf dem Bild sehen? Aber im Prinzip musst du dir nur anschauen, wie es oben gemacht ist und es dann fast 1:1 nach unten übertragen. :D
eXestend
Mitglied
Beiträge: 170
Registriert: 04.04.2008 17:47

Re: Im Forum unten ein Image einfügen [Prosilver]

Beitrag von eXestend »

Deswegen ist ja die pastebin File da :D

Ich bekomme es leider nicht 1:1 (fast) hin, weil : Keine Ahnung :/ ^^
Den Link kann ich nicht geben, da es in der Offlineproduktion ist :/


Wenn ich noch nen Div um den Container lege ist gleich das Layout zerstört...leider.

Auf dem Bild soll man sehen, das ich oben ein Image eingefügt habe.

Bei der Pastebin file siehst man ja den Quellcode.

Das Obere Bild ist über den Container <div class="forabg"> gesteuert. Der css Code zum Container ist der:

Code: Alles auswählen

#page-body .forabg {
margin-bottom: 20px;
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
background-image: url("./styles/prosilver/theme/images/forebg_bg_first.png");
background-repeat: no-repeat;
background-position: 0 0;
width: 981px;
}
Das Bild an den Rändern / Rand wiederholt sich über <ul class="topiclist forums">
Der Code dazu in der CSS ist dieser:

Code: Alles auswählen

ul.forums {
background-image: url("./styles/prosilver/theme/images/forebg_bg_middel.png");
width: 953px;
padding-left: 20px;
padding-right: 20px;
margin-left: -15px;
}
so, das Problem ist es jetzt daunter ein Bild rein zu bekommen, weil immer wenn ich es versuche verstöre ich das Layout. Entweder das Bild taucht unter jedem Forum auf oder es ist gar nicht erst da.

Hoffe, das es besser erklärt ist :)

Wenn ich z.B. folgendes mache:

Code: Alles auswählen

	<!-- IF forumrow.S_LAST_ROW -->
						<li class="row">
						last
						</li>
				</ul>
habe ich nur beim letzten Forum in der letzten Kategorie diese extra row, wo ich mein Image einsetzen kann, das brauch ich aber bei jeder Kategorie am ende, damit ich per last-child da nen image setzen kann..... bekomme es aber nicht ans ende einer jeden Kategorie...

LG


OWNED. Ich Idiot. Habs gelöst. Esmuss da in forumrow.S_LAST_ROW und natürlich hier her:

Code: Alles auswählen

<!-- BEGIN forumrow -->
	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
			</ul>
						<div class="topic_last_image">
						last
						</div>
			</div>
BÄH ! Schade, das ich nicht eher drauf gekommen bin. Wer ähnliches vor hat, kann das nun tun :)

LG
Antworten

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