Seite 1 von 1

Überschrift Forum/Kategorie linksbündig

Verfasst: 10.07.2010 10:20
von Gast220201
Hallo phpbb.de Community,

ich würde gerne den Schriftzug, wie im beigelegten Bild eingezeichnet, linskbündig anstatt zentriert haben. Weiss allerdings nicht nicht genau in welcher Datei ich das wo zu finden habe :)
Der Style, der benutzt wird nennt sich "eTech green". Natürlich aktuelle 3er Version von phpbb.

beigelegtes Bild

Und nebenbei gefragt: gibt es irgendwo eine (kleine) Erklärung, in welcher Datei was zu finden ist, wenn man etwas abändern möchte? Damit man sich nicht immer (bei Kleinigkeiten) an andere wenden muss ^^"

Gruß

SchazZzar

Re: Überschrift Forum/Kategorie linksbündig

Verfasst: 10.07.2010 12:37
von redbull254
Hallo erstmal,

suche in der „stylesheet.css“ nach:

Code: Alles auswählen

th {
	color: #E7F0E8; 
	font-size: 11px; 
	font-weight: bold;
	background: #488D4B url(images/th.gif) top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
	border-left: solid 1px #5BA45E;
	border-right: solid 1px #488D4B;
	border-top: solid 1px #579D59;
	border-bottom: solid 1px #488D4B;


Ändere :

Code: Alles auswählen

text-align: center;


in

Code: Alles auswählen

text-align: left ;
ab.

Damit steht jetzt „Forum“ linksbündig.

Wichtig ! Immer im ACP „Cache und theme“ aktualisieren.

Für den Kategorie-Name musst Du :

Code: Alles auswählen

caption, .cap-div {
text-align:center;
white-space:nowrap;
}
entsprechend ändern.

Re: Überschrift Forum/Kategorie linksbündig

Verfasst: 10.07.2010 18:31
von Gast220201
Hallo zurück ;)

Danke dir, werde dies später gleich mal testen.

Gruß

SchazZzar

Re: Überschrift Forum/Kategorie linksbündig

Verfasst: 10.07.2010 20:31
von Gast220201
Also, hat soweit gut funktioniert, allerdings möchte ich den Kategorie-Namen nicht ganz links haben, weil ich nun bemerkt habe, dass dieser dann in einem weißen Bereich kommt und bei weißer Schriftfarbe kommt das nicht soooo gut :D
Deshalb meine Frage: kann man das auch so einstellen, dass der Kategorie-Name z.B. x Pixel von links Abstand hat? ^^"

Gruß

SchazZzar

Re: Überschrift Forum/Kategorie linksbündig

Verfasst: 10.07.2010 23:55
von redbull254
Ich würde „padding“ einsetzen. ;-)

http://de.selfhtml.org/css/eigenschafte ... bstand.htm

Re: Überschrift Forum/Kategorie linksbündig

Verfasst: 11.07.2010 01:30
von 7emper5i
Ich hatte vorhin auch mal rumgespielt, geht.

Musst dann das div cap (hieß das glaub ich) von der allgemeinen Definition ausnehmen und dort separat den Befehl mit

padding-left: 15px;

hinzufügen.


Dann ist aber auch NUR der eine Teil nach links gesetzt.
Alle anderen Darstellungen sind mittig.

Re: Überschrift Forum/Kategorie linksbündig

Verfasst: 11.07.2010 15:56
von Gast220201
Würde sagen, ist schon mal ein guter Ansatz, aber leider happerts ein wenig bei der Ausführung. Habe das mal so abgeändert, wie ich es verstanden habe und das Ergebnis ist folgender: http://img694.imageshack.us/i/unbenannt1jo.jpg/

Quelltext sieht folgendermaßen aus:
/* Table header */
caption, .cap-div {
margin: 0;
padding-left: 15px;
background: url(images/hdr_mid.gif) top left repeat-x;
white-space: nowrap;
height: 27px;
text-align: left;
Hoffe man kann dies noch so umgestalten, dass der Text jetzt bleibt wo er ist, das "weiße Feld" aber wieder nach ganz links verschwindet ;)

Aber danke schon mal :)

Gruß

SchazZzar

Re: Überschrift Forum/Kategorie linksbündig

Verfasst: 11.07.2010 16:06
von 7emper5i
richtig soweit, aber die Bezeichnung ist als <h4> Überschrift gekennzeichnet, und diese alleine solltest du mit padding-left separat definieren, ansonsten funktioniert es nicht ;)

Re: Überschrift Forum/Kategorie linksbündig

Verfasst: 11.07.2010 16:27
von Gast220201
Muss leider gestehen, dass ich dir nicht ganz folgen kann ^^ Mag wohl daran liegen, dass ich mich mit CSS noch nie wirklich auseinander gesetzt habe, aber noch auseinander setzen werde für die Zukunft.

Kannst du mir dies ein wenig genauer erklären, was ich zu tun habe? Sodass es auch jemand mit kaum CSS Erfahrung versteht? Wäre sehr nett von dir, danke :)

Gruß
SchazZzar