2019-Update: Großer camp-firefox.de Relaunch

milupo

Fügst du eventuell den Text schon ein, bevor du CSS als Syntaxhervorhebung festlegst? Lege die Syntaxhervorhebung erst fest und füge den Text dann ein, und zwar in den CSS-Kasten.

Fox2Fox

Zitat von milupo

Fügst du eventuell den Text schon ein, bevor du CSS als Syntaxhervorhebung festlegst? Lege die Syntaxhervorhebung erst fest und füge den Text dann ein.

Werde meine Vorgehensweise aufzeichnen - mit einem gekürzten Code

CSS

/*Startseite Forum*/
@-moz-document url(https://www.camp-firefox.de/forum/){
.layoutBoundary{
margin-top:-35px!important;}
#content{
margin-top:-15px!important;}
.boxMenu{
margin-top:14px!important;
max-width:120px!important;}
SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"]{
margin-top:50px!important;}
.userPanel.userPanelLoggedIn{
margin-right:-40px!important;
margin-top:17px!important;}
#tpl_wbb_boardList,#main,#pageHeaderPanel > DIV > DIV > DIV > NAV > OL,#pageHeaderPanel,#pageContainer,#pageHeaderContainer,#pageHeaderPanel *,#pageHeaderPanel{
background:#425999!important;}
#pageHeaderContainer,
.layoutBoundary{
background:none!important;}
.boxContainer,
SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"]{
margin-left:60px!important;}
.wbbBoardNode1.wbbBoard,
.wbbBoardNode2.wbbBoard{
max-height:55px!important;}
.wbbBoardList{
margin-left:-70px!important;
min-width:1230px!important;}
.wbbBoardNode1.wbbBoard{
background:#dcdcdc!important;}
.wbbBoardNode1.wbbBoard:hover{
background:#eeeeee!important;}

Zitronella

bei viel Code sieht man am Ende nicht das Feld, wo man normal weiter schreiben kann

problem-code-ff-forum.gif

Fox2Fox

Habe meine Vorgehensweise mal aufgezeichnet. GIF ist aber zu groß, daher über den Link aufrufen

https://www.pic-upload.de/view-36470450/Lice_15.gif.html

milupo

Zitat von Zitronella

bei viel Code sieht man am Ende nicht das Feld, wo man normal weiter schreiben kann

Ja, aber es geht erst einmal darum, dass Fox2Fox den Code-Text nicht in den CSS-Kasten bekommt. Ist bei mir kein Problem.

milupo

Zitat von Fox2Fox

Habe meine Vorgehensweise mal aufgezeichnet. GIF ist aber zu groß, daher über den Link aufrufen

Du klickst nach dem Festlegen der Syntaxhervorhebung ein zweites Mal auf das Code-Symbol. Es wird sozusagen ein neuer Code-Kasten eingefügt. Nein, nach dem Festlegen der Syntaxhervorhebung den Text mit Strg+V einfach in den CSS-Kasten einfügen.

Zitronella

Zitat von milupo

Du klickst nach dem Festlegen der Syntaxhervorhebung ein zweites Mal auf das Code-Symbol

ich habs paarmal angesehen. Er klickt kein zweites Mal auf das Code Symbol. Es wird zwar kurz rot, das liegt aber daran, wenn man den Cursor in den Code-Kasten setzt.

Ich verstehe allerdings auch nicht warum es bei Fox2Fox nicht klappt, denn bei mir funktioniert es wie gewünscht.

milupo

CSS

/*Startseite Forum*/

@-moz-document url(https://www.camp-firefox.de/forum/){

.layoutBoundary{

margin-top:-35px!important;}

#content{

margin-top:-15px!important;}

.boxMenu{

margin-top:14px!important;

max-width:120px!important;}

SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"]{

margin-top:50px!important;}

.userPanel.userPanelLoggedIn{

margin-right:-40px!important;

margin-top:17px!important;}

#tpl_wbb_boardList,#main,#pageHeaderPanel > DIV > DIV > DIV > NAV > OL,#pageHeaderPanel,#pageContainer,#pageHeaderContainer,#pageHeaderPanel *,#pageHeaderPanel{

background:#425999!important;}

#pageHeaderContainer,

.layoutBoundary{

background:none!important;}

.boxContainer,

SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"]{

margin-left:60px!important;}

.wbbBoardNode1.wbbBoard,

.wbbBoardNode2.wbbBoard{

max-height:55px!important;}

.wbbBoardList{

margin-left:-70px!important;

min-width:1230px!important;}

.wbbBoardNode1.wbbBoard{

background:#dcdcdc!important;}

.wbbBoardNode1.wbbBoard:hover{

background:#eeeeee!important;}

.fa-angle-right,

#content > DIV > UL > LI:first-child,#content > DIV > UL > LI:nth-child(3) > HEADER,

SECTION[class="box"][data-box-identifier="com.woltlab.wbb.UnreadThreads"],

SECTION[class="box"][data-box-identifier="com.woltlab.wbb.LatestPosts"],

#content > DIV > UL > LI:first-child > HEADER,

#main > DIV > ASIDE > DIV > DIV,

.label.badge.brown,

#pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:first-child > A > SPAN,

#pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:last-child > A,

.pageHeaderLogoLarge,

.contentHeaderTitle,

.breadcrumbs,

.messageGroupListStatsSimple,

#pageContainer > DIV:nth-child(2),

#pageHeaderLogo > A,

#content > DIV > UL > LI:nth-child(2) > HEADER,

#content > DIV > UL > LI:last-child > HEADER,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:first-child,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > H2,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > DIV > UL:first-child,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > DIV > DL,

#pageFooter{

display:none!important;}

#main > DIV > ASIDE > DIV > SECTION:nth-child(2){

margin-top:5px!important}

.boxesFooterBoxes{

background:none!important;

margin-top:-45px!important}

.wbbBoardDescription,

#content > DIV > UL > LI:first-child > UL > LI:first-child > DIV > DIV:nth-child(2) > DIV:first-child > P{

font-size:8px!important;}

#content > DIV > UL > LI:nth-child(n+2){

margin-top:-20px!important}

#pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:nth-child(2) > A,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > DIV > UL:nth-child(2) > LI:first-child > A,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > DIV > UL:nth-child(2) > LI:nth-child(n+2) > A,

.boxMenuLinkTitle{

color:yellow!important;}

.boxMenuLinkTitle:hover{

color:white!important;}

.boxTitle{

text-align:center!important;}

H3,

P,

#content > DIV > UL > LI:first-child{

font-size:12px!important;}

SECTION[class="box"][data-box-identifier="com.woltlab.wcf.UsersOnline"]{

margin-top:-29px!important;

margin-left:-130px!important;

min-width:1500px!important;}

}

/*Forum Allgemein, und wenn von Seite 2 zurück auf 1*/

@-moz-document

url(Firefox Allgemein),

url-prefix(Firefox Allgemein){

#pageHeaderFacade > DIV,

#pageHeaderPanel{

-moz-appearance:none!important;

background:none!important;

width:1000px!important;}

#tpl_wbb_boardList,#main ,#pageHeaderPanel > DIV > DIV > DIV > NAV > OL,#pageHeader ,#pageHeaderFacade,#pageContainer,#pageHeaderContainer,#pageHeaderPanel *,#pageHeaderPanel{

-moz-appearance:none!important;

background:#425999!important;}

.section.tabularBox.messageGroupList.wbbThreadList.jsClipboardContainer{

margin-top:-1px!important;}

.wbbBoardContainer.wbbDepth2{

max-height:60px!important;}

#topMenu > UL{

margin-top:-35px!important;

margin-left:970px!important;}

.box.mainMenu{

margin-top:-14px!important;}

#content > HEADER{

margin-top:-30px!important;}

#content > DIV:nth-child(2){

margin-left:350px!important;

margin-top:-30px!important;}

SECTION[class="box"][data-box-identifier="com.woltlab.wbb.LatestPosts"],

SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"],

SECTION[class="box"][data-box-identifier="com.woltlab.wbb.UnreadThreads"],

#content > DIV:nth-child(3) > OL > LI:first-child,

#content > DIV:nth-child(3) > OL > LI:nth-child(2),

#content > DIV:nth-child(3) > OL > LI:nth-child(3),

#pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:first-child > A > SPAN,

#pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:last-child > A,

#main > DIV > ASIDE > DIV > DIV,

#pageHeaderLogo,

.contentHeaderTitle,

.breadcrumbs,

.messageGroupListStatsSimple,

#pageContainer > DIV:nth-child(2),

#content > DIV > UL > LI:first-child > HEADER,

#content > DIV > UL > LI:nth-child(2) > HEADER,

#content > DIV > UL > LI:last-child > HEADER,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:first-child,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > H2,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > DIV > UL:first-child,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > DIV > DL,

#pageFooter{

display:none!important;}

#content > DIV > UL,

.sidebar.boxesSidebarRight{

margin-top:-60px!important}

#pageHeaderPanel{

background:white!important;}

.boxesFooterBoxes{

background:none!important;

margin-top:-95px!important}

.wbbBoardDescription,

#content > DIV > UL > LI:first-child > UL > LI:first-child > DIV > DIV:nth-child(2) > DIV:first-child > P{

font-size:8px!important;}

#content > DIV > UL > LI:nth-child(n+2){

margin-top:-20px!important}

#pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:nth-child(2) > A,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > DIV > UL:nth-child(2) > LI:first-child > A,

#pageContainer > DIV:nth-child(4) > DIV > DIV > SECTION:last-child > DIV > UL:nth-child(2) > LI:nth-child(n+2) > A,

.boxMenuLinkTitle{

color:yellow!important;}

.boxMenuLinkTitle:hover{

color:white!important;}

H3,

#content > DIV > UL > LI:first-child{

font-size:14px!important;}}

/*Bekanntmachungen hellgelber Hintergrund*/

@-moz-document domain(https://www.camp-firefox.de){

.tabularListColumns.messageGroup.wbbThread.jsClipboardObject.wbbThreadAnnouncement{

background:beige!important;}

/*Geschlossener Thread roter Hintergrund*/

OL[class="tabularListColumns messageGroup wbbThread jsClipboardObject"][data-is-closed="1"]{

background:red!important;}

/*Angepinnte Threads*/

OL[class="tabularListColumns messageGroup wbbThread jsClipboardObject wbbThreadSticky"]{

background:#e9967a!important;}

}

Fox2Fox

Zitat von milupo

Nein, nach dem Festlegen der Syntaxhervorhebung den Text mit Strg+V einfach in den CSS-Kasten einfügen.

Ich klicke in den CSS-Kasten und füge den Code ein.

Nach Klick auf "Antwort" befindet sich der Code aber außerhalb des CSS-Kasten, also unterhalb des Kastens.

Vielleicht ist es ja ein Problem mit der Forensoftware.

Wie Andreas schon schrieb.

Bei mir hat das noch nie funktioniert.

Zitat von 2002Andreas

Mal funktioniert das mit dem Kasten, mal nicht.

milupo

Zitat von Zitronella

ich habs paarmal angesehen. Er klickt kein zweites Mal auf das Code Symbol. Es wird zwar kurz rot, das liegt aber daran, wenn man den Cursor in den Code-Kasten setzt.
Ich verstehe allerdings auch nicht warum es bei Fox2Fox nicht klappt, denn bei mir funktioniert es wie gewünscht.

Ja, du könntest recht haben. Ich kann das nur so nachvollziehen, dass der Kursor nicht mehr im CSS-Kasten, sondern außerhalb ist. Er sollte wohl am besten vor dem Einfügen noch mal in den CSS-Kasten klicken.

Fox2Fox

Test mit einem sauberen Profil. Klappt damit!

Die Frage ist, warum es mit meinem Arbeitsprofil nicht klappt.

CSS

/*Startseite Forum*/
@-moz-document url(https://www.camp-firefox.de/forum/){
.layoutBoundary{
margin-top:-35px!important;}
#content{
margin-top:-15px!important;}
.boxMenu{
margin-top:14px!important;
max-width:120px!important;}
SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"]{
margin-top:50px!important;}
.userPanel.userPanelLoggedIn{
margin-right:-40px!important;
margin-top:17px!important;}
#tpl_wbb_boardList,#main,#pageHeaderPanel > DIV > DIV > DIV > NAV > OL,#pageHeaderPanel,#pageContainer,#pageHeaderContainer,#pageHeaderPanel *,#pageHeaderPanel{
background:#425999!important;}
#pageHeaderContainer,
.layoutBoundary{
background:none!important;}
.boxContainer,
SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"]{
margin-left:60px!important;}
.wbbBoardNode1.wbbBoard,
.wbbBoardNode2.wbbBoard{
max-height:55px!important;}
.wbbBoardList{
margin-left:-70px!important;
min-width:1230px!important;}
.wbbBoardNode1.wbbBoard{
background:#dcdcdc!important;}
.wbbBoardNode1.wbbBoard:hover{
background:#eeeeee!important;}

Alles anzeigen

milupo

Zitat von Fox2Fox

Vielleicht ist es ja ein Problem mit der Forensoftware.
Wie Andreas schon schrieb.
Bei mir hat das noch nie funktioniert.

Klicke nach der Syntaxhervorhebung noch einmal in den CSS-Kasten. Ich denke mir, dass der Fokus auf das Fenster mit der Syntaxhervorhebung übergeht und beim Schließen des Fensters (Speichern) der Fokus außerhalb des Kastens ist.

Bei mir hat das immer funktioniert.

2002Andreas

Zitat von Fox2Fox

Test mit einem sauberen Profil. Klappt damit!

Und wie sieht das Forum dann mit dem Code aus?

So sollte es aussehen:

milupo

Zitat von Fox2Fox

Test mit einem sauberen Profil. Klappt damit!
Die Frage ist, warum es mit meinem Arbeitsprofil nicht klappt.

Ich glaube nicht, dass es am Profil liegt. Oder redest du jetzt von der korrekten Anzeige des Forums?

Fox2Fox

Zitat von milupo

Ich glaube nicht, dass es am Profil liegt. Oder redest du jetzt von der korrekten Anzeige des Forums?

Ich meinte, dass das Einfügen in die Code-Box mit einem sauberen Profil klappt.

Zitat von 2002Andreas

Und wie sieht das Forum dann mit dem Code aus?

Immer noch fehlerhaft wie schon beschrieben.

Fox2Fox

Test...

Habe jetzt alle Code in Stylish deaktiviert und dann klappt die Code-Funktion.

Werde jetzt einzeln wieder aktivieren....

CSS

/*Startseite Forum*/@-moz-document url(https://www.camp-firefox.de/forum/){.layoutBoundary{margin-top:-35px!important;}#content{margin-top:-15px!important;}.boxMenu{margin-top:14px!important;max-width:120px!important;}SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"]{margin-top:50px!important;}.userPanel.userPanelLoggedIn{margin-right:-40px!important;margin-top:17px!important;}#tpl_wbb_boardList,#main,#pageHeaderPanel > DIV > DIV > DIV > NAV > OL,#pageHeaderPanel,#pageContainer,#pageHeaderContainer,#pageHeaderPanel *,#pageHeaderPanel{background:#425999!important;}#pageHeaderContainer,.layoutBoundary{background:none!important;}.boxContainer,SECTION[class="box"][data-box-identifier="com.woltlab.wcf.TodaysBirthdays"]{margin-left:60px!important;}.wbbBoardNode1.wbbBoard,.wbbBoardNode2.wbbBoard{max-height:55px!important;}.wbbBoardList{margin-left:-70px!important;min-width:1230px!important;}.wbbBoardNode1.wbbBoard{background:#dcdcdc!important;}.wbbBoardNode1.wbbBoard:hover{background:#eeeeee!important;}.fa-angle-right,#content > DIV > UL > LI:first-child,#content > DIV > UL > LI:nth-child(3) > HEADER,SECTION[class="box"][data-box-identifier="com.woltlab.wbb.UnreadThreads"],SECTION[class="box"][data-box-identifier="com.woltlab.wbb.LatestPosts"],#content > DIV > UL > LI:first-child > HEADER,#main > DIV > ASIDE > DIV > DIV,.label.badge.brown,#pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:first-child > A > SPAN,#pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:last-child > A,.pageHeaderLogoLarge,.contentHeaderTitle,.breadcrumbs,

milupo

So soll es aber nicht aussehen ...

milupo

Zitat von Fox2Fox

Immer noch fehlerhaft wie schon beschrieben.

Auch im neuen Profil? Wenn du mehrere CSS-Codes hast, können die in Konflikt geraten.

2002Andreas

Fox2Fox...

kopier doch bitte mal den Code aus Beitrag Nr. 208

#208

Den habe ich jetzt als CSS Code nachträglich gespeichert.

Und dann füg ihn hier bitte mal erneut in die Code/CSS funktion wieder ein.

Fox2Fox

Zitat von milupo

So soll es aber nicht aussehen ...

Stimmt. Habe mal mit einem längeren Text getestet. Text war grün und vollständig zu sehen, also nix mit Aufklappen.