News Overallheader.html Eigener Einbau

[david19]

Hallo liebe User Ich bastel mir grad meine eigene "News" Spalte ins Forum ein. Mir war wichtig das es in der Index.php zu sehen und Portal.php usw.. Deswegen wird diese in die Overallheader eingefügt.

Meine Zeile ist schon fertig und sie funktioniert auch Nun möchte ich das verschönern und ein Hintergrund Bild einfügen für diese 4 Zeilen.

Meine News sehen so aus, und wurden ganz unten in die Overallheader eingefügt sodass die Zeilen unter dem UCP zu sehen ist wie gewollt.

Code: Alles auswählen

<font color="#000000"><center><strong><font size="5">News</font></center></strong><br><br><font color="#FF0000"><center><font size="3">23.11.2011 Ein neue Funktion wurde hinzugefügt</font></center></font><br>
<center><a href="www.domain.de" title="klick mich">klick mich</a></center></font><br>

Ich habe bei SelfHTML mir diesen Code erarbeitet und nun geht er endlich Aber nun zu meinen Problem. Dies ist ein reiner HTML Code ausser

Code: Alles auswählen

<center>

dürfte css sein. Um nun ein Hintergrund Bild einzufügen muss ich erstmal diesen HTML Code in XHTML umwandeln. Das habe ich versucht mit

Code: Alles auswählen

<span style="font-size:1.2em">

oder

Code: Alles auswählen

<span style="color:#FF0000">

aber ich bekomme den nicht richtig geschlossen und dann sind alle meine Schriften im Forum so groß

Kann mir jemand helfen diesen HTML umzuwandeln in XHTML/CSS, das ich dann ein Hintergrundbild einfügen kann? Wie gesagt der HTML Code oben funktioniert auch wenn er vieleicht falsch ist. Aber es wird alles so angezeigt wie ich es möchte. Vielen Dank

[Miriam]

Hallo,

lies mal hier: http://www.css4you.de/

[Talk19zehn]

Hello david19, bin mir nicht sicher, was du mit "einer Spalte" meinen könntest. Sofern du von Prosilver ausgehst, sind diese Ideen evtl. für dich nützlich?


1)

Code: Alles auswählen

	<div class="navbar">
		<div class="inner"><span class="corners-top"><span></span></span><p style="text-align:center; padding:10px; border:thin solid black; margin:15px"><span style="font-weight: bold">23.11.2011 Ein neue Funktion wurde hinzugefügt</span><br />
		<span><a href="#" title="...">Verweistext</a></span></p>
		<span class="corners-bottom"><span></span></span></div>
	</div>

2)

Code: Alles auswählen

	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<div style="width: 99%; text-align: center; margin-top: 3px;">
		<img src="#" width="80px" height="57px" alt="..." />
		<img src="#" width="80px" height="57px" alt="..." />
		<img src="#" width="80px" height="57px" alt="..." />
		</div>
		<p style="text-align:center; padding:5px; border:thin solid black; margin:10px"><span style="font-weight: bold">23.11.2011 Ein neue Funktion wurde hinzugefügt</span><br />
		<span><a href="#" title="...">Klick mich</a></span></p>
		<span class="corners-bottom"><span></span></span></div>
	</div>

3) Um einen Text oder weitere Inhalte auf einer Grafik auszugeben, kann ggf. der folgende Beitrag für dich hilfreich sein: viewtopic.php?p=1171075#p1171075

Viele Grüße

[david19]

Hallo,

lies mal hier: http://www.css4you.de/

Tolle Seite. Vielen Dank

2)

Code: Alles auswählen

	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<div style="width: 99%; text-align: center; margin-top: 3px;">
		<img src="#" width="80px" height="57px" alt="..." />
		<img src="#" width="80px" height="57px" alt="..." />
		<img src="#" width="80px" height="57px" alt="..." />
		</div>
		<p style="text-align:center; padding:5px; border:thin solid black; margin:10px"><span style="font-weight: bold">23.11.2011 Ein neue Funktion wurde hinzugefügt</span><br />
		<span><a href="#" title="...">Klick mich</a></span></p>
		<span class="corners-bottom"><span></span></span></div>
	</div>

Genau so wollte ich es haben. Vielen Dank. Ich hatte immer mit <br> versucht, aber ich sehe jetzt es hätte <div> sein müssen Habe nun aber mittlerweile ein MOD gefunden"Schon gewusst". Damit kann ich das auch machen und sogar von ACP aus. Besten Dank