"Chatbox"- und "Wer ist online?"-Titel wie Kategorien

Hallöle!

Ich hoffe, ich habe den Thread dazu - wenn es ihn schon gibt - nicht übersehen. Wenn doch, bitte Bescheid sagen.

Also. Man kann ja die Kategorie-Titel in Bilder ändern. Kann man das auch mit dem "Chatbox"- und "Wer ist online?"-Titel machen?

Ich meine das so, dass zum Beispiel die zwei Bilder:




An der Position von xx A xx und xx B xx sind:



(Bild 1 an xx A xx und Bild 2 an xx B xx)

Ist das über die Templates möglich?

Liebe Grüße,
Tierfreund-97

Das muss nicht unbedingt über das Template gemacht werden. Es kann aber sein, das die CSS Class dieses Bereichs geändert werden muss. Du Must feststellen, welche CSS Class diese Bereiche haben und kannst dann diesen die deine Grafiken als Hintergrund zuweisen. Die Standard Beschriftungen sollten sich dann auch noch Ausblenden lassen. Ich weiß es nun nicht ganz genau aus dem Kopf (ich müsste erst nachsehen) aber es kann doch sein das du hier neue TD Classen devinieren musst.
Da musst du mal schauen.

Danke für die schnelle Antwort.

Leider habe ich keine Ahnung von CSS Class etc. und was ich da machen muss.

Könntest du mir vielleicht erklären, was ich da jetzt machen muss?

Heute komme ich nicht mehr dazu. Ich könnte das morgen Nachmittag eventuell mal testen und dir die entsprechenden Änderungen dann Posten. Aber 100%tig versprechen kann ich dir es nicht.
Sollte jemand die Lösung parat haben kann er das gerne hier reinsetzen. Aber dann sollte es auch richtig und vollständig sein.

Okay, kein Problem.

Die Änderung ist ja nicht dringend, also kann ich warten. ^^

Danke, #Frank.

Also, ich muss nun erst einmal schauen, das ich mir ein neues Testforum erstelle, weil ich gerade kein Testforum habe in dem der Bereich nicht bearbeitet ist.
Hast du schon Template Änderungen in deinen Templates eingetragen?

Ja. ^^ Folgende Templates sind bearbeitet:

index_body
memberlist_body
viewtopic_body
posting_smilies_frame

Ist das schlimm?

Ich müsste dann mal bitte dein Templat index_body haben.
Setze das bitte hier mal in

Code:

[code][/code]

ein, damit ich mir das dann mal in mein Testforum einbauen kann.

So, ich habe es nun soweit. So sieht es nun bei mir aus:

Das ganze ist nun über das CSS einzustellen.
Hier mal der Code den ich eingesetzt habe:

Code:

.forumline td.catHead {
    background-image: url("http://saved.im/mtg1otk1ywhi/b8.png");
    background-position: center center;
    background-repeat: no-repeat;
}

#chatbox_header td.catBottom {
    background-image: url("http://saved.im/mtg1otk2emjs/b9.png");
    background-position: center center;
    background-repeat: no-repeat;
}

Wenn du das hast, dann sollten bei dir deine beiden Grafiken in den entsprechenden Feldern erscheinen.
Nun noch dazu, das du den Text in den Feldern ausblendest.

Wenn du den Text "Wer ist online" und "Chatbox" auch noch ausblenden möchtest, dann setzt du noch das hier zum CSS dazu:

Code:

a.cattitle_online, body.chatbox a.cattitle {
    display: none;
}

Außerdem suchst du im Template index_body diese Zeile:

Code:

<!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

Diesen erweiterst du bitte so:

<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle_online" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->

Wenn du das alles hast, sollte es bei dir auch so aussehen, wie es bei mir nun ist:


Ich hoffe, das es auch bei dir so klappt, wie es bei mir geklappt hat.

Ich habe das mit dem CSS gemacht. Es sieht so aus, wie bei dir. ^^

Danke.

Brauchst du mein Template index_body noch?

Kann man das auch so machen, dass der normale Hintergrund der Kategorien und Titel angezeigt wird und die neue Graphik da drüber ist?

Edit:

Leider ist jetzt der Hintergrund der Titel genauso wie der Hintergrund bei "Wer ist online?":

Stimmt, du hast recht... Da ist noch ein Fehler drin. Da muss ich aber noch mal nachschauen. Der Fehler ist auch bei mir im Testforum und das ist nicht so richtig.
Ich melde mich wieder wenn ich den Fehler korrigiert habe.

Edit:

So, um das Problem abzustellen:

müssen wir noch mal was am Template index_body ändern.
Bitte suche dir diesen Abschnitt:

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->

Und ergänze bitte das hier:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead_online" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->

Dann bitte im CSS diesen Eintrag:

Code:

.forumline td.catHead

So umstellen:

.forumline td.catHead_online

dann sollte es erst einmal weg sein, das deine Grafik an anderer Stelle angezeigt wird.
Das andere Problem ist, das wir nun den den Hintergrund dieser Zelle der ja bei dir dieser ist:

https://i.servimg.com/u/f43/16/33/67/49/sommer11.jpg
Mit dem Hintergrundbild.

http://saved.im/mtg1otk1ywhi/b8.png
überschrieben haben und dann die Wiederholung noch abgestellt haben.
Deswegen kommt hier der Hintergrund der Tabelle durch.
Du könntest das abstellen in dem du eine Grafik erstellst, die 44 PX hoch ist und 2000 Pixel breit ist.
Auf diese Grafiken musst du den Hintergrund:

gekachelt setzen, so das der über die ganze Grafik geht und darauf setzt du genau in der Mitte deine Grafiken "Wer ist Online" und "Chatbox"
Wenn du diese Grafiken hast, dann kannst du diese anstelle der jetzigen in das CSS einsetzten.
Dann sollte es auch dort so angezeigt werden, wie du es dir vorstellst.
Anders geht es leider nicht.

Ich sehe gerade das du die Templateänderung zum ausblenden der Beschriftungen und den dazu gehörenden CSS Eintrag noch nicht eingesetzt hast. Willst du das nicht noch machen?

Danke!

Ich habe jetzt alles so gemacht, wie du es beschrieben hast. Es funktioniert einwandfrei ^^

Eine Frage hätte ich da noch:

Kann man die "Spalte" bei der Chatbox und Wer ist online 44 Pixel hoch machen? Also, da wo die Graphiken nun angezeigt werden. Die Graphik wird abgeschnitten:



Die Graphik selbst (blau) ist ja 44px hoch, angezeigt werden aber nur 28px (blau).

Kann man diese "Spalte" also irgendwie größer machen?

Edit:

Ich habs bei Wer ist online schon gefunden

Jedoch nicht bei der Chatbox ._.

Du kannst das beides noch über einen Zusatz zum CSS einstellen (die von dir vorgenommene Änderung im Template kann dann wieder zurückgenommen werden):

.forumline td.catHead_online {
background-image: url("http://saved.im/mtg1otk1ywhi/b8.png");
background-position: center center;
background-repeat: no-repeat;
height: 44px;
}

#chatbox_header td.catBottom {
background-image: url("http://saved.im/mtg1otk2emjs/b9.png");
background-position: center center;
background-repeat: no-repeat;
height: 38px;
}

Bei der Höhe der Chatboxzeile musst du mal etwas probieren, aber mit 38 sollte es schon passen, sonnst nimm da 40Px.
Leider können wir das Template der Chatbox nicht verändern, so das wir hier auch nur über das CSS da was machen können.

Okay, danke. ^^

Ich habe es bei der Chatbox auf 40px gestellt. Sieht besser aus als vorher. ^.^

Danke.

Das war's dann... hier kann geschlossen werden.

Alles klar...
Noch ein Tipp:
Du kannst solche Änderungen in Zukunft und mit ein bißchen Übung selber machen, wenn du dir für deinen Browser das AddOn Firebug installierst. Damit ist es möglich für jeden Bereich den betreffenden CSS Eintrag zu finden und auch temporär daran Änderungen zu testen um diese dann in deinem Forum einzusetzen.
Grundlagen zum CSS findest du auch auf http://www.css4you.de/
Dort ist einiges zur Funktionsweise und zu bestimmten Befehlen zu finden. Das Addon unterstützt dich auch beim erstellen zusätzlicher Befehle in dem es dir immer entsprechende Befehle vorschlägt wenn du die ersten Zeiche eingibst.