Forum-Style anpassen

Road-Runner

Bislang nutzte ich folgenden Style um das Forum an meine Wünsche anzupassen:

CSS

@-moz-document   url-prefix("http://www.camp-firefox.de/forum")


{


    div.headerbar {
    display:block !important;
	width: auto !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
    } 



    div#mcs_header_bg {
       display: none !important;
    }
    div#header_bg {
       display: none !important;
    }
/*
#header_bg {
display: none !important;}






#mcs_header_bg{
width:auto !important;
margin-left:20px!important;
margin-right: 20px !important;} 
*/


.container-16{
width: auto !important;
margin-left: 20px !important;
margin-right: 20px !important;} 




#header{
width: auto !important;
margin-left: 20px !important;
margin-right: 20px !important;
} 




#page-body{
width: auto !important;
margin-left: 20px !important;
margin-right: 20px !important;} 
 
 dl[style*="forum_unread.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;}
dl[style*="forum_read.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}
dl[style*="forum_unread_locked.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="forum_read_locked.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="forum_unread_subforum.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;}
dl[style*="forum_read_subforum.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}
dl[style*="topic_unread.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;}
dl[style*="topic_read.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}
dl[style*="topic_unread_hot.gif"] {
     background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;}
dl[style*="topic_read_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}
dl[style*="topic_unread_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;}
dl[style*="topic_read_hot_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}
dl[style*="topic_moved.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/topic_moved.gif") !important;}
dl[style*="sticky_read.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/impalt.ico") !important;}
dl[style*="topic_read_locked_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="topic_read_locked.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="topic_unread_locked.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="topic_read_hot.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}
dl[style*="topic_unread_hot_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;}
dl[style*="sticky_read.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/impalt.ico") !important;}
dl[style*="sticky_unread.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/impneu.ico") !important;}
dl[style*="sticky_read_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/impalt.ico") !important;}
dl[style*="sticky_unread_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/impneu.ico") !important;}
dl[style*="sticky_read_locked_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="sticky_read_locked.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="sticky_unread_locked.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="sticky_unread_locked_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="announce_read.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}
dl[style*="announce_unread.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;}
dl[style*="announce_read_locked.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="announce_unread_locked.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="topic_unread_locked_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="announce_read_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}
dl[style*="announce_unread_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;}
	dl[style*="announce_read_locked_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}
dl[style*="announce_unread_locked_mine.gif"] {
    background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}




div#qr_showeditor_div {
  display: none !important;
}


    .postbody {
        float:right !important;
        width: 85% !important;
        border-left: 1px solid #e0e0e0 !important;
        padding-left:22px !important;
       }


      .postprofile {
        float: none !important;
        display: block !important;
        border:none !important;
        width: 25% !important;}








.edit-icon{
float: right !important;}
/*
.online {
background-position:140px 10px !important;
background-image: url("http://roady.bplaced.net/chrome/online.gif")!important;}


.post.bg2 { background-color: #BBFFFF !important; }
.post.bg1 { background-color: #ECF3F7 !important; }
}
*/
     body#phpbb div.post.online {
      background-image: none !important;
    }


    body#phpbb div.post.online > div.inner > dl.postprofile::before {
      content: url("http://roady.bplaced.net/chrome/online.gif") !important;
      float: right !important;
      margin-right: 2px !important;
      margin-left: -50px !important;
    }






@-moz-document domain("supportnet.de")
{
html {
  height:100% !important;
  display:table !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


body {
  display:table-cell !important;
  vertical-align: middle !important;
}
}

Alles anzeigen

Die wichtigsten Änderungen waren diese:

- das Forum wurde über die ganze Breite des Bildschirms angezeigt
- die Spalte mit den Nutzernamen war links anstatt rechts
- das Feld Schnellantwort war ausgeblendet
- die standardmäßig vorhandenen Icons (gelesen, ungelesen usw.) waren durch eigene Icons ersetzt
Seit dem Update auf phpbb 3.1 funkioniert dieser Code nur noch teilweise. Die Nutzernamen werden noch links angezeigt, allerdings ist die Spaltenbreite jetzt zu schmal. Die anderen 3 Punkte funktionieren nicht mehr.

Vielleicht könnte jemand sich den Code mal ansehen und gegebenenfalls so ändern dass die 4 Punkte wieder funktionieren. Ich kann das mangels Kenntnissen leider nicht selbst tun (de Code hatte ich damals auch hier aus dem Forum).

Danke schon mal fürs Lesen.

P.S. mit dem Code saht das Ganze ungefähr so aus (allerdings mit anderen Farben und Icons):

[Blockierte Grafik: https://userstyles.org/style_screenshot_thumbnails/18468_after.png?r=1456013166]

Nachtrag: wenn ich mir den Code in Stylish anzeigen lasse und auf Bearbeiten - Auf Fehler prüfen gehe, bekomme ich diese Meldung:

[attachment=0]foren.png[/attachment]

Vielleicht liegt es ja daran dass der Code nicht mehr will.

Mithrandir

- Header ausblenden
- Breite anpassen

CSS

/* AGENT_SHEET */


@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document
url-prefix("http://www.camp-firefox.de/forum/"),
url-prefix("http://www.camp-firefox.de/forum/viewtopic.php"),
url-prefix("http://www.camp-firefox.de/forum/index.php"),
url-prefix("http://www.camp-firefox.de/forum/viewforum.php"){


	#cf-header-bg {
		display:none !important
	}


	#wrap {
		max-width: 2000px !important;
	}
 }

Alles anzeigen

Road-Runner

Danke an Mithrandir.

Mit Deinem Code sieht es jetzt so aus:

-~~das Forum wurde über die ganze Breite des Bildschirms angezeigt~~ klappt
-~~die Spalte mit den Nutzernamen war links anstatt rechts~~ klappt mit einem kleinen Schönheitsfehler (siehe weiter unten)
- ~~das Feld Schnellantwort war ausgeblendet~~ habe ich bis auf Weiteres mit ublock ausgeblendet
- die standardmäßig vorhandenen Icons (gelesen, ungelesen usw.) waren durch eigene Icons ersetzt

Der kleine Schönheitsfehler ist dieser: Der Beitrag im Thread beginnt erst unter dem Userblock - das sieht dann so aus:

[attachment=0]user.png[/attachment]

Das ist bei allen Usern so, egal ob sie gerade online sind oder nicht.

Was jetzt auch noch fehlt ist das Einbinden der eigenen Icons.

Sören Hentzschel

Die max-width von #wrap würde ich auf auto setzen, dann ist keine explizite Pixelangabe notwendig.

Schnellantwort ausblenden:

Code

.quickreply-title, .quickreply-title + .fields1 {
  display: none;
}

Mithrandir

Header (#cf-header-bg) und Schnellantwort (#qr_postform) ausblenden:

Code

#cf-header-bg, #qr_postform {
      display:none !important
   }

@Sören: mit "auto" für #wrap ging es bei mir vorhin nicht.

Sören Hentzschel

Mein Fehler, "auto" ist für "max-width" Quatsch, denn was soll eine automatische Maximalbreite sein, das kann nur für "width" funktionieren, es sollte "max-width: none;" heißen.

Zitat von Road-Runner

Der kleine Schönheitsfehler ist dieser: Der Beitrag im Thread beginnt erst unter dem Userblock - das sieht dann so aus:

Ich nehme an, du hast deinen alten Code noch mit drin? Das könnte ein Problem sein, du solltest die alten Regeln für das Forum mal komplett rausnehmen und testen. Und dann füge die Regeln Stück für Stück wieder ein und schau, a) ob davon etwas deine Nebenwirkung verursacht und b) ob etwas überhaupt keinen Effekt mehr hat, in dem Fall lass die Regel entfernt. Denn einige IDs und Klassen gibt es nicht mehr und wurden durch andere ersetzt, manche Elemente können durch die softwareseitigen Unterschiede am HTML und CSS Nebenwirkungen haben, wenn die alten Änderungen einfach übernommen werden.

Boersenfeger

Auto für wrap ging hier auch nicht... ebenso der Code von Sören für die Schnellantwort, der von Mithrandir brachte hier Erleichterung...
Roadies kleiner Schönheitsfehler ist jetzt noch wirklich auch für mich störend... :cry:

Sören Hentzschel

Siehe Beitrag eben, der ziemlich zeitgleich mit deinem geschrieben worden ist, "auto" war ein Fehler, "none" ist korrekt. Mein Code für die Schnellantwort funktioniert bei mir einwandfrei. Getestet mit den Entwicklerwerkzeugen von Firefox, die das ja live anzeigen, was man eingibt. Das "!important" gehört halt dazu, wenn man Stylish verwendet.

Boersenfeger

Danke, none funktioniert..... Das Coden muss ich anderen überlassen...
BTW: Ich verwende nicht Stylish sondern den UserCSSLoader in der Erweiterung userChrome.js..

Sören Hentzschel

Wahrscheinlich benötigt man das damit auch. Wenn man es direkt in den Stileditor der Entwicklerwerkzeuge von Firefox eingibt, "gewinnen" die Regeln halt direkt (ist aber auch nur zum Testen, damit wird nichts gespeichert), das ist etwas anders als mit solchen Erweiterungen.

BarbaraZ-

Ich war mal so frei und habe mich bedient.
Lieb bedankt dafür.

Mithrandir

Foren-dls haben nun eine Klasse. Drei funktionierende Beispiele:

CSS

dl.forum_unread {
     background-image: url("http://roady.bplaced.net/chrome/neu.ico") !important;
}

CSS

dl.forum_read {
     background-image: url("http://roady.bplaced.net/chrome/alt.ico") !important;}

CSS

dl.forum_read_locked {
     background-image: url("http://roady.bplaced.net/chrome/closed.ico") !important;}

Boersenfeger

..habe alle betreffenden Teile entsprechend geändert und die passen.
Danke...
Hast du eine Idee, welcher Absatz im Code diesen unschönen Versatz auslöst?
[attachment=0]2016-02-21_114654.jpg[/attachment]

Endor

Ja genau das stört mich im Moment auch.
Habe noch keinen Weg gefunden das zu ändern.
Es liegt an diesem Code:

Code

Nur wie muss man den ändern: :-??

CSS

/* AGENT_SHEET */


@-moz-document url-prefix("http://www.camp-firefox.de/forum/viewtopic.php"),
               url-prefix("http://www.camp-firefox.de/forum/search.php"),
               url-prefix("http://www.camp-firefox.de/forum/ucp.php")

               {.postbody {
float:right !important;
width: 80% !important;
border-left: 1px solid #e0e0e0 !important;
padding-left:10px !important;}


.postprofile {
float: none !important;
display: block !important;
border:none !important;}




.edit-icon{
float: right !important;}


.online {
background-position: 15% 4px !important;}




}

Alles anzeigen

Mfg.
Endor

Road-Runner

Zitat von Road-Runner

Was jetzt auch noch fehlt ist das Einbinden der eigenen Icons.

Dieses Problem ist auch gelöst. Danke an Mithrandir.

Bleibt definitiv nur noch dieser unschöne Versatz.

Sören Hentzschel

CSS

.postbody {
  float: right !important;
  width: 80% !important;
  border-left: 1px solid #e0e0e0 !important;
  padding-left: 10px !important;
}

width: 80% !important; entfernen.

CSS

.postprofile {
  float: none !important;
  display: block !important;
  border: none !important;
}

float: none durch float: left ersetzen

Mithrandir

Die width der Bereiche lieber unberührt lassen und dann:

CSS

.postbody {
		float:right !important;
		border-left: 1px solid #e0e0e0 !important;
		padding-left:22px !important;
	}


	.postprofile {
		float: left !important;
		border: none !important;
	}

Alles anzeigen

Ups - ein wenig zu spät.

Endor

@Mithrandirs Lösung hat es hier gebracht.
:klasse:
Vielen Dank!!!!
Mfg.
Endor

Mithrandir

Ein bißchen mehr Breite für den Beitrag lässt sich (bei mir) doch noch rauskitzeln:

CSS

.postbody {
		float:right !important;
		border-left: 1px solid #e0e0e0 !important;
		padding-left:22px !important;
		width: 82% !important;
	}


	.postprofile {
		float: left !important;
		border: none !important;
		width: 16% !important;
	}

Alles anzeigen

Endor

Wo es hier noch nicht funktioniert, ist bei den Privaten Nachrichten.
Da ist noch alles versetzt.
Auch mit den Codes aus diesem Thread lässt sich das nicht ändern.

[Blockierte Grafik: http://i.imgur.com/l6qJQas.png]

Code:

CSS

@-moz-document url-prefix("http://www.camp-firefox.de/forum/ucp.php")
{
  .postbody {
      float:right !important;
      border-left: 1px solid #e0e0e0 !important;
      padding-left:22px !important;
   }


   .postprofile {
      float: left !important;
   }
}

Alles anzeigen

Mfg.
Endor