Forum - Titelleisten überschreiben

Einen schönen Neujahr gewünscht

Ich habe mal eine Frage, ich bekomme das nicht hin. Unten im Forum bei den Statistiken wollte ich die Überschrift ändern, habe die F12 Taste gedrückt und bekomme nur dieses Ergebnis:

<div class="boxheader" style="cursor: pointer;"><strong>Forum Übersicht - Daishi’s-Forum - Forum Statistiken</strong></div>
 

Habe es so umbenannt:

<div class="boxheader" style="cursor: pointer;"><strong><h8><span_forum>Forum Übersicht - Daishi’s-Forum - Forum Statistiken</span_forum><span_forum>Forum Übersicht - Daishi’s-Forum - Forum Statistiken</span_forum></h8></strong></div>
 

Nur bekomme ich das nicht hin, bei Activity Feed auch nicht, da steht nur das bei mir:

<div class="boxheader" style="cursor: pointer;"><strong>Activity Feed</strong>
</div>
 

Habe es so umbenannt:

<h8><span_forum>Activity Feed</span_forum><span_forum>Activity Feed</span_forum></h8>
 

Habe auch versucht mit dem Code bei Activity Feed, aber das ist nichts, das sieht so aus. Ich versuche es zumindest und gebe mir Mühe, aber es klappt nicht so wie ich will.

So habe ich den Code dazugetan:

$(".xFeedContainer .boxcontent").append('<div class="strong"><span style="color:#ffffff"> <h1><span_forum>Aktuelle Beiträge</span_forum><span_forum>Aktuelle Beiträge</span_forum></h1>  </span>...</div>');
 

Jetzt zur Frage, gehe ich das falsch an oder was mach ich falsch?

Mit dem Xobor Forum habe ich in vielen Sachen noch Probleme. Mir wird es auch nicht so angezeigt das man da die ID's und spezielle Sachen angezeigt werden. Ich benutze von Firefox das Werkzeug für Webentwickler.

Das sieht so aus:


Wenn jemand einen Vorschlag, eine Idee hat und es mir gerne erklären könnte, wie ich es richtig mache, wäre ich von Herzen sehr dankbar. Mich interessiert es in der Hinsicht wie ich mit Xobor hier und da etwas verändern könnte.

Hoffe, ich habe es so gut es geht verständlich ausgedrückt, ich bedanke mich von ganzem Herzen im Voraus für die netten Erklärungen und Hilfe.

Besten Dank

Daishi

Hallo Daishi

Wenn ich dich richtig verstanden habe, willst du den Activity Feed umändern, richtig?

Ich hoffe, das ist das, was du meinst

Gib mal bitte diesen Code hier bei dir ins CSS ein.

/* Activity Feed */
#xActivityFeed {max-height: 150px !important;scrollbar-width: thin!important;background-color: #d5d5d5 !important;}
.xFeedContainer h2:first-child {;width:1100px;height:75px;padding:0;text-align:center;z-index:1;position:flex;text-transform: lowercase;z-index:4;color: #fff !important;margin-top: 10px;text-transform: lowercase !important; border-top: 2.5px solid var(--primtwolight)}
 
/* Forentitel aktuell */
.title1 {font: 15px playfair display; font-weight: 800; text-transform: uppercase; text-shadow: -2px 1px 0 #e5e5e5; color: var(--primtwo); transition: ease 0.9s; padding-top: 3px}
.title1:hover {color: var(--primone); letter-spacing: 0.5px}
 
.subpart {padding: 3px 0px 3px 0px;}
.subpart a {background: linear-gradient(225deg, var(--primtwo) 20%, var(--primone) 100%); font: 8px karla; text-transform: uppercase; letter-spacing: 1px; padding: 2px 5px; color: #eee;transition: ease 0.9s}
 
.subpart a:hover {letter-spacing: 2px}
 
.sub2 {background: linear-gradient(225deg, var(--primtwo) 20%, var(--primone) 100%); font: 8px karla; text-transform: uppercase; letter-spacing: 1px; padding: 2px 5px; color: #eee;transition: ease 0.9s; border-radius: 4px;}
.sub2:hover {letter-spacing: 2px}
.sub2e {background-color: rgba(255,255,255,0.2); font: 8px karla; text-transform: uppercase; letter-spacing: 1px; padding: 2px 5px; color: #fff;transition: ease 0.9s; border: 1px solid #eee}
.sub2e:hover {letter-spacing: 2px}
 

Sollte es nicht klappen, kannst ihn ja wieder raus nehmen und auf Wolfgang warten.

Liebe Grüße

Guten Morgen liebe Anne.

Erst mal danke für deine schöne Arbeit. Mir geht es nur darum, dass ich die Überschriften der Kategorien ändern kann, habe sie im Portal und Forum hinbekommen, nur nicht bei der Statistik und beim Activity Feed.

Ich entschuldige mich für meine schlechte Aussprache und dass ich falsch verstanden wurde.

Im Portal sieht es so aus:



Und im Forum so:



So wollte ich es noch bei Activity Feed und bei der Statistik machen.





Nur bekomme ich mit meinem Tool nicht die genaue Daten angezeigt, wofür ich diese bräuchte, um dies zu ändern. Deswegen die Frage für genaue Erklärung und was ich dafür tun muss, und ich freue mich sehr von ganzem Herzen auf jede Hilfe.

Jedenfalls bedanke ich mich auch bei dir liebe Anne für deine Arbeit und das du deine freie Zeit für mich geopfert hast und sehr hilfsbereit warst zu helfen.

Vielen, vielen Dank

Daishi

Vielen, vielen und herzlichen Dank

Wow, das sieht ja hammerhart aus, ein echtes dickes fettes Mega-Lob spreche ich hier aus.

Ich hatte ja 3 verschiedene CSS angelegt für die Schriften, 1-mal für Portal und Forum und für die Kategorien.

Ich danke dir sehr für diese geniale Lösung, auf diese Lösung wäre ich nie gekommen. Da sieht man schon die Erfahrungen bei dir, du schaust dir das an und Flup hast du eine schnelle Lösung, das ist krass.

Jedenfalls sieht es jetzt so aus wie ich es gerne haben wollte und ohne deine Hilfe hätte ich es nie so toll hinbekommen, nochmals vielen herzlichen Dank.

Herzliche Grüße

Daishi

Hallo Wolfgang

Habe hier kleine Fehler gefunden, kommt durch Center, bekomme es nicht so sauber hin.

Habe es schon versucht, habe sie rückgängig gemacht in ihre Tabellen-Ausgangsposition, aber dann schrumpft vorne alles auf einen Haufen.

Ich weiß nicht weiter.

Hier mal das Bild, wie es ausschaut:


So im Forum normal, sobald man auf ein Forum klickt, wo oben neues Thema erstellen steht, ist der Fehler.

Versuche es seit Tagen zu verbessern, habe aber immer wenig Zeit, width:-1%; letter-spacing: 1px;

Ich ändere es, bis alles im Bild auf ihre ursprüngliche Position ist, mache es vorne aber schlimmer.

Habe es aus Wut schon 4-mal gelöscht, weil ich mich nicht so mit beschäftigen kann, da ich im Moment viel arbeiten muss und ich mich ärgere, dass ich das nicht hinbekomme. Mache da immer nur 1 Stunde herum und am anderen Tag verschlimmere ich es wieder.

Ich hoffe, man sieht den Fehler beim Testen und kann es reproduzieren und man versteht, was ich meine.

Für eine Erklärung und Hilfe wäre ich sehr dankbar,

Ich entschuldige mich für die schlechte Erklärung

Liebe Grüße

Daishi

Hmm, also im kostenlosen Forum ging das nicht, mit dem Script.

Habe es anders gelöst, hoffe das ich jetzt hierfür den richtigen CSS-Code angebe. Habe es anders gelöst, mit CSS-Eingabe.

Bin die ganze Zeit daran das Forum stylisch zu ändern und zu modernisieren, und nach meinem Wünschen anzupassen. Was die anderen sagen, lasse ich mal rechts liegen, ich höre auf deinen Rat, es soll mir gefallen und nicht den anderen.

Klar habe ich manchmal ein schlechtes Gewissen, habe immer es so gemacht, wie es die anderen wollten, nie nach meinem Geschmack, das aber ändert, sich jetzt.

Also zurück zum Thema, ich habe es mit CSS - Code überschrieben, und hoffe, dass ich den richtigen jetzt habe, ich schlage mich schon den ganzen Tag mit den CSS - Codes herum, und konnte jetzt nicht merken, welcher es jetzt war, da ich sie bei mir in der CSS unter "Spezial-Style" eingefügt habe.

Habe es jetzt alles mittig bekommen, mit dem Font-Style.

Hier mal der CSS - Code, um alle Überschriften mittig zu bekommen:

.box .boxheader  {
  background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 8px 7px 7px 818px;
  position: relative;
z-index: 2;
margin: -12px;
 
}
 

In Zeile 6 das letzte die 818px, mit dieser Eingabe habe ich es mittig bekommen.



Hier ein Bild, wie es jetzt ausschaut:



Ich gebe mir sehr viel mühe, aber habe noch stylisch viel zu tun, auch die Effekte möchte ich sehr schön hinbekommen als HD+++

Wollte hier nur Bescheid geben, ob es auch an den Versionen hängen würde, ob es kostenlos oder als Profi Paket zusammenhängt, dass manche Scripte gehen und wiederum nicht.

Möchte jetzt hier keine falschen Behauptungen machen, oder es kann daran liegen, dass ich in das kostenlose Forum viel mit CSS -Codes gearbeitet habe, dass das Script nicht greift, da ich viel zu viele Änderungen hier gemacht habe.

Ich kann aber für das Phänomen das Script nicht funktioniert, meine Ganzen CSS - Codes hier reinschreiben.

Meine ganzen CSS - Code für den Style ändern für das Forum:

/* Anfang - Spezial - Style änderung Forum */
/* Anfang - Spezial - Style änderung Forum */
/* Anfang - Spezial - Style änderung Forum */
 
.content table {
  color: #000;
}
table {
  border-collapse: collapse;
  width: 100%;
  border: none;
}
table, table td {
  font-size: 18px;
}
 

div.cmhsp {
  padding: 15px 10px;
    padding-left: 10px;
}
 
.spacer10 {
  padding: 20px;
}
 

ul.forum li td {
  padding: 14px 0px;
}
 

.box .boxheader  {
  background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 8px 7px 7px 818px;
  position: relative;
z-index: 2;
margin: -12px;
 
}
 

:root {
 
--default: #1a1a1a;
	
}
 
hr {
	height: 3px;
	background-color: var(--default);
	width: 80%;
	border-style: none;
        margin-left:auto;
        margin-right:auto;
}
 
/* Ende - Spezial - Style änderung Forum */
/* Ende - Spezial - Style änderung Forum */
/* Ende - Spezial - Style änderung Forum */
 

 

/* Anfang - Style änderung Forum */
/* Anfang - Style änderung Forum */
/* Anfang - Style änderung Forum */
 

 
.topnavigation_wrap  {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 

.topnavigation_wrap ul  {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
ul.navigation li.currentpage  {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.navigation_wrap  {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.buttonsp {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.activm  {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
a.button  {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.div.topnavigation_wrap {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%;) !important; }
 

input.button {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; } 
 

.box .boxheader  {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.usertitle small {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 

 
td.reply {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.ratingbutton {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.foptions6 background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
.foptions5 background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.foptions4 background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.foptions3 background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.foptions2 background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.foptions1 background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.foptions background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 

.topnavigation_wrap {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.boxheader {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
#breadcrumbs {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.footer {background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%) !important; }
 
.footer_cat {float:left; margin: 5px 0 0 20px; font-size: 13px;}
 
.footer {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 20px;
}
 
/* Ende - Style änderung Forum */
/* Ende - Style änderung Forum */
/* Ende - Style änderung Forum */
 

 

Ja stimmt, habe die mobilen Sachen vergessen, da wird es ja anders dargestellt, ist dann alles rechts.

Deine Lösung war sehr, sehr gut, konnte gleich 3 Lösungen mit einer Klappe schlagen, sieht auch jetzt auf dem Handy mega aus.

Ich danke dir sehr für die Lösungen, an die mobilen Sachen habe ich gar nicht gedacht, bin es noch gewohnt, alles nur für den PC zu machen.

Deine Tipps und Tricks waren sehr, sehr hilfreich, ich bedanke mich herzlichst für die nette Hilfe.

Mit herzlichen Grüßen

Daishi