Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Auch wenn ich Dir bei dem CSS-Problem nicht helfen kann, vielleicht ein Tip für die Zukunft:

Kennzeichne Deine CSS-Abschnitte mit den üblichen Info-Beschriftungen, welcher Abschnitt welche Funktion hat. So siehst Du zum einen, ob die einzelnen Abschnitte in sich geschlossen sind und kannst bei einem Problem wie diesem gezielt einzelnen CSS-Abschnitte herausnehmen, um den Fehler einzugrenzen.

Ich nutze in meinem Forum auch einige CSS-Ergänzungen, die ich hier aus dem Forum habe (dank der freundlichen Postings kundiger User), die ich für den Fall der Fälle jeweils einzeln beschriftet habe. Die Info-Kennzeichnungen haben ja keine Auswirkungen.

Hallo Beatrica,

da kann ich Rabendolch nur zustimmen! Ein bisschen Übersicht in Deinen CSS-Einträgen ist wirklich sehr hilfreich.

Nun, ich bin alle Deine CSS-Codes inzwischen druchgegangen und habe dabei höchst Erstaunliches festgestellt: Du hast da teilweise nicht nur doppelte CSS-Einträge enthalten, sondern bis zu, ich glaube, sechsfache Kopien ein und desselben CSS-Codes. Es soll sich nun aber nicht allzu wild anhören, denn einige waren wirklich nur doppelt. Das habe ich erst einmal sauber verkürzt, damit die Software nicht jedesmal, wenn eine Seite geöffnet wird, unnötig viel zu lesen hat. Die ist auch so schon genügend beschäftigt.

Du wirst Dich vermutlich wundern, wie überschaubar ab nun alles sein wird. Ich habe auch gleichzeitig die Schreibweise etwas vereinheitlicht, da hier eindeutig mehrere, wie soll ich sagen, "Handschriften" zu Tage traten. Das sieht nun auch ganz vernünftig aus.

Bevor ich Dir die ganzen CSS-Einträge nun wieder zurückschicke, muss ich allerdings noch etwas wissen: Hast Du zufälligerweise für den Button Forum Übersicht eine eigene Grafik unter "Admin > Layout > Navigation" eingefügt?

Und zwar an dieser Stelle im Admin-Menü:


Falls ja, dann bräuchte ich bitte die Bildadresse, die Du da eingefügt hast. Danach kann ich den Rest in meinem Testforum erledigen und Deinen Forum Übersicht-Button höchstwahrscheinlich wieder sichtbar machen.

Bei dieser Gelegenheit muss ich Dir gleich wieder ein Kompliment aussprechen: Deine CSS-Einträge zeigen mir, dass Du Dich sehr mutig auch mit den Feinheiten beschäftigst. Das finde ich großartig.

ich habe hier sehr interesiert mitgelesen. Nun habe ich an dich romulus ne Frage. Ich hab ja einige Einträge in der CSS. Nun weis ich nich genau welche genau wofür war.Wie kann ich das rausfinden?

Ein Beispiel? Ehm.... na das, was im CSS-Feld steht, wenn man es nicht überschrieben hat.

/* Dieser Code wird der vorgebenen CSS-Datei angehängt */
 

Moin Bea,
meine CSS ist auch recht wild.
Ich habe auch immer nur neue Teile rein kopiert und drin gelassen wenn sie funktioniert haben.
Wie man Kommentare einsetzt um die Bereiche sauber zu trennen und zu wissen wofür der Code gerade ist,
wußte ich bis vor kurzem auch nicht.
Hier die Schreibweise:
/* Hier kommt der Kommentar hinein */

das ist gut, das sollte ich auch mal machen

danke für den Tipp

Guten Morgen!
Ganz kurz, wie ich es mir angewöhnt habe (das habe ich mir von Anfang an von Olaf und Wolfgang abgeguckt, die mir wohl am meisten beigebracht haben):

/* Eintrag Anfang "Chat größere Schrift und andere Schriftart" */
.xChat *{
     font-size:13px !important;
     font-family:'Open Sans', sans-serif;
}
/* Eintrag Ende "Chat größere Schrift und andere Schriftart" */
 

1) Ich achte bei der Schreibweie z.B. immer auch darauf, dass nach der CSS-Klasse bzw. dem ID-Attribut immer ein Leerzeichen vor der ersten geschweiften Klammer ist.
2) Direkt nach der ersten Klammer kommt der Umbruch.
3) Jede Eigenschaft bekommt eine eigene Zeile und endet nach dem Wert mit einem Semikolon (bei !important immer ein Leerzeichen davor , aber keines nach dem Ausrufezeichen).
4) Die Eigenschaften rücke ich durch viermaliges Drücken der Leertaste etwas ein. Das schafft eine gute Übersicht auch bei umfangreicheren Codes.
5) Die zweite geschweifte Klammer steht in der letzten Zeile für sich.

Jeder CSS-Code samt Beschreibungszeilen wird durch eine Leerzeile zu den benachbarten Codes abgesetzt.

@gismo22100 : Die Zuständigkeit Deiner einzelnen CSS-Einträge kannst Du wahrscheinlich zur Gänze mit einem einfachen Trick sehr leicht herausfinden: Setze einfach bei jedem Code die Zeile background: #ff0000; dazwischen. Falls Du in verschiedenen Codes bereis die Eigenschaft "background" enthalten hast, notiere Dir auf einem Stück Papier den Farbcode und ersetze ihn durch #ff0000. Das ergibt die Farbe Rot und verrät Dir in Deinem Forum ziemlich schnell, was genau der Code bewirkt. Diese Taktik klappt aber nur, wenn Du die Codes einzeln überprüfst. Sobald Du weißt, wofür der Code zuständig ist, beschriftest Du den Code mit z.B.

/* Eintrag Anfang "Header hellere Trennlinie" */
Dein Code
/* Eintrag Ende "Header hellere Trennlinie" */
 

Die zusätzliche Zeile bzw. den ggf. veränderten Farbcode gleich wieder in Ordnung bringen (daher ist der Zettel so wichtig).
Mit ein bisschen Geduld schaffst Du auf diese Weise ratz fatz Ordnung in Deinen CSS-Einträgen und lernst nebenbei auch noch ein Menge dazu. Bei einigen Codes wirst Du eventuell gar nicht erst überprüfen müssen, wenn die betreffende CSS-Klasse oder das ID-Attribut schon eindeutig sind, worum es geht.
_____________________________________

So, nun zu Beatricas Problem mit dem verschwundenen "Forum Übersicht"-Button:

Die mehrfach vorkommenden Codes waren nicht das Problem. Diese werden einfach von der Software überlesen, aber immerhin gelesen, und das ist nicht so "wirtschaftlich".

Fürs erste kann ich nur sagen, dass es dieser Code war, der die Beschriftung Deines Buttons nicht anzeigt:

#link_index span {
font-size: 18px;
opacity: 0;
}
 

Wird dieser Code aus Deinen Einträgen entfernt, ist die Beschriftung in meinem Testforum sofort wieder da.
Nun hast Du aber allgemein für die Buttons in Deiner Navigationsleiste eine größere Schrift eingestellt (18 px). Daher kann ich nicht genau sagen, was beim Entfernen des erwähnten Codes nun bei DIR rauskommen wird, da ich Dein Forum nicht einsehen kann.

Du kannst aber zunächst einmal versuchen, die kompletten CSS-Einträge, wie ich sie Dir hier überarbeitet habe und in welchen auch der "Problem-Code" bereits entfernt ist bei Dir einzusetzen.

Falls die Beschriftung bei Dir wieder erscheinen sollte (worüber wir uns natürlich freuen würden), dann könnte es auch sein, dass der Button zu kurz oder auch zu lang angezeigt wird. Also nicht gleich erschrecken! Die Breite des Buttons wird nämlich in diesem Code vorgegeben:

#link_index {
background-image: url("") !important;
background-position: center;
background-repeat: no-repeat;
height: 30px;
width: 70px;
}
 

Falls das also nicht gleich hübsch aussehen sollte, passt Du bitte den Wert für die Eigenschaft width genau an. Nach zwei bis drei Versuchen wirst Du die passende Breite gefunden haben.

Es gibt da außerdem noch ein ID-Attribut in Deinen Einträgen namens #link_, das mir so eigentlich noch nirgendwo untergekommen ist. Aber das konnte ich im Moment aus zeitlichen Gründen noch nicht genauer nachverfolgen, ob das nun einen "blinden" Code ergibt oder nicht. Jedenfalls richtet der betreffende Code aber keinen Schaden an. Das kann man sich also einmal gesondert ansehen.

Hier nun die kompletten CSS-Einträge:

.hpm_spoiler_open {
    background:url("https://files.homepagemodules.de/b591172/a_693_434029b2.jpg") no-repeat scroll left center transparent;
    display:block;
    padding-left:14px;
}
 
.hpm_spoiler_closed {
    background:url("https://files.homepagemodules.de/b2001010/a_489.gif") no-repeat scroll left center transparent;
    display:block;
    padding-left:14px;
}
 
.xChatMain {
    background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");
}
 
.xChatMessage,.users_cont {
    background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;
}
 
.xChat * {
    font-size: 21px !important;
    font-weight:normal !important;
}
 
.content.page_index {
    background: transparent;
}
 
.hpm_spoiler_body {
    background:none repeat scroll 0 0;
    display: none;
    border-color:#eeeeee;
    border-style:solid;
    border-width:0 1px 1px 1px;
    margin:0;
    padding:0;
    width:100%;
}
 
.hpm_spoiler_headinput {
    border:0 none;
    cursor:pointer;
    font:bold 11px Verdana,Arial,sans-serif;
    margin-bottom:0;
    margin-left:6px;
    margin-top:0;
    padding:2px 14px 3px;
    position:relative;
    text-align:left;
    width:100%;
}
 
.hpm_spoiler {
    margin:6px;
    width:60%;
}
 
.hpm_spoiler_headdiv {
    background:none repeat scroll 0 0;
    border:1px solid #eeeee;
    height:20px;
    margin:0;
    padding:1px 0px;
    width:100%;
}
 
#link_index span {
    font-size: 18px;
    opacity: 0;
}
 
#link_index {
    background-image: url("") !important;
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 70px;
}
 
#link_forum span {
    font-size: 18px;
    opacity: 0;
}
 
#link_forum {
    background-image: url(" https://files.homepagemodules.de/b214495/bhnetfiles-k97a-1-c4ca.png ") !important;
    background-position: center ;
    background-repeat: no-repeat;
    height: 30px;
    width: 55px;
}
 
#link_span {
    font-size: 18px;
    opacity: 0;
}
 
#link_ {
    background-image: url("") ! important;
    background-position: center ;
    background-repeat: no-repeat;
    height: 30px;
    width: 85px;
}
 
.fstat hr {
    visibility: hidden;
}
 
.fstat_stats {
    display:none;
}
 
.tms2 p img {
    max-width:500px;
}
 
.blog-article-body {
    background-image: url("https://files.homepagemodules.de/b591172/a_695_c02cd58d.jpg");
    border: 1px solid #030003;
}
 

Da muss ich mich jetzt dem Lob der Bea mal gerne anschließen - sauber und verständlich aufbereitete Leistung, danke schön!

Das ist ja ganz wunderbar, Beatrica! Ich freue mich mit Dir!
Und ganz lieben Dank für den hübschen Rosenstrauß. Hierfür auch eine für Dich!