forum/kategoriebeschreibung positionieren

[xors3d]

[ externes Bild ]

das "Freebasic" würde ich gern mittig und oben plazieren wollen, bzw. 5px vom oberen rand des hintergrundes.(dieser wird dann natürlich noch etwas vergrößert in der höhe!)

wo kann ich das beeinflußen?

[JFooty]

Öffne die common.css und finde:

Code: Alles auswählen

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
  
}

Ersetze mit:

Code: Alles auswählen

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
	text-align:center 
}

Damit ist die Schrift mittig.
Die Abstände kannst du auch an dieser Stelle festlegen.

[xors3d]

ich muss jetzt nun leider "themen, beiträge, letzter beitrag" ebenso alles ein stück nach unten schieben.
mit padding schieb ich die beschreibung nach rechts, denke ich mal.

aber den rest?!? nach unten?

achja, kann ich dort auch einfach fettschrift definieren?
die beschreibung soll sich doch etwas abheben.

hier schau mal.... http://www.xors3d.de/board/index.php

habs derweil in der forumlist_body.html auskommentiert.....


[edit] schau mal, jetzt hab ich zwar die beschreibung wo sie hin soll, aber der rest ist verschoben.
soll wieder an alte position nur eben etwas weiter runter.

nur wirds jetzt im ie total mistig dargestellt........
ich würde beiträge etc..... gern in die grafik einbauen, aber wie bekomm ich die im IE wieder nen stück hoch?

[JFooty]

So ganz kann ich dir im Moment nicht folgen...
Wenn ich dich richtig verstanden habe, probiere mal folgendes:

Öffne die colours.css und finde:

Code: Alles auswählen

.forabg {
	background-color: #bcb8ae;
  background-image: url("{T_THEME_PATH}/images/cat.png");
}

Ersetze mit:

Code: Alles auswählen

.forabg {
	background:#bcb8ae url("{T_THEME_PATH}/images/cat.png") no-repeat scroll 0 0;
	padding:10px 15px 0
}

...mit padding schieb ich die beschreibung nach rechts,..

In alle möglichen Richtungen, wenn du willst.
Dazu gibt es padding-top, padding-left, padding-right und padding-bottom.
Eine Erklärung dazu findest du hier.

[xors3d]

okay schau halt hier.
Das wort themen hab ich ja in die mitte verschoben.
aber siehst du jetzt was mit dem rest daneben passiert?

http://www.xors3d.de/board/viewforum.php?f=4

wenn du auf den index gehst, siehst du wie ich es da gelöst habe.
im template gelöscht in cat.png halt mit eingezeichnet.

[JFooty]

...aber siehst du jetzt was mit dem rest daneben passiert?...

Ah ja. Das Problem ist, dass die betreffenden Stellen beide über:

Code: Alles auswählen

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 200px;
	/*padding-right: 50px;*/
  text-align:center; 
}

angesprochen werden. Das heißt padding-left:200px ist auf der Index-Seite ok, aber nicht für die Forumansicht. Nimmst du das padding-left:200px wieder raus, passt die Forumansicht, aber die Index-Seite nicht mehr.
Jetzt kommt es darauf an, was du möchtest.
Soll die Forumansicht ähnlich wie die auf der Index-Seite werden?
Oder reicht es in der Forumansicht, die Überschriften wieder an die richtige Stelle zu rücken?

[xors3d]

ähm nein, es passt beides nicht.
"themen" "beiträge" "letzte beiträge" ist auf der index nicht mehr vorhanden, weil ich deren aufruf im entsprechenden template gelöscht habe, und es in das .png mittels photoshop eingefügt habe.
natürlich könnte ich http://www.xors3d.de/board/viewforum.php?f=4 auch dort wieder diese einträge löschen und einen hintergrund machen, wo ich diese drei wörter mit psd einfüge, was auch gehen würde, da meine seite statisch von der größe her ist.

vielleicht ist das auch die einzig sinnvolle art.

lass dir mal mit rechtklick hintergrundgrafik das cat.png anzeigen.....dann weißt wie ich das meine.

[JFooty]

Das ist mir schon klar.
Aber auf der Index-Seite sind ja die Kategorien (INFO, Xors3d, BlitzBasic3D usw.) nicht in das Bild integriert.
Das meinte ich im vorigen Post.
Also mein Vorschlag wäre:

Öffne die common.css und finde:

Code: Alles auswählen

li.header dl.icon dt {
   /* Tweak for headers alignment when folder icon used */
   padding-left: 200px;
   /*padding-right: 50px;*/
  text-align:center; 
}

Füge danach ein:

Code: Alles auswählen

li.header dl.iconneu dt {
   text-align:center; 
}

Öffne die viewforum_body.html und finde:

Code: Alles auswählen

<dl class="icon">

Ersetze mit:

Code: Alles auswählen

<dl class="iconneu">

Falls dir das nicht so gefällt, wäre die Variante mit der Grafik durchaus eine Alternative.

[xors3d]

dachte ich mir auch scon, das zu splitten wäre eine alternative.
zumindest theoretisch war der gedanke schon richtig.

aber da ich kein webcoder bin, und sich meine kenntnisse diesbezüglich schon in grenzen halten.....

werd ich wohl auch das bildchen ändern.
was natürlich den vorteil hat, daß es individueller ausschaut weil ichs direkt aufs .png zaubern kann

[xors3d]

ich muss nochmal dringend um hilfe bitten...
ich hab mich da wohl etwas verbastelt....

http://www.xors3d.de/board/index.php

die beschreibung und lastpost posts etc. sollen wieder runter, also dl.icon soll nur wenige pixel hoch sein, damit ich es mit einer sicher wiederholenden grafik versehen kann.

ich weiß einfach nicht mehr wo ich das verwurschtelt hab.....

ich trink jetzt erstmal nen kaffee und hoff jemand kann mir auf die schnelle helfen.....