[PunBB] Problem mit Rahmen/Linie bei Wer ist Online

Guten Abend!
Ich möchte mich zur später Stunde mal zur Wort melden, ich habe ein kleines Problem mit meiner Wer ist Online Box. Ich wollte es gerne im großen und ganzen so lassen, jedoch stört mich das etwas das alles so frei steht, keine Linie und so. Kann natürlich auch sein, dass ich es falsch angeordnet habe.

Grüßle
Gillies

Hallo,

bitte erstelle einen Screenshot dieses Bereichs und markiere darauf, wo du denn gerne Linien o.ä. haben würdest. Danke!

Bitte passe außerdem deinen Thementitel an, sodass er sich genauer auf deine Frage bezieht.
Statt [PunBB] Problem mit "Wer ist Online" wäre z.B. [PunBB] Rahmen/Linien bei "Wer ist Online" ein aussagekräftiger Titel.

Liebe Grüße
Günther

Danke für deine schnelle Antwort, Günther.

zu.1.) Ich würde mir darunter eine gestrichelte Line wünschen.

Die Legende würde ich erst einmal so belassen, wenn es Inordnung ist.

zu.2.) Die 24h Online Box möchte ich gerne unter die Legende habe, die natürlich auch durch eine gestrichelte Linie abgetrennt.

Ich hatte das ganze schon einmal versucht, ohne den Linien. Allerdings habe ich keinen Absatz zwischen der Legende und der 24H Box hinbekommen.

Ich nehme an, das hast du überlesen:

Günther schrieb:Bitte passe außerdem deinen Thementitel an, sodass er sich genauer auf deine Frage bezieht.
Statt [PunBB] Problem mit "Wer ist Online" wäre z.B. [PunBB] Rahmen/Linien bei "Wer ist Online" ein aussagekräftiger Titel.

Bitte nachholen.

Danke für den Screenshot. Für deine Änderungen gehst du in die Templates zu
AB -> Anzeige -> Templates -> Allgemeines -> index_body
und suchst dort folgende Stelle (unverändertes Template: Zeilen 80-84):

Code:

{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>

<p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

An der rot markierten Stelle entfernst du die Variable und setzt sie stattdessen an der grün markierten wieder ein:

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>

<p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>
<br />
{L_CONNECTED_MEMBERS}

Ebenfalls grün markiert habe ich dir ein br-Tag, welches du dort für einen größeren Absatz einsetzen kannst. Du kannst dort nach Belieben auch weitere br-Tags einsetzen.

Dadurch ist der Bereich der 24h-Eingeloggten unter die Legende verschoben. Um die Trennlinien einzusetzen, fügst du an dieser Stelle den grün markierten Bereich hinzu:

<p class="wio_border">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

Danach sendest du das veränderte Template ab und veröffentlichst es über einen Klick auf .

Zuletzt füge in dein CSS-Stylesheet unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
folgenden Code ein:

Code:

.wio_border {
  border-bottom: 1px dashed #FF0000;
  border-top: 1px dashed #FF0000;
  padding: 3px 0;
}

Du kannst Rahmenart und -farbe nach Wunsch festlegen:
http://www.css4you.de/border.html

Das Ergebnis sieht dann in etwa folgendermaßen aus:


Passt das so?

Ich das Thema Editiert und ich habe es wirklich übersehen gehabt, tut mir leid.

Ich möchte mich ganz herzlich bei dir bedanken, es sieht super aus, jedoch habe ich ein kleines Anliegen, die beiden Linien sollen doch einmal unter Wer ist Online und einmal unter der Legende. Hab ich vielleicht etwas übersehen? und wie hast du das jetzt genau gemacht? könnte ja sein, dass ich die Box verändern möchte, wie bekomme ich dann das mit der Linie hin?

Edit:
Das Bild habe ich jetzt erst gesehen und ja, so stelle ich es mir in etwa vor.

Sie wären, wie du auf meinem Screenshot siehst, normalerweise auch am richtigen Platz.
Du hast dort aber eine selbsterstellte Legende eingesetzt. Diese solltest du einfach dorthin zwischen diese beiden Tags verschieben:

<p class="wio_border">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

=>

<p class="wio_border"> SELBSTERSTELLTE LEGENDE </p>

Dann musst du am wenigsten ändern. Ich hatte gedacht, dass du sie bereits dort als Ersatz der originalen Legenden-Variable eingesetzt hast (ich kenne ja dein Template nicht), aber anscheinend war das nicht der Fall.

Ich habe es an die richtige Stelle gerückt und nun passt es, dankeschön.
Ich wünsche dir noch einen Angenehmen Abend und danke für deine Mühe.

lg Gillies

EDit:
Eine Frage hätte ich da noch, ist die gestattet?

Freut mich, gern geschehen.
Dir ebenfalls einen schönen Restabend bzw. eine gute Nacht.

Zu deiner Frage von oben noch kurz:

Gillies schrieb:und wie hast du das jetzt genau gemacht? könnte ja sein, dass ich die Box verändern möchte, wie bekomme ich dann das mit der Linie hin?

Über den Bereich class="wio_border", den man als Attribut einem HTML-Element (z.B. dem Absatzelement p) hinzufügen kann, weist man diesem eine Klasse zu. Aschließend kann man diese im CSS-Stylesheet mit Eigenschaften, wie dem Rahmen, definieren.
Möchtest du dort etwas verändern oder weitere Linien hinzufügen, dann musst du bei den entsprechenden Elementen ebenfalls das Klassen-Attribut einsetzen, wie du es gerade gemacht hast. Wenn du dir das mal näher ansiehst, ist es nicht so schwer.

Edit:

Gillies schrieb:EDit:
Eine Frage hätte ich da noch, ist die gestattet?

Hat sie mit diesem Thema hier zu tun? Wenn ja, kannst du sie gerne noch hier stellen, wenn nein, eröffne dazu bitte regelgemäß ein neues Thema.
In beiden Fällen das Forum bitte wieder aus dem Wartungsmodus nehmen, damit ich mir alles auch selbst ansehen kann.

Dankeschön das du nochmal eröffnet hast und ja es hat was mit diesen Thema zu tun, nur eine Kleinigkeit. Ich wollte gern versuchen das die Legende in die Mitte erscheint, doch wenn das umsetzten möchte, landet es direkt unter die Linie und das möchte ich ja nicht. Hast du ein Tipp?

Bitte, ich habe deinen Edit gerade nach dem Schließen noch gesehen.

Ja, ich würde das so machen:

<p class="wio_border" align="center"> SELBSTERSTELLTE LEGENDE </p>

Mehr dazu hier:
http://de.selfhtml.org/html/text/absaetze.htm#ausrichten

Dankeschön Günther, Schlaf gut

Bitte, du auch.
-closed-